:root{--bg: oklch(1 0 0);--surface: oklch(.972 .004 130);--ink: oklch(.24 .012 130);--ink-2: oklch(.44 .015 130);--ink-3: oklch(.5 .012 130);--line: oklch(.93 .005 130);--border: oklch(.88 .007 130);--brand: oklch(.55 .13 130);--brand-ink: oklch(.4 .11 130);--brand-soft: oklch(.95 .03 130);--gold: oklch(.72 .14 85);--danger: oklch(.5 .16 25);--now: oklch(.55 .18 25);--t-highlight-bg: oklch(.87 .125 88);--t-highlight-ink: oklch(.33 .08 70);--t-highlight-border: oklch(.75 .13 85);--t-focus-bg: oklch(.93 .05 135);--t-focus-ink: oklch(.32 .09 135);--t-focus-border: oklch(.83 .08 135);--t-energize-bg: oklch(.92 .05 40);--t-energize-ink: oklch(.36 .11 32);--t-energize-border: oklch(.83 .08 40);--t-meeting-bg: oklch(.93 .035 255);--t-meeting-ink: oklch(.33 .07 258);--t-meeting-border: oklch(.84 .055 255);--t-personal-bg: oklch(.93 .045 320);--t-personal-ink: oklch(.35 .09 320);--t-personal-border: oklch(.84 .07 320);--t-normal-bg: oklch(.958 .004 130);--t-normal-ink: oklch(.31 .012 130);--t-normal-border: oklch(.86 .007 130);--radius: 8px;--slot-h: 17px;--z-sticky: 10;--z-drawer: 20;--z-backdrop: 30;--z-sheet: 31;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{overscroll-behavior:none}body.is-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}.wordmark{font-weight:650;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;margin-right:auto}.wordmark-star{color:var(--gold);font-size:17px;line-height:1}.week-nav{display:flex;align-items:center;gap:2px}.week-label{font-weight:550;font-variant-numeric:tabular-nums;min-width:150px;text-align:center}.btn{border-radius:var(--radius);padding:7px 12px;font-size:14px;font-weight:500;color:var(--ink-2);transition:background-color .15s ease,color .15s ease}.btn:hover{background:var(--surface);color:var(--ink)}.btn:focus-visible,input:focus-visible,textarea:focus-visible,.block:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.btn-primary{background:var(--brand);color:#fbfcf9}.btn-primary:hover{background:var(--brand-ink);color:#fbfcf9}.btn-primary:disabled{opacity:.45;cursor:default}.btn-danger{color:var(--danger)}.btn-danger:hover{background:#ffedeb;color:var(--danger)}.main{flex:1;display:flex;min-height:0}.cal-wrap{flex:1;min-width:0;position:relative;display:flex}.cal-scroll{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain}.day-headers{position:sticky;top:0;z-index:var(--z-sticky);display:flex;background:var(--bg);border-bottom:1px solid var(--line)}.gutter-spacer{flex:0 0 52px}.day-header{flex:1;display:flex;align-items:baseline;justify-content:center;gap:5px;padding:8px 0 7px;font-size:13px;color:var(--ink-2);border-left:1px solid var(--line)}.day-header-name{font-weight:500}.day-header-num{font-variant-numeric:tabular-nums}.day-header.is-today{color:var(--brand-ink)}.day-header.is-today .day-header-num{background:var(--brand);color:#fbfcf9;border-radius:999px;min-width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transform:translateY(2px)}.grid-body{display:flex;position:relative;padding-top:10px}.gutter{flex:0 0 52px;position:relative;height:calc(var(--slot-h) * 68)}.gutter-label{position:absolute;right:8px;transform:translateY(-50%);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--bg);padding:0 2px}.days{flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--cols, 7),1fr);position:relative;height:calc(var(--slot-h) * 68)}.day-col{position:relative;border-left:1px solid var(--line);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:100% calc(var(--slot-h) * 4);cursor:copy}.day-col.is-today{background-color:#f8fbf6}.empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-3);font-size:14px;padding:24px;pointer-events:none;white-space:pre-line;line-height:1.6}.block{position:absolute;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.35;overflow:hidden;cursor:grab;touch-action:pan-y;border:1px solid;transition:box-shadow .15s ease;user-select:none;-webkit-user-select:none}.block:active{cursor:grabbing}.block-compact{padding-top:2px;padding-bottom:2px;display:flex;align-items:center}.block-title{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-untitled{opacity:.55;font-weight:450}.block-icon{margin-right:4px;font-size:11px}.block-time{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums}.block-note{margin-top:2px;font-size:11px;line-height:1.4;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.block-resize{position:absolute;left:0;right:0;bottom:-4px;height:12px;cursor:ns-resize;touch-action:none}.block-resize:after{content:"";position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:24px;height:3px;border-radius:2px;background:currentColor;opacity:0;transition:opacity .15s ease}.block:hover .block-resize:after,.block-ghost .block-resize:after{opacity:.35}.block-ghost{z-index:5;box-shadow:0 6px 14px #2a302540;cursor:grabbing;pointer-events:none}.bk-highlight{background:var(--t-highlight-bg);color:var(--t-highlight-ink);border-color:var(--t-highlight-border)}.bk-focus{background:var(--t-focus-bg);color:var(--t-focus-ink);border-color:var(--t-focus-border)}.bk-energize{background:var(--t-energize-bg);color:var(--t-energize-ink);border-color:var(--t-energize-border)}.bk-meeting{background:var(--t-meeting-bg);color:var(--t-meeting-ink);border-color:var(--t-meeting-border)}.bk-personal{background:var(--t-personal-bg);color:var(--t-personal-ink);border-color:var(--t-personal-border)}.bk-normal{background:var(--t-normal-bg);color:var(--t-normal-ink);border-color:var(--t-normal-border)}.now-line{position:absolute;left:0;right:0;height:2px;background:var(--now);pointer-events:none;z-index:4}.now-dot{position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--now)}.reflect-row{display:flex;border-top:1px solid var(--line);padding-bottom:16px}.reflect-label{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:550;letter-spacing:.04em;color:var(--ink-3);padding:12px 0}.reflect-cell{flex:1;min-width:0;border-left:1px solid var(--line);padding:10px 8px 12px;display:flex;flex-direction:column;gap:7px}.reflect-date{font-size:13px;font-weight:600;color:var(--ink)}.reflect-star{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:550;color:var(--ink-3);padding:4px 9px;border-radius:999px;border:1px solid var(--border);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.reflect-star:hover{color:var(--ink-2)}.reflect-star.is-done{background:var(--t-highlight-bg);border-color:var(--t-highlight-border);color:var(--t-highlight-ink)}@media(min-width:721px)and (max-width:1100px){.reflect-star-word{display:none}}.reflect-note{border:1px solid var(--border);border-radius:var(--radius);padding:7px 9px;font-size:12.5px;line-height:1.5;resize:vertical;min-height:46px;background:var(--bg);color:var(--ink)}.reflect-note::placeholder{color:var(--ink-3)}.backlog-sidebar{flex:0 0 280px;border-left:1px solid var(--line);background:var(--surface);padding:16px 14px;overflow-y:auto}.backlog-head{display:flex;align-items:center;gap:8px}.backlog-head h2{font-size:15px;font-weight:650;letter-spacing:-.01em}.backlog-count{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--bg);border:1px solid var(--border);border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.backlog-hint{font-size:12.5px;color:var(--ink-3);margin:6px 0 12px;line-height:1.5}.backlog-add{display:flex;gap:6px;margin-bottom:12px}.backlog-add input{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13.5px;background:var(--bg)}.backlog-add input::placeholder{color:var(--ink-3)}.backlog-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.backlog-item{display:flex;align-items:center;gap:9px;user-select:none;-webkit-user-select:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 6px 9px 10px;transition:opacity .15s ease}.backlog-item.is-lifted{opacity:.35}.type-emoji{flex:0 0 24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;border-radius:6px;transition:transform .15s ease,background-color .15s ease}.type-emoji:hover{transform:scale(1.15);background:var(--surface)}.backlog-title{flex:1;min-width:0;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;touch-action:pan-y}.backlog-duration{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-2);padding:3px 6px;border-radius:6px}.backlog-duration:hover{background:var(--surface)}.backlog-delete{flex:0 0 24px;width:24px;height:24px;border-radius:6px;color:var(--ink-3);font-size:16px;line-height:1}.backlog-delete:hover{color:var(--danger);background:var(--surface)}.backlog-empty{font-size:13px;color:var(--ink-3);line-height:1.6;padding:8px 2px}.backlog-drawer{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-drawer);background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -4px 8px #2a30250f;padding-bottom:env(safe-area-inset-bottom)}.backlog-drawer-bar{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px 12px;position:relative;user-select:none;-webkit-user-select:none}.backlog-drawer-grip{position:absolute;top:4px;left:50%;transform:translate(-50%);width:32px;height:4px;border-radius:2px;background:var(--border)}.backlog-drawer-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}.backlog-drawer-hint{margin-left:auto;font-size:12px;color:var(--ink-3)}.backlog-drawer-body{padding:0 16px 16px;max-height:45dvh;overflow-y:auto}.day-tabs{flex:0 0 auto;display:flex;padding:6px 8px 8px;gap:4px;border-bottom:1px solid var(--line)}.day-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0 6px;border-radius:var(--radius);transition:background-color .15s ease}.day-tab-letter{font-size:11px;font-weight:500;color:var(--ink-3)}.day-tab-num{font-size:15px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--ink-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px}.day-tab.is-today .day-tab-num{color:var(--brand-ink);font-weight:650}.day-tab.is-selected .day-tab-num{background:var(--brand);color:#fbfcf9}.day-tab.is-selected .day-tab-letter{color:var(--brand-ink)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);background:#14171252;display:flex;align-items:center;justify-content:center}.sheet{z-index:var(--z-sheet);background:var(--bg);display:flex;flex-direction:column;gap:16px}.sheet-dialog{width:min(420px,calc(100vw - 32px));border-radius:14px;padding:20px;box-shadow:0 16px 40px #14171233;animation:sheet-pop .18s cubic-bezier(.22,1,.36,1)}.sheet-bottom{position:fixed;left:0;right:0;bottom:0;border-radius:14px 14px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom));animation:sheet-rise .22s cubic-bezier(.22,1,.36,1)}@keyframes sheet-pop{0%{opacity:0;transform:scale(.97)}}@keyframes sheet-rise{0%{transform:translateY(24px);opacity:.5}}.sheet-title{border:none;border-bottom:1.5px solid var(--border);padding:6px 2px 10px;font-size:17px;font-weight:550;background:none;border-radius:0}.sheet-title:focus{outline:none;border-bottom-color:var(--brand)}.sheet-title::placeholder{color:var(--ink-3);font-weight:450}.type-picker{display:flex;flex-wrap:wrap;gap:6px}.type-pill{padding:7px 12px;border-radius:999px;font-size:13px;font-weight:550;border:1px solid var(--border);color:var(--ink-2);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.type-pill.is-selected.pill-highlight{background:var(--t-highlight-bg);color:var(--t-highlight-ink);border-color:var(--t-highlight-border)}.type-pill.is-selected.pill-focus{background:var(--t-focus-bg);color:var(--t-focus-ink);border-color:var(--t-focus-border)}.type-pill.is-selected.pill-energize{background:var(--t-energize-bg);color:var(--t-energize-ink);border-color:var(--t-energize-border)}.type-pill.is-selected.pill-meeting{background:var(--t-meeting-bg);color:var(--t-meeting-ink);border-color:var(--t-meeting-border)}.type-pill.is-selected.pill-personal{background:var(--t-personal-bg);color:var(--t-personal-ink);border-color:var(--t-personal-border)}.type-pill.is-selected.pill-normal{background:var(--t-normal-bg);color:var(--t-normal-ink);border-color:var(--t-normal-border)}.sheet-note{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13.5px;line-height:1.5;resize:vertical;min-height:52px;background:var(--bg);color:var(--ink)}.sheet-note::placeholder{color:var(--ink-3)}.sheet-steppers{display:flex;gap:20px;flex-wrap:wrap}.stepper{display:flex;flex-direction:column;gap:4px}.stepper-label{font-size:12px;font-weight:550;color:var(--ink-2)}.stepper-controls{display:flex;align-items:center;gap:4px}.stepper-controls .btn-icon{border:1px solid var(--border);border-radius:8px;width:34px;height:34px}.stepper-value{min-width:62px;text-align:center;font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}.day-picker{display:flex;gap:4px}.day-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0;border-radius:var(--radius);border:1px solid var(--border);font-size:11px;color:var(--ink-2);transition:background-color .15s ease,color .15s ease}.day-chip-num{font-size:13px;font-weight:550;font-variant-numeric:tabular-nums}.day-chip.is-selected{background:var(--brand);border-color:var(--brand);color:#fbfcf9}.sheet-actions{display:flex;align-items:center;gap:6px}.sheet-spacer{flex:1}.auth-loading{height:100dvh}.login{height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.login-mark{font-size:40px;color:var(--gold);line-height:1}.login-card h1{font-size:22px;font-weight:650;letter-spacing:-.015em}.login-sub{font-size:14px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}.login-form{width:100%;display:flex;flex-direction:column;gap:8px}.login-form input{border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;font-size:15px;background:var(--bg);text-align:center}.login-form input::placeholder{color:var(--ink-3)}.login-form .btn-primary{padding:11px 12px;font-size:15px}.login-error{font-size:13px;color:var(--danger);line-height:1.5}.login-sent{font-size:14px;color:var(--ink-2);line-height:1.6;display:flex;flex-direction:column;gap:6px}.login-sent strong{color:var(--ink)}.login-code{display:flex;gap:8px;justify-content:center;margin-top:6px}.login-code input{width:128px;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:17px;font-weight:550;letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;background:var(--bg)}.login-code input::placeholder{color:var(--ink-3);letter-spacing:.2em}.login-again{align-self:center}.login-skip{margin-top:18px;font-size:13px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.login-skip:hover{color:var(--ink-2)}.account{position:relative}.account-btn{width:30px;height:30px;border-radius:999px;background:var(--brand);color:#fbfcf9;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center}.account-btn.is-local{background:var(--surface);color:var(--ink-2);border:1px solid var(--border)}.account-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-drawer);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #1417121f;padding:10px;min-width:210px;display:flex;flex-direction:column;gap:6px}.account-email{font-size:13px;font-weight:550;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sync{font-size:12px;color:var(--ink-2)}.account-sync.sync-error{color:var(--danger)}.account-action{align-self:flex-start;padding:6px 10px}@media(max-width:720px){:root{--slot-h: 20px}.topbar{padding:8px 10px;gap:6px}.wordmark{font-size:0;gap:0}.wordmark-star{font-size:20px}.week-label{min-width:0;font-size:13.5px}.gutter-spacer,.gutter{flex-basis:44px}.cal-scroll{padding-bottom:64px}.reflect-row{padding-bottom:8px}.reflect-cell{padding:12px 14px 8px}.block{font-size:13px;padding:5px 10px}.block-time{font-size:11.5px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}