:root{--space: #05060c;--ink: #ecebf5;--ink-soft: #b9b8cc;--ink-faint: #8d8ca6;--glow: #f3e6c8;--panel: rgba(14, 15, 28, .82);--line: rgba(243, 230, 200, .14);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--space);color:var(--ink);font-family:Pretendard,Noto Sans KR,Noto Sans JP,Hiragino Sans,Apple SD Gothic Neo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:8px}.app{position:fixed;inset:0;overflow:hidden}.sky{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.fade{position:absolute;inset:0;background:var(--space);opacity:0;pointer-events:none;transition:opacity .26s ease}.fade-on{opacity:1}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:calc(var(--safe-top) + 18px) 20px 0;pointer-events:none}.top>*{pointer-events:auto}.title{margin:0;font-size:15px;font-weight:500;letter-spacing:.18em;color:var(--glow);opacity:.88}.subtitle{margin:6px 0 0;font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.badge{display:inline-block;margin:8px 0 0;padding:3px 8px;font-size:11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:99px}.lang{display:flex;align-items:center;font-size:13px}.lang-sep{color:var(--ink-faint);padding:0 2px}.lang-btn{background:none;border:0;padding:10px 8px;min-height:44px;color:var(--ink-faint);cursor:pointer}.lang-btn[aria-pressed=true]{color:var(--ink)}.galaxy-label{position:absolute;left:0;top:0;min-height:44px;padding:10px 14px;background:none;border:0;cursor:pointer;font-size:12px;letter-spacing:.16em;color:var(--ink-soft);text-shadow:0 0 12px rgba(5,6,12,.9);opacity:.85;transition:opacity .6s ease}.galaxy-label:hover{opacity:1;color:var(--glow)}.notice{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(86vw,360px);text-align:center;font-size:14px;line-height:1.7;color:var(--ink-soft)}.notice-title{color:var(--ink);margin-bottom:6px}.login{display:flex;flex-direction:column;align-items:center;gap:10px}.login-input{width:min(70vw,220px);min-height:44px;padding:0 14px;font-size:16px;text-align:center;letter-spacing:.3em;color:var(--ink);background:#ffffff0d;border:1px solid var(--line);border-radius:12px;outline:none}.login-input:focus{border-color:var(--glow)}.login-btn{min-height:44px;min-width:120px;padding:0 18px;font-size:14px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid var(--line);border-radius:99px}.login-btn:disabled{opacity:.45;cursor:default}.login-error{margin:0;font-size:13px;color:#f0c674}.notice-inline{top:96px;transform:translate(-50%)}.bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 16px calc(var(--safe-bottom) + 18px);pointer-events:none}.bottom>*{pointer-events:auto}.ghost{min-height:44px;padding:10px 18px;cursor:pointer;background:#0a0b1680;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--ink-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ghost:hover{color:var(--ink)}.sheet{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 76px);transform:translate(-50%);width:min(92vw,420px);max-height:min(62vh,560px,calc(100% - var(--safe-bottom) - 100px));overflow-y:auto;padding:26px 22px 20px;border-radius:22px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:rise .6s ease both}.sheet-close{position:absolute;top:6px;right:6px;width:44px;height:44px;background:none;border:0;font-size:22px;color:var(--ink-faint);cursor:pointer}.sheet-glyph{margin:0;text-align:center;color:var(--glow);font-size:18px}.sheet-date{margin:6px 0 2px;text-align:center;font-size:18px;font-weight:500;letter-spacing:.06em}.sheet-tier{margin:0 0 16px;text-align:center;font-size:12px;color:var(--ink-faint)}.sheet-summary{display:flex;justify-content:center;gap:22px;margin:0 0 14px;text-align:center}.sheet-summary dt{font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.sheet-summary dd{margin:4px 0 0;font-size:16px;color:var(--glow)}.sessions{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.session{padding:14px 2px;border-bottom:1px solid var(--line)}.session:last-child{border-bottom:0}.session p{margin:0}.session-time{font-size:14px;display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.session-duration{color:var(--ink-faint);font-size:13px}.session-emotion{margin-top:6px!important;font-size:13px;color:var(--ink-soft)}.session-note{margin-top:6px!important;font-size:14px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}.session-note q{quotes:none}.session-flag{margin-top:6px!important;font-size:12px;color:#f0c674}.records{position:absolute;inset:calc(var(--safe-top) + 84px) 0 calc(var(--safe-bottom) + 76px);overflow-y:auto;padding:0 20px;background:linear-gradient(#05060ceb,#05060cf5)}.records-year h2{margin:18px 0 2px;font-size:14px;font-weight:500;letter-spacing:.24em;color:var(--glow)}.records-year-total{margin:0 0 8px;font-size:12px;color:var(--ink-faint)}.records ul{list-style:none;margin:0;padding:0}.records-day{width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;font-size:14px}.records-day-meta{font-size:12px;color:var(--ink-faint);text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}.galaxy-label,.fade{transition:none}}.body-line{margin:4px 0 6px;text-align:center;font-size:14px;color:var(--glow)}.body-note{margin:0;text-align:center;font-size:12px;color:var(--ink-faint)}.toast{position:absolute;left:50%;top:calc(var(--safe-top) + 96px);transform:translate(-50%);margin:0;padding:10px 18px;border-radius:99px;white-space:nowrap;background:#0a0b1699;border:1px solid var(--line);color:var(--glow);font-size:14px;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:toast 6.5s ease both}@keyframes toast{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.view-switch{display:flex;align-items:center;gap:2px;margin-top:6px;font-size:12px;color:var(--ink-faint)}.view-switch button{background:none;border:0;padding:10px 6px;min-height:40px;color:var(--ink-faint);cursor:pointer;letter-spacing:.04em}.view-switch button[aria-pressed=true]{color:var(--glow)}.live-badge{display:inline-flex;align-items:center;gap:8px;margin:8px 0 0;padding:6px 12px;min-height:32px;font-size:12px;color:var(--glow);background:#f3e6c80f;border:1px solid var(--line);border-radius:99px;cursor:pointer}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--glow);animation:live-breathe 2.4s ease-in-out infinite}@keyframes live-breathe{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.sheet-special{margin:-8px 0 14px;text-align:center;font-size:12px;color:var(--glow);opacity:.85}.records-export{margin:18px 0 8px;text-align:center}.records-export p{margin:8px 0 0;font-size:12px;color:var(--ink-faint);line-height:1.6}.partner{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.partner-title{margin:0 0 4px;font-size:12px;color:var(--glow);opacity:.9}.partner-open{margin-top:6px;min-height:36px;padding:0 14px;font-size:12px;color:var(--ink-soft);background:none;border:1px solid var(--line);border-radius:99px;cursor:pointer}.partner-edit{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px}.emotion-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.emotion-chip{min-height:36px;padding:0 10px;font-size:12px;color:var(--ink-soft);cursor:pointer;background:#ffffff0a;border:1px solid var(--line);border-radius:99px}.emotion-chip[aria-checked=true]{color:var(--ink);border-color:var(--glow);background:#f3e6c81f}.partner-input{width:100%;box-sizing:border-box;padding:10px 12px;font:inherit;font-size:16px;line-height:1.5;resize:vertical;color:var(--ink);background:#ffffff0d;border:1px solid var(--line);border-radius:12px;outline:none}.partner-input:focus{border-color:var(--glow)}.partner-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.explore-tabs{position:sticky;top:0;z-index:1;display:flex;gap:4px;padding:10px 0 8px;margin-bottom:4px;background:#05060cf5;overflow-x:auto;scrollbar-width:none}.explore-tab{flex:1 0 auto;min-height:40px;padding:0 12px;font-size:13px;color:var(--ink-faint);cursor:pointer;background:none;border:1px solid transparent;border-radius:99px}.explore-tab[aria-selected=true]{color:var(--ink);border-color:var(--line);background:#f3e6c814}.explore-empty{margin:28px 0;text-align:center;font-size:14px;line-height:1.7;color:var(--ink-soft)}.explore-search{margin:6px 0 8px}.records-day-empty{opacity:.45;cursor:default}.records-weekday{font-size:12px;color:var(--ink-faint)}.records-today{font-size:12px;color:var(--glow)}.records-snippet{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.month-nav h2{margin:0;font-size:15px;font-weight:500;letter-spacing:.12em;color:var(--glow)}.month-nav .ghost{min-width:44px;font-size:20px}.month-grid{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:4px}.month-grid th{padding:6px 0;font-size:11px;font-weight:400;color:var(--ink-faint)}.month-grid td{padding:2px}.month-day{position:relative;width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;gap:3px;background:none;border:1px solid transparent;border-radius:10px;color:var(--ink-soft);cursor:pointer}.month-day:disabled{cursor:default;color:var(--ink-faint);opacity:.6}.month-today{border-color:var(--glow)}.month-num{font-size:11px}.month-dot{border-radius:50%;opacity:.95}.compose-backdrop{position:fixed;left:0;right:0;top:0;height:var(--vvh, 100dvh);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + 12px) 12px 12px;background:#05060c99}.compose{width:min(100%,440px);max-height:100%;overflow-y:auto;margin:0;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sheet-champion{margin:-8px 0 12px;text-align:center;font-size:12px;color:#d8dcff}.sheet-champion-year{color:#ffd88c}.month-champ{box-shadow:inset 0 0 0 1px #d6dcff8c}.month-champ-year{box-shadow:inset 0 0 0 1px #ffd282d9}