.whats-new-overlay{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.whats-new-card{background:var(--card);border-radius:20px;flex-direction:column;gap:16px;width:min(520px,94vw);max-height:82vh;padding:22px 24px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000040}.whats-new-head{align-items:flex-start;gap:12px;display:flex}.whats-new-head>div{flex:1}.whats-new-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);font-size:11px;font-weight:800}.whats-new-head h3{margin:4px 0 2px;font-size:18px;font-weight:900}.whats-new-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.whats-new-close:hover{color:var(--ink)}.whats-new-entry{flex-direction:column;gap:8px;display:flex}.whats-new-entry-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.whats-new-version{color:var(--accent-deep);font-size:14px;font-weight:900}.whats-new-title{color:var(--ink);font-size:14px;font-weight:700}.whats-new-date{color:var(--ink-soft);margin-left:auto;font-size:12px}.whats-new-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.whats-new-list li{color:var(--ink);padding-left:18px;font-size:14px;position:relative}.whats-new-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.home{flex-direction:column;gap:22px;max-width:1160px;margin:0 auto;display:flex}.home-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:6px 2px 2px;display:flex}.home-eyebrow{letter-spacing:.16em;color:var(--violet);text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:900}.home-hero h1{letter-spacing:0;font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.12}.home-date{color:var(--ink-soft);margin-top:6px;font-size:14px;font-weight:600}.home-stat-chips{flex-wrap:wrap;gap:8px;display:flex}.stat-chip{background:var(--card);color:var(--ink-soft);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700}.stat-chip b{color:var(--accent-deep);margin-right:3px;font-size:14px}.home-module{padding:22px 24px}.home-module-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.module-kicker{letter-spacing:.15em;color:var(--ink-faint);margin-bottom:3px;font-size:10px;font-weight:900;display:block}.home-module h3{letter-spacing:0;font-size:20px;font-weight:900;line-height:1.2}.go-link{color:var(--violet);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:3px 5px;font-size:12.5px;font-weight:800}.home-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.home-pair>*,.home-bottom>*{min-width:0}.home-braindump{background:linear-gradient(150deg, #fff 0%, #fff 52%, var(--violet-soft) 100%);border:1.5px solid #8b7cf638}.home-calendar{flex-direction:column;display:flex}.cal-wrap{border-radius:var(--radius-md);background:#f8fbff;border:1px solid #e2e9f4;padding:13px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-nav{background:var(--card-soft);width:30px;height:30px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex}.cal-nav:hover{background:var(--violet-soft);color:var(--violet)}.cal-month{font-size:14px;font-weight:900}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekday{text-align:center;color:var(--ink-faint);padding-bottom:3px;font-size:11px;font-weight:800}.cal-day{aspect-ratio:1;color:var(--ink);background:0 0;border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .1s;display:flex}.cal-day:hover{background:var(--violet-soft);color:var(--violet)}.cal-day.today{background:var(--accent);color:#fff;box-shadow:0 5px 12px #3d8bfd4d}.cal-day.blank{visibility:hidden}.today-blocks{margin-top:13px}.today-blocks-head{color:var(--ink-soft);margin-bottom:8px;font-size:12px;font-weight:800}.today-blocks ul{flex-direction:column;gap:6px;list-style:none;display:flex}.today-blocks li{background:var(--card-soft);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.block-time{color:var(--accent-deep);min-width:42px;font-weight:900}.block-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.block-min{color:var(--ink-soft);font-size:11px;font-weight:700}.today-blocks-empty{color:var(--ink-soft);background:var(--card-soft);border-radius:12px;padding:12px;font-size:12.5px}.breath-stage{justify-content:center;align-items:center;min-height:230px;display:flex}.breath-circle{color:#fff;background:radial-gradient(circle at 32% 28%,#a6f0df,#3aa78f 68%,#197d69);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;transition:transform 4s cubic-bezier(.45,0,.35,1),box-shadow .4s;display:flex;box-shadow:0 20px 40px #3ea78f4d,inset 0 -12px 28px #00000014}.breath-circle span{font-size:20px;font-weight:900}.breath-circle small{opacity:.9;margin-top:4px;font-size:11px;font-weight:700}.breath-toggle{width:100%}.breath-tip{text-align:center;color:var(--ink-soft);margin-top:12px;font-size:12px;line-height:1.5}.mute-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mute-mode{text-align:left;border-radius:var(--radius-md);background:var(--card-soft);border:1.5px solid #0000;flex-direction:column;gap:5px;padding:13px;transition:border-color .15s,background .15s;display:flex}.mute-mode.on{background:var(--break-soft);border-color:#5ec7b173}.mute-mode b{font-size:13.5px}.mute-mode span{color:var(--ink-soft);font-size:11.5px;line-height:1.4}.mute-toggle{background:var(--card-soft);width:100%;color:var(--ink);border-radius:999px;margin-top:12px;padding:12px 18px;font-size:14px;font-weight:800}.mute-toggle.on{background:var(--break);color:#fff}.energy-random{border-radius:var(--radius-md);background:var(--gold-soft);color:#9a6a10;border:1.5px dashed #e3c7a8;width:100%;margin-bottom:12px;padding:12px 14px;font-size:13.5px;font-weight:800}.energy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.energy-card{border-radius:var(--radius-md);padding:12px 13px}.energy-card.gold{background:var(--gold-soft)}.energy-card.accent{background:var(--accent-soft)}.energy-card.violet{background:var(--violet-soft)}.energy-card.break{background:var(--break-soft)}.energy-name{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:900}.energy-card ul{flex-direction:column;gap:5px;list-style:none;display:flex}.energy-card li{color:var(--ink-soft);gap:6px;font-size:12.5px;font-weight:600;display:flex}.energy-card li:before{content:"·";color:var(--ink-faint);font-weight:900}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.board-col-title{color:var(--ink-soft);margin-bottom:9px;font-size:13px;font-weight:900}.board-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.board-idea,.board-task{border-radius:var(--radius-md);background:var(--card-soft);cursor:pointer;flex-direction:column;gap:5px;padding:11px 13px;transition:transform .12s,background .15s;display:flex}.board-idea:hover,.board-task:hover{background:#f2ebe3;transform:translateY(-1px)}.board-idea span,.board-task b{font-size:13.5px;line-height:1.4}.board-idea small{color:var(--ink-faint);font-size:10.5px;font-weight:700}.board-task span{color:var(--violet);font-size:10.5px;font-weight:800}.board-empty{color:var(--ink-soft);background:var(--card-soft);border-radius:var(--radius-md);padding:14px;font-size:12.5px}.board-head-actions{gap:2px;display:flex}.home-bottom{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.habit-preview-list{flex-direction:column;gap:6px;list-style:none;display:flex}.habit-preview-list li{background:var(--card-soft);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.habit-preview-list li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mood-row{flex-wrap:wrap;gap:8px;display:flex}.mood-chip{color:var(--ink-soft);background:var(--card-soft);border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:700;transition:background .15s,transform .1s}.mood-chip:hover{background:var(--violet-soft);color:var(--violet);transform:translateY(-1px)}.mood-today{border-top:1px dashed #e2e9f4;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.mood-today-label{color:var(--ink-soft);font-size:12.5px;font-weight:800}.mood-recorded{color:var(--violet);background:var(--violet-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.mood-recorded small{color:var(--ink-soft);font-size:10.5px;font-weight:600}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.home-stats-grid div{background:var(--card-soft);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:12px;display:flex}.home-stats-grid b{color:var(--accent-deep);font-size:24px;font-weight:900}.home-stats-grid span{color:var(--ink-soft);font-size:11px;font-weight:800}.sync-status-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.sync-count{margin-left:auto}@media (width<=1024px){.home-pair,.home-bottom{grid-template-columns:1fr}}@media (width<=720px){.home-module{padding:18px 16px}.timer-selects,.timer-meta{flex-direction:column}.energy-grid,.mute-modes,.board-grid{grid-template-columns:1fr}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-hero-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.sos-entry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8a5c,#e05d3c);border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #e05d3c59}.sos-entry:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e05d3c73}.breath-modes{flex-wrap:wrap;gap:8px;display:flex}.breath-hint{color:var(--ink-soft);margin:0;font-size:12px;font-weight:600}.mute-spectrum{background:#8b7cf614;border-radius:10px;width:100%;height:44px;display:block}.home-hero-btns{gap:8px;display:flex}.layout-entry{background:var(--card-soft);color:var(--ink-soft);cursor:pointer;border:1px solid #e2e9f4;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;transition:background .15s,color .15s}.layout-entry:hover{background:var(--accent-soft);color:var(--accent)}.layout-overlay{z-index:998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.layout-card{background:var(--card);border-radius:20px;flex-direction:column;gap:12px;width:min(460px,94vw);max-height:82vh;padding:22px 24px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000040}.layout-head{align-items:center;gap:12px;display:flex}.layout-head h3{flex:1;font-size:17px;font-weight:900}.layout-hint{color:var(--ink-soft);font-size:12.5px}.layout-list{flex-direction:column;gap:6px;list-style:none;display:flex}.layout-row{background:var(--card-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.layout-row.off{opacity:.55}.layout-label{flex:1;font-size:13.5px;font-weight:700}.layout-actions{gap:4px;display:flex}.layout-actions .btn-icon{border-radius:10px;width:30px;height:30px;font-size:14px}.layout-foot{justify-content:flex-end;gap:10px;display:flex}.reframer-scenes{flex-wrap:wrap;gap:6px;display:flex}.reframer-card{background:linear-gradient(140deg, var(--accent-soft), #fff 70%);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #3d8bfd40;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .2s;animation:.4s cubic-bezier(.22,1,.36,1) reframer-in;display:flex;position:relative}@keyframes reframer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reframer-old{color:var(--ink-soft);font-size:13px;font-weight:600;-webkit-text-decoration:line-through #e5676b99;text-decoration:line-through #e5676b99}.reframer-arrow{color:var(--accent);font-size:11.5px;font-weight:800}.reframer-next{font-size:15.5px;font-weight:800;line-height:1.55}.reframer-builtin{color:var(--ink-faint);font-size:10.5px;font-weight:700;position:absolute;top:10px;right:12px}.reframer-del{border-radius:9px;width:28px;height:28px;font-size:13px;position:absolute;bottom:10px;right:10px}.reframer-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reframer-count{color:var(--ink-faint);white-space:nowrap;flex:1;font-size:11.5px;font-weight:700}.reframer-foot .btn{padding:7px 14px;font-size:12.5px}.reframer-add{background:var(--card-soft);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.reframer-add-row{gap:8px;display:flex}.reframer-add-row select{flex:1}.energy-dice{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.energy-roll{padding:9px 18px;font-size:13.5px}.energy-picked{background:var(--gold-soft);border:1px solid #f0b94e66;border-radius:12px;align-items:center;gap:10px;padding:7px 12px;animation:.25s reframer-in;display:flex}.energy-picked-text{font-size:13px;font-weight:800}.energy-picked .btn{padding:6px 12px;font-size:12px}.energy-random{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12.5px;font-weight:700}.energy-head-actions{gap:8px;display:flex}.energy-del{width:18px;height:18px;color:var(--ink-soft);background:#00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:inline-flex}.energy-del:hover{background:var(--danger);color:#fff}.energy-add-row{gap:6px;margin-top:8px;display:flex}.energy-add-row input{border-radius:8px;flex:1;padding:6px 10px;font-size:12.5px}.energy-add{background:var(--accent);color:#fff;border-radius:9px;width:30px;min-width:30px;height:30px;font-size:16px;font-weight:800}.home-onepage{background:linear-gradient(150deg, #fff 0%, #fff 52%, var(--violet-soft) 100%)}.op-page{flex-direction:column;gap:12px;display:flex}.op-loading{color:var(--ink-soft);padding:10px 0;font-size:13px}.op-goal{flex-direction:column;gap:10px;display:flex}.op-goal-row{align-items:center;gap:8px;display:flex}.op-goal-input{border:none;border-bottom:2px solid var(--violet);min-width:0;color:var(--ink);background:0 0;outline:none;flex:1;padding:8px 2px;font-size:19px;font-weight:800}.op-goal-input::placeholder{color:var(--ink-soft);font-weight:700}.op-goal-done{background:var(--violet);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:800}.op-goal-done:hover{filter:brightness(1.08)}.op-goal-actions{justify-content:flex-end;display:flex}.op-goal-abandon{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.op-goal-abandon:hover{color:var(--ink)}.op-next-hint{color:var(--ink-soft);margin:6px 0 0;font-size:12px}.op-completed{background:var(--card-soft);border-radius:12px;flex-direction:column;gap:6px;padding:9px 12px;display:flex}.op-completed-head{color:#4caf50;font-size:12px;font-weight:800}.op-completed-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.op-completed-list li{align-items:center;gap:6px;font-size:12.5px;display:flex}.op-completed-check{color:#4caf50;font-size:11px;font-weight:800}.op-completed-list b{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;-webkit-text-decoration:line-through #4caf5080;text-decoration:line-through #4caf5080;overflow:hidden}.op-completed-list small{color:var(--ink-soft);font-size:11px}.op-steps{flex-direction:column;gap:6px;display:flex}.op-step{background:var(--card-soft);border-radius:12px;align-items:center;gap:8px;padding:7px 9px;transition:background .2s;display:flex}.op-step.current{background:var(--violet-soft);box-shadow:inset 3px 0 0 var(--violet)}.op-step.done{opacity:.55}.op-step.done input{text-decoration:line-through}.op-step-state{white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.4}.op-step-state--done{color:var(--ink-soft);background:var(--card-soft)}.op-step-state--current{color:var(--violet);background:var(--violet-soft)}.op-step-state--next{color:var(--ink-soft);background:var(--card-soft)}.op-step-check{border:1.5px solid var(--violet);width:26px;min-width:26px;height:26px;color:var(--violet);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.op-step.done .op-step-check{background:var(--violet);color:#fff;border-color:var(--violet)}.op-step input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px;font-weight:600}.op-step input::placeholder{color:var(--ink-soft);font-weight:500}.op-step-del{width:22px;min-width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:12px}.op-step-del:hover{background:var(--card-soft);color:var(--ink)}.op-add-step{border:1.5px dashed var(--violet-soft);color:var(--violet);cursor:pointer;text-align:left;background:0 0;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}.op-add-step:hover{background:var(--violet-soft)}.op-hint,.op-goal-done{color:var(--ink-soft);margin:0;font-size:12px}.op-goal-done{color:#4caf50;font-weight:700}.op-notes{background:#fff9de8c;border:1.5px dashed #d8c9a8;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.op-notes-head{color:#a08a4f;letter-spacing:.02em;font-size:11.5px;font-weight:700}.op-notes-list{flex-wrap:wrap;gap:6px;display:flex}.op-note{color:#6b5d2f;background:#fff9dd;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:flex;box-shadow:0 1px 2px #0000000f}.op-note button{color:#b5a253;cursor:pointer;background:0 0;border:none;border-radius:4px;width:16px;height:16px;font-size:11px}.op-note button:hover{color:#6b5d2f;background:#0000000f}.op-notes-add{gap:6px;display:flex}.op-notes-add input{color:var(--ink);background:#fff;border:1px solid #6b5d2f40;border-radius:8px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:12.5px}.op-notes-add button{color:#6b5d2f;cursor:pointer;background:#f0e6b8;border:none;border-radius:8px;width:28px;min-width:28px;height:28px;font-size:15px;font-weight:800}.op-notes-add button:hover{background:#e6d79a}.op-foot{justify-content:flex-end;display:flex}.op-date-nav{align-items:center;gap:8px;display:flex}.op-date-mid{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.op-date-text{white-space:nowrap;font-size:14px;font-weight:900}.op-date-input{color:var(--ink);background:#fff;border:1px solid #00000026;border-radius:10px;padding:5px 8px;font-size:12.5px}.op-date-today{color:var(--violet);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:12.5px;font-weight:800}.op-review-month-nav{align-items:center;gap:8px;display:flex}.op-review-month-label{flex:1;font-size:14px;font-weight:900}.op-review-month-input{color:var(--ink);background:#fff;border:1px solid #00000026;border-radius:10px;padding:5px 8px;font-size:12.5px}.op-review-overlay{z-index:998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.op-review-card{background:var(--card);border-radius:20px;flex-direction:column;gap:12px;width:min(520px,94vw);max-height:82vh;padding:22px 24px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000040}.op-review-head{align-items:flex-start;gap:12px;display:flex}.op-review-head h3{flex:1;margin:0;font-size:17px;font-weight:900}.op-review-hint{color:var(--ink-soft);margin:0;font-size:12.5px}.op-review-empty{text-align:center;color:var(--ink-soft);padding:18px 0;font-size:13.5px}.op-review-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.op-review-day{flex-direction:column;gap:6px;display:flex}.op-review-day-head{color:var(--ink-soft);letter-spacing:.05em;font-size:11.5px;font-weight:800}.op-review-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.op-review-item{background:var(--card-soft);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.op-review-kind{font-size:14px;line-height:1.4}.op-review-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.op-review-body b{word-break:break-word;font-size:13.5px;font-weight:700}.op-review-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-review-actions input[type=date]{color:var(--ink);background:#fff;border:1px solid #00000026;border-radius:8px;padding:4px 6px;font-size:12px}.web-shell{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:12px 16px 40px;display:flex}.web-header{z-index:10;background:var(--bg,#f6f7fb);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;top:0}.web-title{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:900}.web-tabs{background:var(--card-soft);border-radius:12px;gap:4px;padding:3px;display:flex}.web-tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700}.web-tabs button.active{background:var(--card);color:var(--violet);box-shadow:0 1px 3px #00000014}.web-main{flex-direction:column;display:flex}.web-card{padding:18px}.web-loading{text-align:center;color:var(--ink-soft);padding:60px 0;font-size:14px}.web-login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.web-login-card{text-align:center;flex-direction:column;align-items:stretch;gap:12px;width:min(360px,94vw);padding:28px 24px;display:flex}.web-login-logo{font-size:34px}.web-login-card h1{margin:0;font-size:20px;font-weight:900}.web-login-card p{color:var(--ink-soft);margin:0 0 4px;font-size:13px}.web-login-card input{color:var(--ink);background:#fff;border:1.5px solid #0000001f;border-radius:10px;outline:none;padding:10px 12px;font-size:15px}.web-login-card input:focus{border-color:var(--violet)}.web-login-tabs{background:var(--card-soft);border-radius:999px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.web-login-tabs button{color:var(--ink-soft);border-radius:999px;padding:7px}.web-login-tabs button.active{color:#fff;background:var(--violet);font-weight:800}.web-account{align-items:center;gap:8px;font-size:12px;display:flex}.web-account button{color:var(--ink-soft);text-decoration:underline}.web-login-error{color:#e74c3c;font-size:12.5px}.web-ideas-add{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.web-ideas-add textarea{color:var(--ink);resize:vertical;background:#fff;border:1.5px solid #0000001f;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.web-ideas-add textarea:focus{border-color:var(--violet)}.web-ideas-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.web-ideas-list li{background:var(--card-soft);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.web-ideas-list li.archived{opacity:.55}.web-ideas-list li span{word-break:break-word;flex:1;font-size:14px;line-height:1.5}.web-ideas-list li button{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:12.5px;font-weight:700}.web-ideas-list li button:hover{color:var(--ink);background:var(--card)}.web-toasts{z-index:999;flex-direction:column;gap:8px;width:min(420px,92vw);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.web-toast{color:var(--ink);text-align:center;background:#fff;border:1px solid #00000014;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.22,1,.36,1) web-toast-in;box-shadow:0 6px 24px #0000001f}.web-toast.err{color:#e74c3c}@keyframes web-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.op-goal-input{font-size:20px}.web-version{color:var(--ink-soft);opacity:.6;font-size:11px}.web-settings{flex-direction:column;gap:12px;display:flex}.web-settings-row{border-bottom:1px solid #0000000f;align-items:center;gap:12px;padding:10px 0;display:flex}.web-settings-row:last-child{border-bottom:none}.web-settings-label{min-width:80px;color:var(--ink-soft);font-size:13px;font-weight:700}.web-app{--web-bg:#f4f5fb;--web-bg-accent:#5d52de17;--web-surface:#fff;--web-surface-soft:#f7f7fd;--web-surface-strong:#ececfa;--web-border:#3238521f;--web-border-strong:#5d52de42;--web-text:#171b33;--web-text-soft:#68708a;--web-text-faint:#9299ad;--web-accent:#5d52de;--web-accent-strong:#4539c7;--web-accent-soft:#eeedff;--web-success:#238665;--web-success-soft:#e8f7f1;--web-note:#fff8df;--web-note-border:#ead69a;--web-note-text:#6f5b24;--web-danger:#d94a55;--web-shadow:0 18px 50px #2d304d17;--web-shadow-soft:0 8px 24px #2d304d12;min-height:100vh;color:var(--web-text);background:radial-gradient(circle at 16% 0%, var(--web-bg-accent), transparent 34rem), var(--web-bg);transition:background .25s,color .25s}.web-app[data-theme=immersive]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--web-bg:#090d16;--web-bg-accent:#8278ff21;--web-surface:#121725;--web-surface-soft:#171d2d;--web-surface-strong:#20263a;--web-border:#b1b8de29;--web-border-strong:#a297ff61;--web-text:#f2f3fb;--web-text-soft:#aeb5cc;--web-text-faint:#7c849d;--web-accent:#aaa1ff;--web-accent-strong:#c2bcff;--web-accent-soft:#9387ff24;--web-success:#77dcb4;--web-success-soft:#40c48f1f;--web-note:#1d2030;--web-note-border:#dcb15b47;--web-note-text:#e3c987;--web-danger:#ff8c95;--web-shadow:0 24px 70px #00000059;--web-shadow-soft:0 12px 32px #00000040}.web-app .web-shell{width:min(100%,920px);max-width:920px;min-height:100vh;margin:0 auto;padding:16px 20px 56px}.web-app .web-header{background:color-mix(in srgb, var(--web-bg) 88%, transparent);border-bottom:1px solid var(--web-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:68px;padding:10px 2px}.web-title{color:var(--web-text);align-items:center;gap:10px;display:inline-flex}.web-title-mark{border:1px solid var(--web-border-strong);background:var(--web-accent-soft);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.web-title-copy{flex-direction:column;line-height:1.05;display:flex}.web-title-copy strong{font-size:15px}.web-title-copy small{color:var(--web-text-soft);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:800}.web-app .web-tabs{background:var(--web-surface-soft);border:1px solid var(--web-border)}.web-app .web-tabs button{min-height:42px;color:var(--web-text-soft)}.web-app .web-tabs button.active{color:var(--web-accent);background:var(--web-surface);box-shadow:var(--web-shadow-soft)}.web-account{color:var(--web-text-soft)}.web-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;color:var(--web-text);font-weight:750;overflow:hidden}.web-account-logout{min-height:40px;color:var(--web-text-soft);border-radius:10px;padding:0 8px;text-decoration:none}.web-account-logout:hover{color:var(--web-text);background:var(--web-surface-soft)}.web-app .web-main{min-width:0;padding-top:18px}.web-app .card,.web-app .web-card{min-width:0;color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-border);box-shadow:var(--web-shadow)}.web-app .web-card{border-radius:24px;padding:clamp(18px,4vw,34px)}.web-app .module-kicker{color:var(--web-accent)}.web-app .home-module-head h3{color:var(--web-text)}.web-bottom-nav{display:none}.web-app .op-page,.web-app .op-goal,.web-app .op-steps,.web-app .op-completed,.web-app .op-notes{width:100%;min-width:0}.web-app .op-date-nav{min-width:0}.web-app .op-date-text{color:var(--web-text)}.web-app .op-date-input,.web-app .op-review-month-input{color:var(--web-text);background:var(--web-surface-soft);border-color:var(--web-border)}.web-app .cal-nav,.web-app .op-date-today{min-width:44px;min-height:44px;color:var(--web-accent)}.web-app .op-goal{border:1px solid var(--web-border);background:linear-gradient(145deg, var(--web-surface), var(--web-surface-soft));box-shadow:var(--web-shadow-soft);border-radius:20px;margin-top:4px;padding:clamp(18px,4vw,28px)}.web-app .op-goal-row{gap:10px;min-width:0}.web-app .op-goal-input{min-width:0;color:var(--web-text);box-shadow:none;background:0 0;border-color:#0000}.web-app .op-goal-input::placeholder{color:var(--web-text-faint)}.web-app .op-goal-done{min-width:60px;min-height:44px;color:var(--web-success);background:var(--web-success-soft);border-radius:12px;padding:0 12px}.web-app .op-step{border:1px solid var(--web-border);background:var(--web-surface);border-radius:14px;min-width:0;min-height:58px;padding:8px 10px}.web-app .op-step.current,.web-app .op-step--current{background:var(--web-accent-soft);border-color:var(--web-border-strong);box-shadow:inset 3px 0 0 var(--web-accent)}.web-app .op-step.done,.web-app .op-step--done{opacity:.78;background:var(--web-success-soft);border-color:color-mix(in srgb, var(--web-success) 26%, transparent)}.web-app .op-step--next{background:var(--web-surface-soft)}.web-app .op-step input{min-width:0;color:var(--web-text);padding-inline:4px}.web-app .op-step-check{width:36px;min-width:36px;height:36px;color:var(--web-accent);border-color:var(--web-border-strong)}.web-app .op-step.done .op-step-check{color:var(--web-bg);background:var(--web-success);border-color:var(--web-success)}.web-app .op-step-state{white-space:nowrap;border-radius:999px;flex:none;padding:4px 7px;font-size:10px;font-weight:850}.web-app .op-step-state--done{color:var(--web-success);background:var(--web-success-soft)}.web-app .op-step-state--current{color:var(--web-accent-strong);background:var(--web-accent-soft)}.web-app .op-step-state--next{color:var(--web-text-soft);background:var(--web-surface-strong)}.web-app .op-step-del{min-width:32px;min-height:32px;color:var(--web-text-faint)}.web-app .op-add-step{min-height:44px;color:var(--web-accent);border-color:var(--web-border-strong)}.web-app .op-goal-abandon,.web-app .go-link{min-height:44px;color:var(--web-text-soft)}.web-app .op-completed{border:1px solid var(--web-border);background:var(--web-surface-soft);border-radius:18px;padding:16px;overflow:hidden}.web-app .op-completed-head{color:var(--web-success)}.web-app .op-completed-list,.web-app .op-completed-list li{width:100%;min-width:0}.web-app .op-completed-list li{align-items:flex-start}.web-app .op-completed-list li b{overflow-wrap:anywhere;word-break:break-word;min-width:0}.web-app .op-completed-list li small{color:var(--web-text-faint);flex:none}.web-app .op-notes{color:var(--web-note-text);background:var(--web-note);border-color:var(--web-note-border);padding:16px;overflow:hidden}.web-app .op-notes-head{color:var(--web-note-text)}.web-app .op-notes-list{width:100%;min-width:0}.web-app .op-note{min-width:0;max-width:100%;color:var(--web-note-text);background:color-mix(in srgb, var(--web-note) 74%, var(--web-surface))}.web-app .op-note span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.web-app .op-notes-add{width:100%;min-width:0}.web-app .op-notes-add input{width:100%;min-width:0;color:var(--web-text);background:var(--web-surface);border-color:var(--web-note-border)}.web-app .op-notes-add button{width:44px;min-width:44px;height:44px;color:var(--web-note-text);background:color-mix(in srgb, var(--web-note-border) 48%, transparent)}.web-app .op-review-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070d9e}.web-app .op-review-card{color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-border);box-shadow:var(--web-shadow)}.web-app .op-review-item{background:var(--web-surface-soft);border:1px solid var(--web-border)}.web-app .op-review-body b{color:var(--web-text)}.web-app .op-review-hint,.web-app .op-review-day-head,.web-app .op-review-empty{color:var(--web-text-soft)}.web-app .web-ideas-add textarea,.web-app .web-login-card input{color:var(--web-text);background:var(--web-surface-soft);border-color:var(--web-border)}.web-app .web-ideas-add textarea:focus,.web-app .web-login-card input:focus{border-color:var(--web-accent);box-shadow:0 0 0 3px var(--web-accent-soft)}.web-app .web-ideas-list li{min-width:0;color:var(--web-text);background:var(--web-surface-soft);border:1px solid var(--web-border)}.web-app .web-ideas-list li span{overflow-wrap:anywhere;min-width:0}.web-app .web-ideas-list li button{min-height:40px;color:var(--web-text-soft)}.web-app .btn-primary{color:#fff;background:var(--web-accent-strong)}.web-app[data-theme=immersive] .btn-primary{color:#111522;background:var(--web-accent)}.web-app .btn-ghost{color:var(--web-text);background:var(--web-surface-soft);border-color:var(--web-border)}.web-app .web-settings-row{border-color:var(--web-border);min-width:0}.web-app .web-settings-label{color:var(--web-text-soft)}.web-theme-picker{border:0;border-bottom:1px solid var(--web-border);min-width:0;margin:6px 0;padding:16px 0}.web-theme-picker legend{padding:0 0 10px}.web-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.web-theme-option{text-align:left;min-width:0;min-height:96px;color:var(--web-text);background:var(--web-surface-soft);border:1px solid var(--web-border);border-radius:16px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.web-theme-option:hover{border-color:var(--web-border-strong)}.web-theme-option.selected{border-color:var(--web-accent);box-shadow:0 0 0 3px var(--web-accent-soft)}.web-theme-preview{border:1px solid var(--web-border);border-radius:12px;width:66px;height:64px;display:block;position:relative;overflow:hidden}.web-theme-preview-focus{background:#f6f7fd}.web-theme-preview-immersive{background:radial-gradient(circle at 70% 18%,#49427d,#111624 58%)}.web-theme-preview-bar{background:#5d52de;border-radius:4px;height:5px;position:absolute;inset:8px 8px auto}.web-theme-preview-line{background:#a8acc2;border-radius:4px;height:4px;position:absolute;left:8px}.web-theme-preview-line-main{width:42px;top:25px}.web-theme-preview-line-sub{width:31px;top:36px}.web-theme-preview-dot{background:#49b38c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:8px;left:8px}.web-theme-option-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.web-theme-option-copy strong{font-size:13px}.web-theme-option-copy small{color:var(--web-text-soft);font-size:11px;line-height:1.5}.web-theme-option-state{color:var(--web-accent);font-size:11px;font-weight:850}.web-app .web-toast{color:var(--web-text);background:var(--web-surface);border-color:var(--web-border);box-shadow:var(--web-shadow)}.web-app .web-toast.err{color:var(--web-danger)}.web-app .web-login{background:0 0}.web-app .web-login-card{color:var(--web-text)}.web-app .web-login-tabs{background:var(--web-surface-soft)}.web-app .web-login-tabs button{min-height:40px;color:var(--web-text-soft)}.web-app .web-login-tabs button.active{color:#fff;background:var(--web-accent-strong)}.web-app .web-login-error{color:var(--web-danger)}.web-app .web-loading{color:var(--web-text-soft)}.web-app .whats-new-overlay{background:#05070da8}.web-app .whats-new-card{color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-border);box-shadow:var(--web-shadow)}.web-app .whats-new-kicker,.web-app .whats-new-version{color:var(--web-accent)}.web-app .whats-new-head h3,.web-app .whats-new-title,.web-app .whats-new-list li{color:var(--web-text)}.web-app .whats-new-date,.web-app .whats-new-close{color:var(--web-text-soft)}.web-app .whats-new-list li:before{background:var(--web-accent)}.web-app :where(button,input,textarea,select,a):focus-visible{outline:3px solid color-mix(in srgb, var(--web-accent) 62%, transparent);outline-offset:3px}@media (width<=640px){.web-app .web-shell{width:100%;padding:8px 12px calc(100px + env(safe-area-inset-bottom))}.web-app .web-header{min-height:58px;padding:7px 4px;position:sticky;top:0}.web-title-mark{width:36px;height:36px}.web-title-copy small,.web-tabs,.web-account{display:none}.web-main{width:100%;min-width:0;padding-top:10px}.web-app .web-card{border-radius:20px;width:100%;min-width:0;padding:18px 14px}.web-app .home-module-head{margin-bottom:14px}.web-app .home-module-head h3{font-size:18px}.web-bottom-nav{z-index:1000;right:10px;bottom:max(8px, env(safe-area-inset-bottom));min-height:68px;color:var(--web-text-soft);background:color-mix(in srgb, var(--web-surface) 94%, transparent);border:1px solid var(--web-border);box-shadow:var(--web-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed;left:10px}.web-bottom-nav button{min-width:0;min-height:54px;color:inherit;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:750;display:flex}.web-bottom-nav button>span:first-child{font-size:17px}.web-bottom-nav button.active{color:var(--web-accent);background:var(--web-accent-soft)}.web-app .op-goal{padding:16px 12px}.web-app .op-goal-row{align-items:flex-start}.web-app .op-goal-input{padding:8px 2px;font-size:clamp(20px,7vw,26px);line-height:1.2}.web-app .op-step{grid-template-columns:36px minmax(0,1fr) auto;gap:6px;display:grid}.web-app .op-step input{width:100%}.web-app .op-step-state{grid-column:2;justify-self:start}.web-app .op-step-del{grid-area:1/3/span 2}.web-app .op-date-mid{flex-direction:column;gap:3px;min-width:0}.web-app .op-date-text{font-size:13px}.web-app .op-date-input{max-width:130px;padding:4px 6px;font-size:11px}.web-app .op-date-today{padding-inline:4px;font-size:11px}.web-app .op-completed,.web-app .op-notes,.web-app .op-completed-list,.web-app .op-completed-list li,.web-app .op-notes-list,.web-app .op-note,.web-app .op-notes-add{width:100%;min-width:0;max-width:100%}.web-app .op-completed-list li{grid-template-columns:20px minmax(0,1fr);gap:5px 8px;display:grid}.web-app .op-completed-list li small{grid-column:2}.web-app .op-note{align-items:flex-start}.web-app .op-note span{flex:1}.web-app .op-notes-add input{min-height:44px}.web-app .web-ideas-list li{flex-wrap:wrap;align-items:flex-start}.web-app .web-ideas-list li>span{flex-basis:100%}.web-app .web-settings-row{flex-wrap:wrap;align-items:flex-start}.web-theme-options{grid-template-columns:1fr}.web-theme-option{grid-template-columns:58px minmax(0,1fr) auto}.web-theme-preview{width:58px}.web-toasts{bottom:calc(92px + env(safe-area-inset-bottom))}.web-app .op-review-overlay{align-items:flex-end;padding:0}.web-app .op-review-card{width:100%;max-height:90vh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.web-app .op-review-actions{flex-direction:column;align-items:stretch}.web-app .op-review-actions>*{width:100%;min-height:44px}}@media (width<=360px){.web-app .web-shell{padding-inline:8px}.web-app .web-card,.web-app .op-goal{padding-inline:10px}.web-app .op-step{grid-template-columns:34px minmax(0,1fr) auto}.web-app .op-step-check{width:34px;min-width:34px;height:34px}.web-theme-option{grid-template-columns:50px minmax(0,1fr)}.web-theme-preview{width:50px}.web-theme-option-state{grid-column:2}}@media (prefers-reduced-motion:reduce){.web-app *,.web-app :before,.web-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}