:root{--navy: #1e2a44;--navy-deep: #16203a;--navy-soft: #2c3c60;--paper: #faf7f0;--paper-dim: #f2ede2;--card: #fffdf8;--ink: #2b2b2b;--ink-soft: #6b6357;--line: #e4dccb;--line-strong: #cfc4ac;--accent: #b5432f;--accent-soft: #f3e0db;--gold: #a8853c;--green: #4a7c59;--serif: "Libre Baskerville", Georgia, serif;--sans: "Inter", -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--serif);color:var(--navy);margin:0}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans);font-size:14px;color:var(--ink)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--navy);color:#f4efe4;display:flex;align-items:center;gap:24px;padding:0 20px;flex-wrap:wrap}.brand{font-family:var(--serif);font-size:17px;letter-spacing:.04em;padding:14px 0;color:#f4efe4;text-decoration:none;white-space:nowrap}.brand em{color:#d8b45c;font-style:normal}.nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav a{color:#c8c2b2;text-decoration:none;padding:16px 12px;font-size:13.5px;font-weight:500;border-bottom:3px solid transparent}.nav a.active{color:#fff;border-bottom-color:#d8b45c}.nav a:hover{color:#fff}.topbar .gear{color:#c8c2b2;text-decoration:none;font-size:17px;padding:6px 4px}.topbar .gear:hover,.topbar .gear.active{color:#fff}.topbar .signout{background:none;border:1px solid #47547a;color:#c8c2b2;border-radius:6px;padding:6px 12px;font-size:12.5px}.topbar .signout:hover{color:#fff;border-color:#8a97bd}.page{max-width:1080px;width:100%;margin:0 auto;padding:28px 20px 80px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px;box-shadow:0 1px 2px #1e2a440d}.section-label{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-label .hint{color:var(--ink-soft);font-weight:400;letter-spacing:0;text-transform:none;font-size:12px}.page-title{font-size:26px;margin-bottom:2px}.page-sub{color:var(--ink-soft);font-size:13.5px;margin-bottom:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:flex;flex-direction:column;gap:20px}@media (max-width: 760px){.grid2{grid-template-columns:1fr}}.btn{background:var(--navy);color:#f4efe4;border:none;border-radius:7px;padding:9px 16px;font-size:13.5px;font-weight:600}.btn:hover{background:var(--navy-soft)}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--line-strong)}.btn.ghost:hover{background:var(--paper-dim)}.btn.small{padding:5px 10px;font-size:12.5px}.btn.danger{background:transparent;border:none;color:var(--accent);font-size:12.5px;padding:4px}.text-input,textarea.text-input{width:100%;border:1px solid var(--line-strong);border-radius:7px;padding:9px 12px;background:#fff;outline:none}.text-input:focus{border-color:var(--navy-soft)}textarea.text-input{resize:vertical;min-height:90px;line-height:1.55}.linelist{display:flex;flex-direction:column}.linerow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px dotted var(--line-strong)}.linerow:last-child{border-bottom:none}.linerow .grow{flex:1}.linerow input[type=text]{flex:1;border:none;background:transparent;outline:none;font-size:14.5px;padding:2px 0}.linerow.done .titletext{text-decoration:line-through;color:var(--ink-soft)}.chk{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:19px;height:19px;border:2px solid var(--line-strong);border-radius:50%;background:#fff;cursor:pointer;flex-shrink:0;position:relative}.chk:checked{background:var(--green);border-color:var(--green)}.chk:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:-1px;left:3px;font-weight:700}.bignum{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.addrow{display:flex;gap:8px;margin-top:10px}.addrow input{flex:1}.empty{color:var(--ink-soft);font-size:13.5px;font-style:italic;padding:6px 0}.datenav{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.datenav .title{flex:1}.datenav .arrows{display:flex;gap:6px}.pill{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--paper-dim);color:var(--ink-soft)}.pill.q{background:#e7ebf4;color:var(--navy)}.pill.achieved{background:#e2eee6;color:var(--green)}.pill.habit{background:#f0e8d8;color:var(--gold)}.pill.streak{background:var(--accent-soft);color:var(--accent)}.goalcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s}.goalcard:hover{border-color:var(--navy-soft)}.goalcard h3{font-size:16.5px;margin-bottom:6px}.goalcard .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.goalgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 760px){.goalgrid{grid-template-columns:1fr}}.qtabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.qtabs button{border:1px solid var(--line-strong);background:transparent;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--ink-soft)}.qtabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.iwgrid-wrap{overflow-x:auto}.iwgrid{display:grid;grid-template-columns:52px repeat(7,minmax(96px,1fr));border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:#fff;min-width:760px}.iwcell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:34px;font-size:11px;padding:1px 3px;cursor:pointer;position:relative}.iwcell:hover{background:var(--paper-dim)}.iwhead{background:var(--navy);color:#f4efe4;font-size:11.5px;font-weight:600;text-align:center;padding:8px 2px;border-right:1px solid var(--navy-soft)}.iwtime{font-size:10.5px;color:var(--ink-soft);text-align:right;padding:2px 6px 0 0;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.iwblock{border-radius:3px;padding:2px 5px;font-weight:600;overflow:hidden;height:100%}.cat-work{background:#dbe4f2;color:#24395e}.cat-self{background:#e2eee6;color:#2f5c40}.cat-family{background:#f6e3d2;color:#8a5222}.cat-rest{background:#ece5f2;color:#533a6b}.cat-other{background:#eee9dc;color:#6b6357}.streakrow{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.streakdot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-strong);background:#fff;font-size:9.5px;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.streakdot.hit{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:20px}.login-card{background:var(--card);border-radius:14px;padding:40px 36px;width:100%;max-width:400px;box-shadow:0 20px 50px #00000059}.login-card h1{font-size:24px;margin-bottom:4px}.login-card .sub{color:var(--ink-soft);font-size:13.5px;margin-bottom:24px}.login-card label{font-size:12.5px;font-weight:600;color:var(--navy);display:block;margin:14px 0 5px}.login-card .btn{width:100%;margin-top:20px;padding:11px}.login-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--ink-soft)}.login-toggle a{color:var(--accent);cursor:pointer;font-weight:600}.login-err{background:var(--accent-soft);color:var(--accent);border-radius:7px;padding:9px 12px;font-size:13px;margin-top:14px}.login-ok{background:#e2eee6;color:var(--green);border-radius:7px;padding:9px 12px;font-size:13px;margin-top:14px}.savestate{font-size:11.5px;color:var(--ink-soft)}.ritualgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.ritualgrid{grid-template-columns:1fr}}.ritualcol h3{font-size:14px;margin-bottom:8px}.notice{background:#fdf3d7;border:1px solid #e8d089;color:#7a611c;border-radius:8px;padding:12px 16px;font-size:13.5px;margin-bottom:20px}:root{--viz-blue: #2a78d6;--viz-ghost: #cfdcef;--viz-gray: #898781;--viz-grid: #e1e0d9;--viz-axis: #c3c2b7;--viz-good: #0ca30c}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 860px){.statrow{grid-template-columns:repeat(2,1fr)}}.stattile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stattile-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.stattile-value{font-family:var(--sans);font-size:30px;font-weight:700;color:var(--navy);line-height:1.25;margin-top:2px}.stattile-sub{font-size:12px;color:var(--ink-soft)}.viz-wrap{overflow-x:auto}.viz{width:100%;height:auto;display:block}.viz-grid{stroke:var(--viz-grid);stroke-width:1}.viz-axis{stroke:var(--viz-axis);stroke-width:1}.viz-tick{font-family:var(--sans);font-size:9px;fill:var(--viz-gray)}.viz-bar{fill:var(--viz-blue)}.viz-bar-ghost{fill:var(--viz-ghost)}.viz-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.viz-key{font-size:12px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px}.viz-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.viz-note{font-size:12.5px;color:var(--ink-soft);margin:10px 0 0}.split-track{display:flex;height:26px;border-radius:6px;overflow:hidden;background:var(--paper-dim);gap:2px}.split-big3{background:var(--viz-blue);border-radius:4px 0 0 4px}.split-other{background:var(--viz-gray);opacity:.55;border-radius:0 4px 4px 0}.hbars{display:flex;flex-direction:column;gap:10px}.hbar-row{display:grid;grid-template-columns:minmax(90px,160px) 1fr 56px;align-items:center;gap:10px}.hbar-label{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-link{text-decoration:none;color:var(--navy);font-weight:500}.goal-link:hover{text-decoration:underline}.hbar-track{height:12px;background:var(--paper-dim);border-radius:6px;overflow:hidden}.hbar-fill{height:100%;background:var(--viz-blue);border-radius:6px;min-width:2px;transition:width .3s}.hbar-val{font-size:12px;color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.ai-zone{margin-top:12px}.ai-btn{color:var(--accent);border-color:var(--accent-soft)}.ai-btn:hover{background:var(--accent-soft)}.ai-panel{margin-top:10px;background:#f6f2e9;border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.ai-note{font-size:13px;color:var(--ink);font-style:italic;margin:0}.ai-sug{display:flex;gap:10px;align-items:flex-start}.ai-sug .grow{flex:1}.ai-sug-title{font-size:13.5px;font-weight:500}.ai-sug-reason{font-size:12px;color:var(--ink-soft)}.ai-error{margin-top:8px;font-size:12.5px;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:8px 10px}.rollover{background:#f4f1e8}.tabbar,.more-backdrop,.more-sheet{display:none}@media (max-width: 640px){body{font-size:15px}.page{padding:16px 12px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.topbar{padding:0 14px;padding-top:env(safe-area-inset-top);gap:10px;position:sticky;top:0;z-index:30}.brand{padding:12px 0;font-size:16px}.nav,.topbar .signout,.topbar .gear{display:none}.page-title{font-size:21px}.card{padding:14px;border-radius:12px}.datenav{flex-direction:column;align-items:stretch;gap:10px}.datenav .arrows{width:100%}.datenav .arrows .btn{flex:1;min-height:42px}.btn{min-height:42px}.btn.danger,.btn.small{min-height:36px}.chk{width:23px;height:23px}.chk:checked:after{font-size:14px;left:4.5px}.linerow{padding:11px 2px}.addrow{flex-wrap:wrap}.addrow input{min-width:0}.stattile-value{font-size:24px}.hbar-row{grid-template-columns:minmax(70px,110px) 1fr 52px}.streakdot{width:34px;height:34px}.grid2,.stack{gap:12px}.text-input,textarea.text-input,.linerow input[type=text],select.text-input,input[type=date],input[type=time],input[type=number]{font-size:16px}.today-grid{display:flex;flex-direction:column}.today-grid>.stack{display:contents}.today-grid .m-1{order:1}.today-grid .m-2{order:2}.today-grid .m-3{order:3}.today-grid .m-4{order:4}.today-grid .m-5{order:5}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--navy);border-top:1px solid var(--navy-soft);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px #131c3140}.tabbar a,.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;background:none;border:none;color:#8e99b8;text-decoration:none;font-size:10.5px;font-weight:600;letter-spacing:.02em}.tabbar a.active,.tabbar button.active{color:#e8c876}.tabbar svg{display:block}.more-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#131c3173;z-index:41}.more-sheet{display:flex;flex-direction:column;position:fixed;left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:42;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #131c3159;overflow:hidden}.more-sheet a,.more-sheet button{padding:15px 18px;font-size:15.5px;font-weight:500;color:var(--navy);text-decoration:none;text-align:left;background:none;border:none;border-bottom:1px solid var(--line)}.more-sheet a:active,.more-sheet button:active{background:var(--paper-dim)}.more-sheet button:last-child{border-bottom:none;color:var(--accent)}}