@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--ink:#172033;--muted:#748095;--line:#e4e8f0;--blue:#3266e8;--blue-dark:#204ebd;--blue-soft:#edf3ff;--coral:#f27366;--paper:#f3f5f9}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Noto Sans KR,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.haru-page{min-height:100vh;padding:22px}.haru-shell{background:#fff;border:1px solid #dfe4ec;border-radius:28px;grid-template-columns:230px minmax(460px,1fr) 330px;width:min(1500px,100%);min-height:calc(100vh - 44px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 80px #1c2b4c1a}.sidebar{border-right:1px solid var(--line);background:#fafbfe;flex-direction:column;padding:26px 18px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-symbol{color:#fff;background:linear-gradient(145deg,#3e78ff,#2859d3);border-radius:13px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid;box-shadow:0 9px 20px #3266e840}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.04em;font-size:18px}.brand small{color:var(--muted);font-size:10px}.main-nav{gap:7px;margin-top:40px;display:grid}.main-nav button{color:#637087;text-align:left;background:0 0;border:0;border-radius:12px;padding:12px 13px;font-size:12px;font-weight:650}.main-nav button.active{color:var(--blue-dark);background:var(--blue-soft)}.connection-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:13px 11px;display:grid}.connection-card .status{background:#d49e27;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fff4d7}.connection-card .status.connected{background:#25a676;box-shadow:0 0 0 4px #e1f6ef}.connection-card div{flex-direction:column;min-width:0;display:flex}.connection-card strong{font-size:10px}.connection-card small{color:var(--muted);text-overflow:ellipsis;font-size:8px;overflow:hidden}.connection-card button{color:var(--blue-dark);background:var(--blue-soft);border:0;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:750}.content{min-width:0}.mobile-brand{display:none}.chat-view,.sub-view{flex-direction:column;min-height:100%;padding:44px 42px 24px;display:flex}.hero-copy{max-width:680px}.hero-copy>span,.section-kicker{color:var(--blue);letter-spacing:.06em;font-size:11px;font-weight:800}.hero-copy h1,.sub-view h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(34px,3.6vw,50px);line-height:1.12}.hero-copy p,.sub-view>p{max-width:650px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.messages{flex-direction:column;flex:1;gap:13px;padding:28px 0 18px;display:flex}.message{align-items:flex-start;gap:9px;display:flex}.message.user{justify-content:flex-end}.assistant-avatar{color:#fff;background:var(--blue);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:9px;font-weight:800;display:grid}.message p{border:1px solid var(--line);color:#4c586d;background:#fff;border-radius:16px;max-width:75%;margin:0;padding:13px 16px;font-size:12px;line-height:1.6;box-shadow:0 7px 18px #2232530d}.message.user p{border-color:var(--blue);color:#fff;background:var(--blue);border-bottom-right-radius:5px}.draft-card{background:#fff;border:1px solid #dfe4ed;border-radius:19px;grid-template-columns:54px 1fr;gap:14px;margin-left:45px;padding:17px;display:grid;box-shadow:0 15px 35px #20315517}.draft-date{color:#d75d52;background:#fff0ed;border-radius:13px;align-content:center;place-items:center;width:54px;height:59px;display:grid}.draft-date span{font-size:8px;font-weight:750}.draft-date strong{font-size:22px;line-height:1.1}.draft-label{color:#2b966d;font-size:9px;font-weight:800}.draft-card h2{margin:2px 0 4px;font-size:17px}.draft-card p{color:var(--muted);margin:0;font-size:10px}.draft-actions{grid-column:1/-1;grid-template-columns:1fr 1.6fr;gap:8px;display:grid}.draft-actions button{border-radius:11px;min-height:41px;font-size:11px;font-weight:750}.ghost{border:1px solid var(--line);color:#677388;background:#fff}.primary{border:1px solid var(--blue);color:#fff;background:var(--blue)}.primary:disabled{opacity:.6}.composer-area{border-top:1px solid var(--line);margin-top:auto;padding-top:13px}.composer{border:1px solid #d8dee9;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px 7px 13px;display:grid;box-shadow:0 11px 28px #25355717}.composer>span{color:var(--blue)}.composer input{min-width:0;color:var(--ink);border:0;outline:0;padding:10px 4px;font-size:12px}.composer input::placeholder{color:#9ba5b5}.composer button{color:#fff;background:var(--coral);border:0;border-radius:11px;width:38px;height:38px;font-size:20px;font-weight:750}.examples{flex-wrap:wrap;gap:6px;padding-top:9px;display:flex}.examples button{color:#7b8798;background:#fafbfe;border:1px solid #e4e8ef;border-radius:999px;padding:5px 8px;font-size:8px}.sub-view{gap:4px}.sub-view h1{font-size:40px}.connect-large{color:#fff;background:var(--blue);border:0;border-radius:11px;align-self:flex-start;margin-top:20px;padding:11px 15px;font-size:11px;font-weight:750}.event-list{border:1px solid var(--line);border-radius:18px;margin-top:28px;overflow:hidden}.empty-state{color:var(--muted);text-align:center;padding:48px 20px;font-size:12px}.event-row{min-height:72px;color:inherit;border-bottom:1px solid #edf0f4;grid-template-columns:65px 4px 1fr auto;align-items:center;gap:11px;padding:13px 17px;text-decoration:none;display:grid}.event-row:last-child{border-bottom:0}.event-row time{color:#5f6b7e;font-size:10px;font-weight:750}.event-row>span{background:var(--blue);border-radius:999px;width:4px;height:38px}.event-row div{flex-direction:column;gap:3px;display:flex}.event-row strong{font-size:12px}.event-row small{color:var(--muted);font-size:9px}.event-row b{color:#9aa4b3}.morning-view{background:linear-gradient(#fff 0%,#fbfcff 100%)}.morning-setup{border:1px solid var(--line);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex}.morning-setup div{flex-direction:column;gap:5px;display:flex}.morning-setup div span{color:var(--blue);letter-spacing:.1em;font-size:9px;font-weight:800}.morning-setup strong{font-size:20px}.morning-setup small{color:var(--muted);font-size:10px}.toggle{background:#d9dee7;border:0;border-radius:999px;flex:none;width:51px;height:29px;padding:4px}.toggle span{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .18s;display:block;box-shadow:0 2px 7px #28344c33}.toggle.on{background:var(--blue)}.toggle.on span{transform:translate(22px)}.morning-note{color:#526078;background:var(--blue-soft);border-radius:16px;margin-top:12px;padding:18px}.morning-note strong{color:var(--blue-dark);font-size:11px}.morning-note p{margin:6px 0 0;font-size:10px;line-height:1.6}.agenda-rail{border-left:1px solid var(--line);background:#f7f9fc;flex-direction:column;gap:17px;padding:31px 23px;display:flex}.rail-heading{justify-content:space-between;align-items:flex-start;display:flex}.rail-heading div>span{color:var(--blue);font-size:9px;font-weight:800}.rail-heading h2{margin:3px 0 0;font-size:18px}.live-badge{color:#35785f;background:#e4f5ee;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:750}.mini-events{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.rail-empty{color:var(--muted);text-align:center;margin:0;padding:35px 16px;font-size:10px}.mini-event{border-bottom:1px solid #edf0f4;grid-template-columns:57px 4px 1fr;align-items:center;gap:9px;min-height:61px;padding:11px 13px;display:grid}.mini-event:last-child{border-bottom:0}.mini-event time{color:#687487;font-size:9px;font-weight:700}.mini-event>span{background:var(--coral);border-radius:999px;width:4px;height:34px}.mini-event strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.brief-card{color:#fff;background:linear-gradient(145deg,#356ce8,#2554c7);border-radius:20px;margin-top:6px;padding:23px 19px;box-shadow:0 17px 32px #2b5acc3d}.brief-card>span{letter-spacing:.13em;font-size:8px;font-weight:800}.brief-card h2{letter-spacing:-.04em;margin:12px 0 7px;font-size:22px}.brief-card p{color:#ffffffde;margin:0;font-size:10px;line-height:1.65}.brief-card button{width:100%;color:var(--blue-dark);background:#fff;border:1px solid #ffffff2e;border-radius:10px;margin-top:16px;padding:10px;font-size:9px;font-weight:750}.toast{z-index:80;color:#fff;background:#182133;border-radius:999px;max-width:min(560px,100vw - 30px);padding:12px 17px;font-size:11px;font-weight:650;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 13px 32px #141e3140}.device-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121c3085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.device-modal{background:#fff;border-radius:22px;width:min(440px,100%);padding:28px;box-shadow:0 28px 80px #0f192d4d}.device-modal h2{letter-spacing:-.04em;margin:9px 0 8px;font-size:24px}.device-modal p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.device-code{color:var(--blue-dark);background:var(--blue-soft);text-align:center;letter-spacing:.14em;border:1px dashed #aac0ef;border-radius:13px;margin:18px 0;padding:14px;font-size:24px;display:block}.device-modal a{color:#fff;background:var(--blue);text-align:center;border-radius:11px;padding:12px;font-size:11px;font-weight:750;text-decoration:none;display:block}.device-modal>button{width:100%;color:var(--muted);background:0 0;border:0;margin-top:8px;padding:9px;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.haru-page{padding:0}.haru-shell{border:0;border-radius:0;grid-template-columns:205px minmax(420px,1fr) 300px;min-height:100vh}.chat-view,.sub-view{padding-inline:28px}}@media (width<=850px){.haru-shell{grid-template-columns:190px minmax(0,1fr)}.agenda-rail{display:none}}@media (width<=650px){.haru-shell{display:block}.sidebar{display:none}.mobile-brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.mobile-brand .brand{gap:8px}.mobile-brand .brand-symbol{border-radius:11px;width:34px;height:34px;font-size:15px}.mobile-brand button{color:var(--blue-dark);background:var(--blue-soft);border:0;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:750}.chat-view,.sub-view{min-height:calc(100vh - 62px);padding:26px 17px 17px}.hero-copy h1,.sub-view h1{font-size:34px}.hero-copy p,.sub-view>p{font-size:11px}.message p{max-width:84%;font-size:11px}.draft-card{grid-template-columns:48px 1fr;margin-left:0}.draft-date{width:48px;height:54px}.draft-actions{grid-template-columns:1fr}.examples button:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}