*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(0.965 0.006 80);--surface:oklch(0.99 0.003 80);--surface-2:oklch(0.945 0.008 78);--ink:oklch(0.22 0.014 60);--ink-2:oklch(0.42 0.014 60);--ink-3:oklch(0.58 0.012 65);--ink-4:oklch(0.72 0.010 70);--hairline:oklch(0.88 0.008 70);--hairline-strong:oklch(0.80 0.010 70);--clay:oklch(0.66 0.105 42);--clay-soft:oklch(0.82 0.06 45);--clay-tint:oklch(0.93 0.025 55);--sage:oklch(0.70 0.045 150);--sage-soft:oklch(0.88 0.025 150);--fog:oklch(0.72 0.025 240);--plum:oklch(0.55 0.05 320);--olive:oklch(0.62 0.06 110);--rust:oklch(0.58 0.11 35);--sand:oklch(0.78 0.05 80);--border:oklch(0.88 0.008 70);--text:oklch(0.22 0.014 60);--label:oklch(0.42 0.014 60);--heat-0:oklch(0.96 0.006 80);--heat-1:oklch(0.92 0.025 65);--heat-2:oklch(0.86 0.05 55);--heat-3:oklch(0.78 0.075 48);--heat-4:oklch(0.70 0.10 44);--heat-5:oklch(0.62 0.115 42);--pad:20px;--row-py:16px;--gap:14px;--radius:14px;--radius-lg:22px;--font-display:"Instrument Serif","Cormorant Garamond",Georgia,serif;--font-body:"Manrope",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}[data-theme=dark]{--bg:oklch(0.18 0.008 60);--surface:oklch(0.22 0.009 60);--surface-2:oklch(0.255 0.010 60);--ink:oklch(0.95 0.008 80);--ink-2:oklch(0.82 0.008 78);--ink-3:oklch(0.65 0.010 75);--ink-4:oklch(0.48 0.010 70);--hairline:oklch(0.32 0.010 65);--hairline-strong:oklch(0.40 0.012 65);--border:oklch(0.32 0.010 65);--text:oklch(0.95 0.008 80);--label:oklch(0.82 0.008 78);--clay:oklch(0.72 0.095 45);--clay-soft:oklch(0.55 0.07 45);--clay-tint:oklch(0.30 0.04 50);--sage:oklch(0.74 0.045 150);--sage-soft:oklch(0.40 0.03 150);--heat-0:oklch(0.24 0.009 60);--heat-1:oklch(0.30 0.025 55);--heat-2:oklch(0.38 0.045 50);--heat-3:oklch(0.48 0.07 46);--heat-4:oklch(0.58 0.09 44);--heat-5:oklch(0.70 0.10 42)}[data-density=compact]{--pad:14px;--row-py:10px;--gap:10px;--radius:11px;--radius-lg:18px}[data-density=spacious]{--pad:26px;--row-py:22px;--gap:18px;--radius:18px;--radius-lg:26px}*{-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:var(--font-body);color:var(--ink);background:oklch(.92 .008 75);font-size:15px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow:hidden}[data-theme=dark] body{background:oklch(.13 .008 60)}a{color:inherit;text-decoration:none}.app{width:100%;height:100dvh;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad) 10px;flex:0 0 auto}.appbar h1{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1;margin:0;letter-spacing:-.015em}.appbar h1 em{font-style:italic;color:var(--clay)}.appbar .meta{font-size:12px;color:var(--ink-3);margin-top:4px;font-feature-settings:"tnum";text-transform:uppercase;letter-spacing:.08em}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);cursor:pointer;position:relative;transition:background .15s ease}.icon-btn:hover{background:var(--surface-2)}.screen{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:90px}.screen::-webkit-scrollbar{display:none}.tabbar{position:absolute;left:12px;right:12px;bottom:12px;height:64px;background:var(--surface);border:1px solid var(--hairline);border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);padding:4px;z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab,.tabbar{align-items:center}.tab{display:flex;flex-direction:column;justify-content:center;gap:2px;height:100%;text-decoration:none;font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--ink-3);border-radius:18px;letter-spacing:-.005em;transition:color .15s ease,background .15s ease}.tab.active{color:var(--ink);background:var(--surface-2)}.tab>span{font-size:11px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--pad)}.card-tint{background:var(--clay-tint);border:1px solid color-mix(in oklch,var(--clay) 20%,transparent)}.btn{border:0;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:-.005em;border-radius:999px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-clay{background:var(--clay);color:oklch(.99 .005 70)}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--hairline)}.field-label{display:block;font-size:13px;font-weight:600;color:var(--label);margin-bottom:6px;margin-top:12px}.field-input{width:100%;padding:10px 12px;border-radius:8px;border:1.5px solid var(--border);font-size:15px;background:var(--bg);color:var(--text)}.avatar,.field-input{font-family:var(--font-body)}.avatar{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink);letter-spacing:-.02em;background:var(--sand);border:1.5px solid var(--surface);flex:0 0 auto}.avatar.sz-22{width:22px;height:22px;font-size:10px}.avatar.sz-36{width:36px;height:36px;font-size:13px}.avatar.sz-48{width:48px;height:48px;font-size:15px}.avatar.sz-64{width:64px;height:64px;font-size:22px;font-family:var(--font-display);font-weight:400}.avatar.c-clay{background:var(--clay-soft)}.avatar.c-sage{background:var(--sage-soft)}.avatar.c-fog{background:oklch(.86 .025 240)}.avatar.c-plum{background:oklch(.82 .04 320)}.avatar.c-olive{background:oklch(.84 .04 110)}.avatar.c-rust{background:oklch(.8 .07 35)}.avatar.c-sand{background:var(--sand)}[data-theme=dark] .avatar{color:oklch(.18 .01 60);border-color:var(--surface)}.avatar-stack{display:inline-flex;isolation:isolate}.avatar-stack .avatar:not(:first-child){margin-left:-8px}.avatar-stack .avatar.sz-22:not(:first-child){margin-left:-7px}.avatar-more{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;border:1.5px solid var(--surface);font-size:10px;font-weight:600;margin-left:-7px}.avatar-more,.chip{background:var(--surface-2);color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid var(--hairline);cursor:pointer;letter-spacing:-.005em;white-space:nowrap}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mood-chill{background:oklch(.92 .03 220);color:oklch(.38 .05 235);border-color:oklch(.82 .04 220)}.mood-dinner{background:oklch(.92 .045 60);color:oklch(.42 .08 50);border-color:oklch(.82 .06 55)}.mood-party{background:oklch(.9 .06 350);color:oklch(.45 .1 350);border-color:oklch(.8 .07 350)}.mood-walk{background:oklch(.92 .04 145);color:oklch(.4 .06 150);border-color:oklch(.82 .05 145)}.mood-cinema{background:oklch(.92 .025 280);color:oklch(.4 .05 280);border-color:oklch(.82 .04 280)}[data-theme=dark] .mood-chill{background:oklch(.32 .04 220);color:oklch(.85 .04 220);border-color:oklch(.42 .05 220)}[data-theme=dark] .mood-dinner{background:oklch(.32 .06 50);color:oklch(.85 .06 50);border-color:oklch(.42 .07 50)}[data-theme=dark] .mood-party{background:oklch(.32 .07 350);color:oklch(.85 .06 350);border-color:oklch(.42 .08 350)}[data-theme=dark] .mood-walk{background:oklch(.32 .05 145);color:oklch(.85 .05 145);border-color:oklch(.42 .06 145)}[data-theme=dark] .mood-cinema{background:oklch(.32 .04 280);color:oklch(.85 .04 280);border-color:oklch(.42 .05 280)}.sheet-backdrop{position:fixed;inset:0;background:oklch(.2 .01 60/.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:8;opacity:0;pointer-events:none;transition:opacity .2s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;height:90vh;background:var(--bg);border-radius:28px 28px 0 0;z-index:9;padding-top:8px;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.sheet.open{transform:translateY(0)}.sheet-grabber{width:36px;height:4px;border-radius:999px;background:var(--hairline-strong);margin:6px auto 14px}.sheet-body{height:calc(100% - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--pad) 32px;box-sizing:border-box}.sheet-body::-webkit-scrollbar{display:none}.sheet h2{font-family:var(--font-display);font-weight:400;font-size:26px;margin:0 0 14px;letter-spacing:-.01em}.sheet h2 em{font-style:italic;color:var(--clay)}.night-row{display:grid;grid-template-columns:56px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:var(--row-py) var(--pad);border-bottom:1px solid var(--hairline);cursor:pointer;transition:background .12s ease;background:var(--heat-0)}.night-row:hover{background:var(--surface-2)}.night-row.heat-1{background:var(--heat-1)}.night-row.heat-2{background:var(--heat-2)}.night-row.heat-3{background:var(--heat-3)}.night-row.heat-4{background:var(--heat-4);color:oklch(.25 .04 50)}.night-row.heat-5{background:var(--heat-5);color:oklch(.2 .02 50)}.night-row.is-free{border-left:3px solid var(--clay)}.night-date{display:flex;flex-direction:column;align-items:center}.day-name{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.day-num{font-family:var(--font-display);font-size:26px;line-height:1}.day-num.today{color:var(--clay);font-weight:700}.night-center{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.free-check{width:32px;height:32px;border-radius:999px;border:1.5px solid var(--hairline-strong);background:transparent;display:grid;place-items:center;cursor:pointer;transition:all .18s ease;color:transparent}.free-check.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.free-check svg{width:14px;height:14px}.section-header{padding:16px var(--pad) 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.plan-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease}.plan-title{font-weight:600;font-size:15px;letter-spacing:-.005em}.needs-reply{border-color:var(--clay);border-width:1.5px}.night-label{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em}.meta{font-size:12px;color:var(--ink-3);margin-top:3px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:var(--gap)}.label-cap{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600}.hairline{height:1px;background:var(--hairline);border:0;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen>*{animation:fadeUp .32s cubic-bezier(.22,1,.36,1) both}.screen>:nth-child(2){animation-delay:.04s}.screen>:nth-child(3){animation-delay:.08s}.screen>:nth-child(4){animation-delay:.12s}.seg-control{display:flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px;border:1px solid var(--hairline)}.seg-btn{flex:1 1;border:0;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--ink-3);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease;letter-spacing:-.005em}.seg-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px oklch(0 0 0/.08)}.week-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad) 12px}.week-label{font-family:var(--font-display);font-size:18px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;padding:0 var(--pad) 16px}.week-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;transition:background .12s ease}.week-cell.me-free{background:var(--ink);border-color:var(--ink);color:var(--bg)}.week-cell.me-free .wk-muted{color:oklch(.75 .01 70)}.week-day{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.week-cell.me-free .week-day{color:oklch(.75 .01 70)}.week-date{font-family:var(--font-display);font-size:20px;line-height:1}.week-bar-wrap{width:100%;height:3px;background:var(--hairline);border-radius:999px;overflow:hidden}.week-bar-fill{height:100%;background:var(--clay);border-radius:999px;transition:width .2s ease}.week-cell.me-free .week-bar-fill{background:oklch(.85 .06 45)}.wk-count{font-size:10px;font-family:var(--font-mono);color:var(--ink-3)}.month-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad) 12px}.month-label{font-family:var(--font-display);font-size:22px}.month-head{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--pad);margin-bottom:4px}.month-head span{text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;padding:0 var(--pad)}.month-cell{height:clamp(36px,calc((100vw - 56px) / 7),52px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;position:relative;font-size:13px;font-family:var(--font-mono);transition:opacity .12s ease}.month-cell.empty{cursor:default}.month-cell.h0{background:var(--surface);border:1px solid var(--hairline)}.month-cell.h1{background:var(--heat-1)}.month-cell.h2{background:var(--heat-2)}.month-cell.h3{background:var(--heat-3)}.month-cell.h4{background:var(--heat-4)}.month-cell.h5{background:var(--heat-5)}.month-cell.today .month-date{color:var(--clay);font-weight:700}.month-date{font-size:13px;line-height:1}.month-count{font-size:9px;color:var(--ink-3);line-height:1;font-family:var(--font-mono)}.month-cell.h4 .month-count,.month-cell.h5 .month-count{color:oklch(.35 .04 50)}.me-dot{top:4px;right:4px;width:5px;height:5px}.me-dot,.notif-dot{position:absolute;border-radius:999px;background:var(--clay)}.notif-dot{top:6px;right:6px;width:6px;height:6px;pointer-events:none}.heat-legend{display:flex;align-items:center;gap:6px;padding:var(--pad);flex-wrap:wrap}.heat-swatch{width:20px;height:20px;border-radius:6px}.date-strip-wrap{overflow-x:auto;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding:0 var(--pad) 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.date-strip-wrap::-webkit-scrollbar{display:none}.date-strip{display:inline-flex;gap:8px}.date-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;min-width:56px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s ease,border-color .12s ease;font-family:var(--font-body)}.date-pill.selected{background:var(--ink);border-color:var(--ink);color:var(--bg)}.date-pill .pill-day{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.7}.date-pill .pill-num{font-family:var(--font-display);font-size:20px;line-height:1}.date-pill .pill-count{font-size:10px;font-family:var(--font-mono);opacity:.8}.invite-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease,color .12s ease}.invite-toggle.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.invite-free-dot{width:5px;height:5px;border-radius:999px;background:var(--clay);flex:0 0 auto}.invite-toggle.on .invite-free-dot{background:var(--clay-soft)}[data-theme=dark] .week-cell.me-free .week-day,[data-theme=dark] .week-cell.me-free .wk-muted{color:oklch(.55 .01 70)}[data-theme=dark] .week-cell.me-free .week-bar-fill{background:oklch(.65 .06 45)}[data-theme=dark] .month-cell.h4 .month-count,[data-theme=dark] .month-cell.h5 .month-count{color:oklch(.78 .04 50)}[data-theme=dark] .seg-btn.active{box-shadow:0 1px 3px oklch(0 0 0/.25)}.settings-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.settings-row+.settings-row{border-top:1px solid var(--hairline)}.settings-row-text{flex:1 1;min-width:0}.settings-row-label{font-size:15px;font-weight:600;color:var(--ink)}.settings-row-sub{font-size:13px;color:var(--ink-3);margin-top:2px}.toggle-wrap{position:relative;display:inline-flex;flex-shrink:0}.toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-track{display:block;width:44px;height:26px;background:oklch(.82 .01 270);border-radius:999px;transition:background .2s ease;cursor:pointer;position:relative}.toggle-input:checked+.toggle-track{background:var(--ink)}.toggle-input:disabled+.toggle-track{opacity:.3;cursor:not-allowed}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px oklch(0 0 0/.18)}.toggle-input:checked+.toggle-track:after{transform:translateX(18px)}.stat-chip{border-radius:999px;background:var(--clay-tint);color:var(--clay);border:1px solid color-mix(in oklch,var(--clay) 25%,transparent)}.stat-chip,.stat-chip-plain{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;padding:5px 12px;letter-spacing:-.005em}.stat-chip-plain{border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--hairline)}