:root{--bg: #f6f5fb;--card: #ffffff;--ink: #2b2a33;--ink-soft: #6f6d7a;--line: #e8e6f2;--accent: #7c5cff;--primary: var(--accent);--primary-soft: color-mix(in srgb, var(--accent) 12%, #ffffff);--danger: #ef4444;--danger-bg: #fee2e2;--danger-ink: #b91c1c;--warn-bg: #fef3c7;--warn-ink: #92400e;--info-bg: #e0f2fe;--info-ink: #075985;--overlay: rgba(43, 42, 51, .45);--radius: 16px;--shadow: 0 10px 30px rgba(60, 45, 130, .08);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14131a;--card: #1e1d27;--ink: #eceaf6;--ink-soft: #a3a1b3;--line: #302e3d;--primary: color-mix(in srgb, var(--accent) 82%, #ffffff);--primary-soft: color-mix(in srgb, var(--accent) 26%, #14131a);--danger-bg: #46201f;--danger-ink: #fda4a4;--warn-bg: #423410;--warn-ink: #fcd34d;--info-bg: #0e3349;--info-ink: #7dd3fc;--overlay: rgba(0, 0, 0, .6);--shadow: 0 10px 30px rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #14131a;--card: #1e1d27;--ink: #eceaf6;--ink-soft: #a3a1b3;--line: #302e3d;--primary: color-mix(in srgb, var(--accent) 82%, #ffffff);--primary-soft: color-mix(in srgb, var(--accent) 26%, #14131a);--danger-bg: #46201f;--danger-ink: #fda4a4;--warn-bg: #423410;--warn-ink: #fcd34d;--info-bg: #0e3349;--info-ink: #7dd3fc;--overlay: rgba(0, 0, 0, .6);--shadow: 0 10px 30px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:transparent}.boot{display:grid;place-items:center;height:100vh;color:var(--ink-soft);font-size:20px}.btn{border-radius:999px;padding:8px 16px;font-weight:600;transition:filter .15s,background .15s}.btn:hover{filter:brightness(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-ghost{background:var(--primary-soft);color:var(--primary)}.btn-danger{background:var(--danger-bg);color:var(--danger-ink)}.btn-link{color:var(--primary);font-size:14px}.btn-icon{width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--ink-soft)}.btn-icon:hover{background:var(--primary-soft);color:var(--primary)}.btn-mini{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:3px 10px;white-space:nowrap}.auth-wrap{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;text-align:center}.auth-logo{font-size:44px}.auth-card h1{margin:0;font-size:30px;letter-spacing:-.5px}.auth-tagline{margin:0 0 12px;color:var(--ink-soft)}.auth-error{background:var(--danger-bg);color:var(--danger-ink);border-radius:10px;padding:8px 12px;font-size:14px}.app{max-width:1100px;margin:0 auto;padding:16px 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 16px}.brand{font-size:22px;font-weight:800;letter-spacing:-.5px}.topbar-actions,.topbar-nav,.topbar-primary{display:flex;align-items:center;gap:10px}.topbar-user{color:var(--ink-soft);font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upnext-banner{background:var(--primary-soft);color:var(--primary);border-radius:12px;padding:10px 16px;margin-bottom:12px;animation:pop .25s ease-out}.error-banner{background:var(--danger-bg);color:var(--danger-ink);border-radius:12px;padding:10px 16px;margin-bottom:12px}.main{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.day-title{margin:4px 0 12px;font-size:22px}.side-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.week-strip{display:flex;align-items:center;gap:6px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 10px;margin-bottom:18px}.week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:12px;padding:6px 0;transition:background .15s}.week-day:hover{background:var(--bg)}.week-day-name{font-size:11px;text-transform:uppercase;color:var(--ink-soft);letter-spacing:.5px}.week-day-num{font-size:17px;font-weight:700;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.week-day.today .week-day-num{color:var(--primary)}.week-day.selected{background:var(--primary-soft)}.week-day.selected .week-day-num{background:var(--primary);color:#fff}.btn-today{font-size:13px;padding:6px 12px}.timeline-scroll{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);height:min(66vh,760px);overflow-y:auto;scroll-behavior:smooth}.timeline{position:relative;margin:12px 0}.hour-row{position:absolute;left:0;right:0;border-top:1px solid var(--line)}.hour-label{position:absolute;top:-9px;left:10px;font-size:11px;color:var(--ink-soft);background:var(--card);padding:0 4px}.block{position:absolute;display:flex;align-items:flex-start;gap:8px;border-radius:12px;padding:6px 10px;text-align:left;overflow:hidden;transition:transform .1s,opacity .2s}.block:hover{transform:scale(1.008);z-index:3}.block.past{opacity:.55}.block.active{box-shadow:0 4px 16px #0000002e;z-index:2}.block.completed .block-title{text-decoration:line-through;opacity:.6}.block-body{display:flex;flex-direction:column;gap:1px;min-width:0}.block-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-icon{font-size:15px}.block-repeat{color:var(--ink-soft);font-size:12px}.block-time{font-size:12px;color:var(--ink-soft)}.check{flex-shrink:0;width:20px;height:20px;margin-top:1px;border:2px solid var(--primary);border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:12px;font-weight:800;transition:background .15s,transform .15s;cursor:pointer}.check:hover{transform:scale(1.15)}.check.checked{animation:pop .25s ease-out}.now-line{position:absolute;left:48px;right:0;border-top:2px solid #ff5a76;z-index:4;pointer-events:none}.now-dot{position:absolute;left:-5px;top:-6px;width:10px;height:10px;background:#ff5a76;border-radius:50%}.block.draggable{touch-action:none}.block.dragging{z-index:6;box-shadow:0 10px 28px #00000047;opacity:.92;cursor:grabbing}.drag-badge{position:absolute;right:8px;top:6px;background:var(--ink);color:var(--card);font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.drop-line{position:absolute;left:48px;right:0;border-top:2px dashed var(--primary);z-index:5;pointer-events:none}.drop-time{position:absolute;top:-10px;left:8px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}.timeline-empty{position:sticky;top:45%;text-align:center;color:var(--ink-soft)}.ring-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ring-card.idle{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px}.ring-idle-emoji{font-size:30px}.ring-idle-text{color:var(--ink-soft);font-size:14px}.ring-track{fill:none;stroke:var(--line);stroke-width:10}.ring-progress{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.ring-emoji{font-size:26px}.ring-time{font-size:17px;font-weight:700;fill:var(--ink);font-variant-numeric:tabular-nums}.ring-label{display:flex;flex-direction:column;gap:2px}.ring-label span{color:var(--ink-soft);font-size:13px}.streak-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.streak-main{display:flex;align-items:center;gap:12px}.streak-flame{font-size:28px}.streak-count{font-size:18px;font-weight:800}.streak-sub{font-size:12px;color:var(--ink-soft)}.streak-week{display:flex;gap:6px}.streak-dot{flex:1;text-align:center;font-size:11px;font-weight:700;color:var(--ink-soft);background:var(--bg);border-radius:8px;padding:4px 0}.streak-dot.done{background:var(--primary);color:#fff}.inbox-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.inbox-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inbox-head h3{margin:0;font-size:16px}.inbox-empty{color:var(--ink-soft);font-size:14px;padding:8px 0}.inbox-hint{color:var(--ink-soft);font-size:12px;padding-bottom:6px}.inbox-item[draggable=true]{cursor:grab}.inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.inbox-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.inbox-item:first-child{border-top:none}.inbox-item.completed .inbox-title{text-decoration:line-through;opacity:.55}.inbox-title{flex:1;text-align:left;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prio{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.4px}.prio-high{background:var(--danger-bg);color:var(--danger-ink)}.prio-medium{background:var(--warn-bg);color:var(--warn-ink)}.prio-low{background:var(--info-bg);color:var(--info-ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:20px;z-index:20;animation:fade .15s ease-out}.sheet{background:var(--card);border-radius:20px;box-shadow:var(--shadow);width:100%;max-width:460px;max-height:88vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;animation:rise .2s ease-out}.sheet h3{margin:0}.sheet-title{font-size:17px;font-weight:600}.field-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji{font-size:20px;padding:6px 0;border-radius:10px}.emoji:hover{background:var(--bg)}.emoji.selected{background:var(--primary-soft);outline:2px solid var(--primary)}.swatch-row{display:flex;gap:8px}.swatch{width:28px;height:28px;border-radius:50%;transition:transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.selected{outline:3px solid var(--ink);outline-offset:2px}.field-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label,.field-col{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink-soft)}.sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.detail-head{display:flex;align-items:center;gap:12px}.detail-icon{font-size:26px;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;overflow:hidden;flex-shrink:0}.detail-head h3{margin:0 0 2px}.detail-sub{color:var(--ink-soft);font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.detail-note{margin:0;color:var(--ink-soft);font-size:14px;white-space:pre-wrap}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.checklist li{display:flex;align-items:center;justify-content:space-between;gap:8px}.checklist label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checklist .done{text-decoration:line-through;opacity:.55}.checklist-add{display:flex;gap:8px}.checklist-add input{flex:1}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.review-item{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.review-title{font-weight:600;font-size:14px}.review-time{color:var(--ink-soft);font-weight:400;margin-left:8px;font-size:13px}.review-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.review-note{font-size:12px;color:var(--ink-soft)}.review-done{color:var(--ink-soft)}.focus-overlay{background:#2b2a3399}.focus-card{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:rise .2s ease-out}.focus-card h3{margin:0;font-size:20px}.focus-time{font-size:40px;font-weight:800;fill:var(--ink);font-variant-numeric:tabular-nums}.focus-presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.btn-mini.selected{background:var(--primary);color:#fff}.focus-actions{justify-content:center}.mood-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.mood-card h3{margin:0;font-size:15px}.mood-row{display:flex;gap:4px;justify-content:space-between}.mood-btn{font-size:22px;padding:6px;border-radius:12px;flex:1;transition:transform .1s}.mood-btn:hover{transform:scale(1.15)}.mood-btn.selected{background:var(--primary-soft);outline:2px solid var(--primary)}.mood-week{display:flex;gap:6px}.mood-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.mood-day-emoji{font-size:13px;min-height:17px}.mood-day-letter{font-size:10px;color:var(--ink-soft);font-weight:700}.mood-error{font-size:12px;color:var(--danger-ink)}.ai-btn{align-self:flex-start}.ai-steps{list-style:none;margin:0;padding:10px 12px;background:var(--primary-soft);border-radius:12px;display:flex;flex-direction:column;gap:6px}.ai-steps li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.ai-steps-note{font-size:12px;color:var(--ink-soft)}.seg{display:flex;background:var(--primary-soft);border-radius:999px;padding:3px}.seg-btn{border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;color:var(--primary)}.seg-btn.selected{background:var(--primary);color:#fff}.theme-row{display:flex;gap:8px}.theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--line);border-radius:14px;padding:12px 0;font-size:13px;font-weight:600}.theme-icon{font-size:20px}.theme-btn.selected{border-color:var(--primary);background:var(--primary-soft)}.settings-account{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-name{font-weight:700}.settings-email{font-size:13px;color:var(--ink-soft)}.month-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.month-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px;position:relative}.month-today{position:absolute;right:0}.month-title{margin:0;font-size:19px;min-width:200px;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.month-weekdays{margin-bottom:6px}.month-weekday{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}.month-cell{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:12px;padding:8px 2px 9px;min-height:62px;background:var(--bg);transition:background .15s}.month-cell:hover{background:var(--primary-soft)}.month-cell.outside{opacity:.4}.month-cell.selected{outline:2px solid var(--primary)}.month-num{font-size:14px;font-weight:700;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.month-cell.today .month-num{background:var(--primary);color:#fff}.month-dots{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center;min-height:8px}.month-dot{width:7px;height:7px;border-radius:50%}.month-dot.done{opacity:.35}.month-more{font-size:10px;font-weight:700;color:var(--ink-soft)}.routine-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.routine-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;text-align:left;transition:background .15s}.routine-row:hover{background:var(--bg)}.routine-icon{font-size:22px;width:44px;height:44px;flex-shrink:0}.routine-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.routine-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-sub{font-size:13px;color:var(--ink-soft)}.routine-chevron{color:var(--ink-soft);font-size:18px}.step-timing{display:flex;align-items:center;gap:3px;margin-left:auto}.step-min{width:52px;padding:4px 6px;font-size:13px;text-align:right}.step-min::-webkit-outer-spin-button,.step-min::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step-min-label{font-size:12px;color:var(--ink-soft)}.player-card{max-width:420px;width:100%}.player-head{display:flex;align-items:center;gap:12px;align-self:flex-start}.player-icon{font-size:30px}.player-head h3{margin:0}.player-progress{font-size:13px;color:var(--ink-soft)}.player-step-text{font-size:18px;font-weight:700;fill:var(--ink)}.player-clock{font-size:26px}.player-list{list-style:none;margin:0;padding:0;align-self:stretch;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--ink-soft);max-height:130px;overflow-y:auto}.player-list .current{color:var(--ink);font-weight:700}.player-list .done{text-decoration:line-through;opacity:.6}.player-finished{font-size:52px}.player-step-title{margin:0;color:var(--ink-soft)}.occurrence-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--bg);border-radius:12px;padding:8px 12px}.occurrence-label{font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.occurrence-buttons{display:flex;gap:6px}.series-hint{margin:0;font-size:13px;color:var(--ink-soft);background:var(--primary-soft);border-radius:10px;padding:8px 12px}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px var(--overlay);outline:2px solid var(--primary);pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:fixed;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;display:flex;flex-direction:column;gap:8px;animation:rise .2s ease-out}.tour-card h4{margin:0;font-size:16px}.tour-card p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.45}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.tour-dots{display:flex;gap:4px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.tour-dot.active{background:var(--primary)}.tour-buttons{display:flex;align-items:center;gap:6px}.tour-next{padding:6px 14px;font-size:14px}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(max-width:820px){.app{padding:12px 12px calc(32px + env(safe-area-inset-bottom))}.topbar{flex-wrap:wrap;padding-bottom:12px}.topbar-actions{display:contents}.brand{flex:1}.topbar-primary{margin-left:auto}.topbar-nav{order:1;flex-basis:100%;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px;margin:4px -2px 0}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav>*{flex-shrink:0}.main{display:flex;flex-direction:column;align-items:stretch;gap:16px}.timeline-col{min-width:0}.side-col{display:contents}.ring-card{order:0}.timeline-col{order:1}.streak-card{order:2}.mood-card{order:3}.inbox-card{order:4}.timeline-scroll{height:min(62vh,640px)}.overlay{padding:12px;align-items:end}.sheet{padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:92vh;max-width:100%}.focus-card{padding:22px 18px}}@media(max-width:480px){.brand{font-size:20px}.field-grid{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,1fr)}.inbox-item{flex-wrap:wrap}.inbox-title{flex-basis:calc(100% - 36px);white-space:normal}.inbox-item .prio,.inbox-item .btn-mini{margin-left:28px}.inbox-item .prio~.btn-mini{margin-left:0}}