:root{--sand: #F4F3EE;--paper: #FBFAF6;--white: #FFFFFF;--charcoal: #24323D;--ink-strong: #24323D;--ink: #4A5862;--muted: #5F6C74;--faint: #9AA4A9;--accent: #1195AD;--accent-text: #0B7285;--accent-hover: #095F6F;--sky: #67C3D1;--seaglass: #9BCAD1;--seaglass-lt: #E6F1F2;--line: #E1DED5;--line-strong: #CFCBC0;--error: #A8432F;--error-bg: #FBEFEC;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Prompt", system-ui, sans-serif;--shadow: 0 1px 2px rgba(36, 50, 61, .04), 0 4px 16px rgba(36, 50, 61, .05);--shadow-layer: 0 1px 0 var(--line), 0 6px 0 -3px var(--paper), 0 6px 0 -2px var(--line);--underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5c30-4.5 62-6 98-5.2 34 .8 66 2.6 98 5.6' fill='none' stroke='%231195AD' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .2 0 0 0 0 .24 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--serif);color:var(--ink-strong);font-weight:500;margin:0;line-height:1.15}p{margin:0}.stats .v,.number-tile .v,.app-header .day .n,h1,h2,h3,.serif-note{font-variant-numeric:lining-nums}em.accent{font-style:italic;color:var(--accent-text);background:var(--underline) left bottom / 100% .32em no-repeat;padding-bottom:.1em}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.wrap{max-width:640px;margin:0 auto;padding:0 16px}.stack>*+*{margin-top:14px}.fade{animation:fadeIn .35s ease both}.label{font-size:10.5px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent-text)}.label.muted{color:var(--muted)}.serif-note{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink);line-height:1.45}.small{font-size:13px;line-height:1.6}.center{text-align:center}.rule{height:1px;background:var(--line);border:0;margin:16px 0}.gold-rule{display:flex;align-items:center;gap:12px;justify-content:center}.gold-rule:before,.gold-rule:after{content:"";height:1px;width:32px;background:var(--seaglass)}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.card.plain{box-shadow:none}.card-head{margin:-20px -20px 18px;padding:22px 20px 18px;background:var(--seaglass-lt);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.card-head h2{font-size:30px;margin-top:8px}.card-head .sub{margin-top:6px;font-size:13px;color:var(--ink)}.card-head svg{flex-shrink:0}.day-badge,.type-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.day-badge{border:1px solid var(--charcoal);color:var(--charcoal)}.type-badge.power{background:var(--accent-text);color:var(--white)}.type-badge.catchup{background:var(--seaglass);color:var(--charcoal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;border:none;cursor:pointer;background:var(--accent-text);color:var(--white);font-size:14px;font-weight:500;text-decoration:none;text-align:left;transition:background .2s,opacity .2s,border-color .2s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.block{width:100%}.btn.dark{background:var(--charcoal)}.btn.dark:hover{background:#18232b}.btn.secondary{background:var(--white);color:var(--ink-strong);border:1px solid var(--line-strong)}.btn.secondary:hover{border-color:var(--accent);background:var(--white)}.btn.subtle{background:transparent;border-style:dashed;color:var(--ink);font-size:13px}.btn.danger{background:var(--error)}.btn.danger:hover{background:#8e3726}.btn.spread{justify-content:space-between}.btn.pending,.btn.pending:hover{background:transparent;color:var(--muted);border:1px dashed var(--line-strong);cursor:default}.btn .soon{font-size:11px;font-weight:400;color:var(--faint);white-space:nowrap}.resource-list{display:flex;flex-direction:column;gap:8px}.link{background:none;border:none;padding:4px;cursor:pointer;font-size:13px;font-weight:500;color:var(--accent-text);text-decoration:underline;text-decoration-color:var(--sky);text-underline-offset:3px}.link.muted{color:var(--muted);text-decoration:none}.field{display:block}.field+.field{margin-top:14px}.field .label{display:block;margin-bottom:6px;color:var(--ink-strong)}.input,.textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--white);color:var(--ink-strong);font-family:var(--sans);font-size:15px;outline:none;transition:border-color .2s,background .2s}.input:focus,.textarea:focus{border-color:var(--accent)}.input.filled,.textarea.filled{border-color:var(--seaglass)}.textarea{resize:vertical;min-height:64px;line-height:1.6}.input.num{text-align:center;font-size:20px;font-weight:500;padding:10px 6px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}::placeholder{color:var(--faint);opacity:1}.notice{border-radius:10px;padding:11px 14px;font-size:13px;line-height:1.5;margin-bottom:14px;border-left:3px solid}.notice.error{background:var(--error-bg);color:var(--error);border-color:var(--error)}.notice.ok{background:var(--seaglass-lt);color:var(--ink-strong);border-color:var(--accent)}.app-header{background:var(--charcoal);color:var(--white);padding:16px 0 26px}.app-header .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.pill{display:inline-block;padding:3px 12px;border-radius:20px;background:#67c3d129;color:var(--sky);font-size:10.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.app-header .greet{font-family:var(--serif);font-size:28px;font-weight:500;color:var(--white);line-height:1.2}.app-header .context{margin-top:3px;font-size:13px;color:#ffffffb8;line-height:1.5}.app-header .context strong{color:var(--seaglass);font-weight:500}.app-header .day{text-align:right;flex-shrink:0}.app-header .day .label{color:#ffffff8c}.app-header .day .n{font-family:var(--serif);font-size:40px;line-height:1;color:var(--white)}.app-header .day .n span{font-size:16px;color:#ffffff73}.app-header .row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.ghost-btn{background:none;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffbf;padding:4px 11px;font-size:11.5px;cursor:pointer}.sync{font-size:11.5px;color:#ffffffa6}.sync.error{color:#f2b8a8}.tabs{display:flex;gap:4px;padding:5px;margin:-16px 0 18px;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.tabs button{flex:1;padding:10px 12px;border-radius:8px;border:none;cursor:pointer;font-size:13.5px;font-weight:500;background:transparent;color:var(--ink);transition:all .2s}.tabs button[aria-selected=true]{background:var(--accent-text);color:var(--white)}.progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.task{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;padding:16px;border-radius:12px;cursor:pointer;font-family:var(--sans);background:var(--white);border:1px solid var(--line-strong);transition:background .25s,border-color .25s}.task:hover:not(:disabled){border-color:var(--accent)}.task:disabled{cursor:not-allowed;opacity:.75}.task.done{background:var(--seaglass-lt);border-color:var(--seaglass)}.check{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;border:1.5px solid var(--line-strong);background:var(--white);display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-size:13px;font-weight:600;transition:all .25s}.task.done .check{background:var(--accent);border-color:var(--accent)}.task .t-label{font-size:15px;font-weight:500;color:var(--ink-strong);line-height:1.45}.task .t-desc{margin-top:2px;font-size:14px;color:var(--ink);line-height:1.5}.task .t-why{margin-top:4px;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink);line-height:1.4}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.choice{padding:9px 12px;border-radius:9px;cursor:pointer;text-align:left;border:1px solid var(--line-strong);background:var(--white);color:var(--ink-strong);font-size:13px;transition:all .15s}.choice:hover{border-color:var(--accent)}.choice[aria-pressed=true]{background:var(--accent-text);border-color:var(--accent-text);color:var(--white)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.metric-grid .label{text-align:center}.milestone{background:var(--seaglass);border:none;box-shadow:var(--shadow);transform:rotate(-.6deg)}.milestone .label,.milestone .serif-note{color:var(--charcoal)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid;white-space:nowrap}.status-chip.green{background:var(--seaglass-lt);border-color:var(--accent);color:var(--accent-text)}.status-chip.future{background:var(--white);border-color:var(--line-strong);color:var(--muted)}.check-in{margin:0;padding:14px;border-radius:10px;background:var(--white);border:1px solid var(--line);font-family:var(--sans);font-size:13.5px;color:var(--ink);line-height:1.8;white-space:pre-wrap;word-break:break-word}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.stats .v{font-family:var(--serif);font-size:40px;font-weight:500;color:var(--ink-strong);line-height:1.1}.stats .s{font-size:12px;color:var(--muted)}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-cell{aspect-ratio:1;border-radius:9px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink);padding:0;transition:transform .15s}button.day-cell{cursor:pointer}button.day-cell:hover{transform:translateY(-1px);border-color:var(--accent)}.day-cell .dot{width:8px;height:8px;border-radius:50%}.day-cell.done{background:var(--seaglass-lt);border-color:var(--seaglass);color:var(--ink-strong)}.day-cell.done .dot{background:var(--accent)}.day-cell.current{border:1.5px solid var(--accent);color:var(--accent-text)}.day-cell.current .dot{border:1.5px solid var(--accent)}.day-cell.locked{background:transparent;color:var(--faint);border-style:dashed}.day-cell.locked .dot{background:var(--line)}.day-cell.viewing{outline:2px solid var(--charcoal);outline-offset:1px}.legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--ink)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .day-cell{width:16px;height:16px;aspect-ratio:auto;border-radius:4px}.legend .day-cell .dot{width:6px;height:6px}.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.number-tile{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px}.number-tile .v{font-family:var(--serif);font-size:34px;color:var(--ink-strong);line-height:1.1;margin-top:4px}.number-tile .d{font-size:12px;color:var(--muted);margin-top:2px}@media(max-width:420px){.day-head svg{display:none}.card-head h2{font-size:26px}.stats .v{font-size:34px}}