:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#687386;--border:#dfe4ec;--accent:#315efb;--danger:#b42318;--soft:#edf2ff}@media(prefers-color-scheme:dark){:root{--bg:#0f131c;--card:#171d29;--text:#f3f6fb;--muted:#9aa6b8;--border:#2a3445;--accent:#7c9cff;--soft:#202b48}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}header .title{min-width:0}header h1{font-size:1.05rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header small{display:block;color:var(--muted);font-size:.72rem}.badge{font-size:.75rem;padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);white-space:nowrap}.badge.personal{border-color:#d9b45d}.badge.sensitive{border-color:#d87373}main{max-width:820px;margin:0 auto;padding:24px 16px 105px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.07)}.card h2{margin:0 0 14px;font-size:1.25rem}.card h4{margin:12px 0 4px}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;margin:7px 0 14px;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}textarea{min-height:150px;resize:vertical}.tall{min-height:330px}button,.btn,.file-btn{border:0;border-radius:14px;padding:12px 16px;background:var(--accent);color:white;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.danger{color:var(--danger)}.small{padding:8px 11px;font-size:.82rem}.stack label{display:block}.inline-form,.grid-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.grid-form{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}.grid-form button{margin-bottom:14px}.row,.record{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--border);padding:12px 0}.row label{flex:1}.row input[type=checkbox]{width:auto;margin:0 8px 0 0}.record-main,.record>div:first-child{min-width:0;flex:1}.record strong,.record small{display:block}.record small{color:var(--muted);margin-top:3px}.record p{margin:.45rem 0}.record a{display:inline-block;margin-top:7px;color:var(--accent)}.icon-btn{width:38px;height:38px;padding:0;border-radius:12px;background:transparent;color:var(--muted);border:1px solid var(--border);flex:0 0 auto}.done{text-decoration:line-through;color:var(--muted)}.dim{opacity:.58}.big{font-size:2.1rem;font-weight:850;letter-spacing:-.045em;margin:18px 0}.counter{font-size:6rem;text-align:center;font-weight:900;letter-spacing:-.08em}.clock{font-variant-numeric:tabular-nums}.controls,.grid2,.grid3,.stats,.score{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid3{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:14px 0}.stats>div{background:var(--soft);padding:14px;border-radius:16px}.stats strong,.stats small{display:block}.stats small{color:var(--muted);margin-top:4px}.muted,.empty{color:var(--muted);font-size:.9rem}.empty{text-align:center;padding:24px 8px}.preline{white-space:pre-line}.mono,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;white-space:pre-wrap}.calc{font-size:1.25rem}.progress{margin:16px 0}.progress span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:6px}.progress>div{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .25s}.big-progress>div{height:12px}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:12px}.matrix section{background:var(--soft);padding:14px;border-radius:16px}.matrix h3{font-size:.9rem;margin:0 0 8px}.preview{min-height:330px;border:1px solid var(--border);border-radius:14px;padding:14px;overflow:auto}.preview h1,.preview h2,.preview h3{margin:.6em 0 .25em}#draw{display:block;width:100%;aspect-ratio:3/2;background:white;border:1px solid var(--border);border-radius:16px;touch-action:none}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:12px 0}.denom{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.denom input{margin:6px 0}.callout{padding:14px;border-radius:16px;background:var(--soft);margin:12px 0}.breath{width:220px;height:220px;border-radius:50%;background:var(--soft);margin:22px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 4s ease;background-color 4s ease}.breath:not(.out){transform:scale(1.12)}.breath.out{transform:scale(.82)}.breath strong{font-size:3rem}.score section{background:var(--soft);border-radius:18px;padding:14px;text-align:center}.score strong{display:block;font-size:4rem}.mini-actions{display:flex;gap:7px}.app-utility{position:fixed;z-index:30;bottom:10px;left:50%;transform:translateX(-50%);width:min(900px,calc(100vw - 20px));display:flex;gap:7px;align-items:center;justify-content:center;padding:9px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.16);overflow:auto}.app-utility a,.app-utility button,.app-utility .file-btn{font-size:.78rem;padding:9px 11px;white-space:nowrap}.app-utility a{background:var(--accent);color:#fff;border-radius:12px;text-decoration:none;font-weight:750}.toast{position:fixed;z-index:60;top:76px;left:50%;transform:translate(-50%,-10px);background:#111827;color:white;padding:10px 14px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}audio{max-width:100%;margin-top:8px}@media(max-width:620px){.grid2,.grid3,.controls,.score,.matrix{grid-template-columns:1fr}.big{font-size:1.75rem}.card{padding:16px;border-radius:20px}.app-utility{justify-content:flex-start}.counter{font-size:4.8rem}.inline-form{grid-template-columns:1fr}.inline-form button{margin-bottom:8px}}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.photo-grid article{position:relative;background:var(--soft);padding:10px;border-radius:16px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.photo-grid strong,.photo-grid small{display:block;margin-top:5px}.flashcard{min-height:220px;border-radius:22px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer}.flashcard strong{font-size:2rem;margin:15px 0}.flashcard span,.flashcard small{color:var(--muted)}.alphabet{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:7px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kanban section{background:var(--soft);border-radius:16px;padding:10px}.kanban section>article{background:var(--card);padding:10px;border-radius:12px;margin:8px 0}.kanban select{margin:8px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:8px;text-align:left}.diff{font-family:ui-monospace,monospace;padding:5px 8px;border-radius:5px;margin:2px 0}.diff.del{background:color-mix(in srgb,#d92d20 12%,transparent)}.diff.add{background:color-mix(in srgb,#12b76a 12%,transparent)}.swatch,.gradient{height:160px;border-radius:18px;border:1px solid var(--border);margin:14px 0}.palette{display:grid;grid-template-columns:repeat(5,1fr);height:200px;border-radius:18px;overflow:hidden;margin-top:14px}.palette div{display:flex;align-items:flex-end;justify-content:center;padding:8px}.palette span{font-size:.7rem;background:rgba(255,255,255,.8);color:#111;padding:3px 5px;border-radius:6px}@media(max-width:700px){.kanban{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}}

/* AP08 */
.print-card{margin:18px 0;padding:28px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--card),var(--soft));min-height:220px;display:flex;flex-direction:column;justify-content:center}.print-card h1{font-size:2rem;margin:.2em 0}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bingo-grid input{margin:0;min-width:0;text-align:center;padding:10px 6px}.table{border:1px solid var(--border);border-radius:16px;padding:0 12px}.clock.big{min-height:180px;font-size:3rem}.vote{flex:0 0 auto}.record .big{margin:0}.grid2 .clock{width:100%}@media print{body{background:#fff;color:#111}body>*:not(main){display:none!important}main{max-width:none;padding:0}.card{border:0;box-shadow:none;padding:0}.card>*:not(.print-card){display:none!important}.print-card{display:flex!important;border:1px solid #bbb;background:#fff;color:#111;min-height:90vh;border-radius:0}}@media(max-width:620px){.bingo-grid{gap:3px}.bingo-grid input{padding:8px 3px;font-size:.8rem}.clock.big{min-height:130px;font-size:2.4rem}}

/* AP09 specialty engines */
.media-canvas{display:block;width:100%;max-height:70vh;object-fit:contain;background:#0b1020;border:1px solid var(--border);border-radius:18px;margin:14px 0}.qr-box{min-height:280px;display:grid;place-items:center;padding:16px;background:#fff;border-radius:18px;margin:14px 0}.qr-box img,.qr-box canvas{max-width:100%}.barcode-box{background:#fff;border-radius:18px;padding:12px;overflow:auto;margin:14px 0}.slide-box{min-height:320px;display:grid;place-items:center;background:#0b1020;border-radius:18px;overflow:hidden}.slide-box img{max-width:100%;max-height:65vh;object-fit:contain}.linkbio{display:grid;gap:10px;text-align:center;background:linear-gradient(145deg,var(--soft),var(--card));padding:24px;border-radius:22px;margin-top:18px}.linkbio a{display:block;padding:13px 16px;border-radius:14px;background:var(--accent);color:#fff;text-decoration:none;font-weight:750}.sudoku,.minegrid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;max-width:520px;margin:14px auto}.sudoku>*{aspect-ratio:1;display:grid;place-items:center;text-align:center;margin:0;border-radius:4px;padding:2px}.sudoku span{background:var(--soft);font-weight:800}.sudoku input.bad{outline:2px solid var(--danger)}.wordgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:560px;margin:14px auto}.wordgrid button,.memory button,.slidegrid button,.ttt button,.connect4 button,.minegrid button,.nonogram button,.seqgrid button{padding:0;aspect-ratio:1;border-radius:10px;background:var(--soft);color:var(--text);border:1px solid var(--border)}.wordgrid button.selected,.seqgrid button.selected{background:var(--accent);color:#fff}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:14px auto}.memory button{font-size:2rem}.mergegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:14px auto}.mergegrid span{aspect-ratio:1;display:grid;place-items:center;background:var(--soft);border-radius:14px;font-size:1.6rem;font-weight:850}.dpad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slidegrid,.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:460px;margin:14px auto}.slidegrid button,.ttt button{font-size:2rem}.slidegrid .blank{opacity:.18}.minegrid button{border-radius:4px;font-size:.75rem}.minegrid button.open{background:var(--card)}.connect4{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:560px;margin:14px auto}.connect4 button{font-size:1.6rem;border-radius:50%}.connect4 .p1{color:#f04438}.connect4 .p2{color:#fdb022}.reaction{min-height:260px;width:100%;font-size:2.2rem}.seqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:420px;margin:16px auto}.seqgrid button{font-size:2rem}.nonogram{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:420px;margin:14px auto}.nonogram button.on{background:var(--text)}
@media(max-width:620px){.memory{grid-template-columns:repeat(4,1fr)}.wordgrid button{font-size:.8rem}.sudoku input{font-size:.9rem}.connect4 button{font-size:1.2rem}.reaction{min-height:200px}}

/* AP10 final specialist engines */
.crossword-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:560px;margin:16px auto;background:#111;padding:2px;border-radius:10px}.crossword-grid input{aspect-ratio:1;margin:0;border-radius:2px;padding:0;text-align:center;text-transform:uppercase;font-weight:800;background:var(--card)}.sign-card details{margin-top:7px}.poll-vote{display:flex;width:100%;justify-content:space-between;margin:8px 0;background:var(--soft);color:var(--text);border:1px solid var(--border)}.portfolio-view{display:grid;gap:14px}.portfolio-view>article{padding:16px;border-radius:16px;background:var(--soft)}.error{color:var(--danger);font-weight:700}.controls button[disabled],button[disabled]{opacity:.55;cursor:wait}@media(max-width:620px){.crossword-grid input{font-size:.75rem}}

/* AP13 central ad operations */
.pwastore-ad{margin:18px auto;max-width:760px;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.92);display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(15,23,42,.08)}.pwastore-ad-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.62}.pwastore-ad-copy{flex:1}.pwastore-ad-copy strong{display:block;font-size:16px}.pwastore-ad-copy p{margin:4px 0 9px}.pwastore-ad-cta{display:inline-flex;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-weight:700}.pwastore-ad-image img{width:96px;height:72px;object-fit:cover;border-radius:12px}@media(max-width:560px){.pwastore-ad{align-items:flex-start}.pwastore-ad-image img{width:72px;height:60px}}
/* AP14 expanded games */
.game-canvas{display:block;width:min(100%,520px);height:auto;margin:14px auto;background:#0b1220;border:1px solid var(--border);border-radius:18px}.dpad-3{grid-template-columns:repeat(3,1fr);max-width:360px;margin:12px auto}.board8{display:grid;grid-template-columns:repeat(8,1fr);max-width:560px;margin:14px auto;border:8px solid #6b4f35;border-radius:12px;overflow:hidden}.board8 button{aspect-ratio:1;border:0;border-radius:0;font-size:clamp(1rem,5vw,2rem);background:#d8c39b;color:transparent}.board8 button:nth-child(16n+1),.board8 button:nth-child(16n+3),.board8 button:nth-child(16n+5),.board8 button:nth-child(16n+7),.board8 button:nth-child(16n+10),.board8 button:nth-child(16n+12),.board8 button:nth-child(16n+14),.board8 button:nth-child(16n+16){background:#6d4c33}.board8 button.black{color:#111}.board8 button.white{color:#fff;text-shadow:0 1px 2px #000}.board8 button.selected{outline:4px solid var(--accent);outline-offset:-4px}.hanoi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;min-height:280px}.peg{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:linear-gradient(180deg,transparent 0 90%,var(--border) 90%);border:1px solid var(--border)}.peg span{width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}.peg i{display:block;height:18px;background:var(--accent);border-radius:999px}.peg.selected{outline:3px solid var(--accent)}.lights-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:440px;margin:16px auto}.lights-grid button{aspect-ratio:1;border-radius:14px;background:#172033;border:1px solid var(--border)}.lights-grid button.on{background:#fde047;box-shadow:0 0 22px #fde04788}.latin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:420px;margin:14px auto}.latin-grid input,.latin-grid span{aspect-ratio:1;text-align:center;display:grid;place-items:center;font-size:1.35rem;border-radius:10px;background:var(--soft);border:1px solid var(--border)}.latin-grid input.bad{outline:2px solid var(--danger)}.kakuro-head{display:flex;gap:8px;flex-wrap:wrap}.kakuro-head span{padding:7px 10px;background:var(--soft);border-radius:9px}.hitori-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:420px;margin:14px auto}.hitori-grid button{aspect-ratio:1}.hitori-grid button.on{background:#111;color:#fff}.peg-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:500px;margin:14px auto}.peg-grid>*{aspect-ratio:1}.peg-grid span{visibility:hidden}.peg-grid button{border-radius:50%;background:var(--soft)}.peg-grid button.on{background:var(--accent);color:#fff}.peg-grid button.selected{outline:3px solid #f59e0b}.dots-boxes{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;max-width:520px;margin:14px auto;align-items:center}.dots-boxes>*{aspect-ratio:1}.dots-boxes .dot{width:10px;height:10px;border-radius:50%;background:var(--text);place-self:center}.dots-boxes .edge{background:transparent;border:0}.dots-boxes .edge.h{height:9px;align-self:center}.dots-boxes .edge.v{width:9px;justify-self:center}.dots-boxes .edge.on{background:var(--accent)}.dots-boxes .box{display:grid;place-items:center;background:var(--soft);font-weight:800}.dots-boxes .box.p1{background:#bfdbfe}.dots-boxes .box.p2{background:#fecaca}.nim-pile{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.nim-pile div{font-size:1.35rem;letter-spacing:.15em}.battle-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-width:520px;margin:14px auto}.battle-grid button{aspect-ratio:1;background:#0ea5e9;border:0;border-radius:5px;color:#fff}.battle-grid button.miss{background:#cbd5e1;color:#475569}.battle-grid button.hit{background:#ef4444}.flood-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;max-width:520px;margin:14px auto}.flood-grid span{aspect-ratio:1}.c0{background:#ef4444!important}.c1{background:#3b82f6!important}.c2{background:#22c55e!important}.c3{background:#eab308!important}.c4{background:#a855f7!important}.color-btn{min-width:48px;color:#fff}.wordguess{display:grid;gap:6px;margin-top:14px}.wordguess>div{display:flex;gap:6px;justify-content:center}.wordguess span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;font-weight:850;background:#64748b;color:#fff}.wordguess span.good{background:#16a34a}.wordguess span.near{background:#ca8a04}.wordguess span.bad{background:#475569}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);max-width:520px;margin:14px auto;border:5px solid #6b4f35}.chess-board span{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(1rem,5vw,2.2rem)}.chess-board .light{background:#f0d9b5}.chess-board .dark{background:#b58863}

/* AP17 Deep App UX */
html[data-theme="light"]{color-scheme:light;--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#687386;--border:#dfe4ec;--accent:#315efb;--danger:#b42318;--soft:#edf2ff}html[data-theme="dark"]{color-scheme:dark;--bg:#0f131c;--card:#171d29;--text:#f3f6fb;--muted:#9aa6b8;--border:#2a3445;--accent:#7c9cff;--soft:#202b48}html[data-font="small"]{font-size:90%}html[data-font="large"]{font-size:115%}.app-shell-main{max-width:920px;margin:0 auto;padding:24px 16px 150px}.app-shell-main>#app-root{max-width:none;margin:0;padding:0}.app-experience-card{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--accent) 6%),var(--card));border:1px solid color-mix(in srgb,var(--border) 75%,var(--accent) 25%);border-radius:26px;padding:22px;margin-bottom:18px;box-shadow:0 14px 42px rgba(0,0,0,.06)}.app-experience-top{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.app-experience-top h2{margin:4px 0 0;font-size:1.35rem}.experience-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--accent)}.experience-benefit{margin:14px 0 0;line-height:1.62;color:var(--muted)}.experience-details{margin-top:18px;border-top:1px solid var(--border);padding-top:18px}.experience-details h3{font-size:.92rem;margin:0 0 9px}.experience-details ol,.experience-details ul{margin:0;padding-left:21px;display:grid;gap:7px;color:var(--muted);line-height:1.5}.experience-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.privacy-note{margin-top:18px;padding:13px 15px;background:var(--soft);border-radius:14px;color:var(--muted);line-height:1.5}.privacy-note strong{color:var(--text)}
.app-ad-zone{position:sticky;bottom:88px;z-index:25;margin:22px auto 0;max-width:820px;padding:8px;border-radius:22px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(15,23,42,.18);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.app-ad-zone-label{text-transform:uppercase;font-size:.63rem;letter-spacing:.13em;font-weight:900;color:var(--muted);padding:2px 8px 5px}.app-ad-zone .pwastore-ad{margin:0!important;max-width:none!important;border-radius:16px!important;box-shadow:none!important}.app-ad-zone .pwastore-ad-label{display:none}
.app-modal{position:fixed;inset:0;z-index:100;background:rgba(9,15,28,.66);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.app-modal.open{display:flex}.app-modal-card{width:min(780px,100%);max-height:88vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.app-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.app-modal-head h2{font-size:1.15rem;margin:0}.app-modal-body{padding:20px}.guide-block{margin-bottom:20px}.guide-block h3,.guide-cols h3{font-size:.94rem;margin:0 0 8px}.guide-block p,.guide-block li,.guide-cols li{color:var(--muted);line-height:1.55}.guide-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history-list{display:grid;gap:8px}.history-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px}.history-list strong,.history-list small{display:block}.history-list small{color:var(--muted)}.checkline{display:flex!important;gap:10px;align-items:center;padding:7px 0}.checkline input{width:auto;margin:0}.usage-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding:14px;background:var(--soft);border-radius:14px}.usage-stats strong{width:100%}.usage-stats span{font-size:.78rem;color:var(--muted)}
.record-pro-tools,.checklist-toolbar{display:grid;grid-template-columns:1fr 190px auto;gap:8px;align-items:center;margin:18px 0}.record-pro-tools input,.record-pro-tools select,.checklist-toolbar input,.checklist-toolbar select{margin:0}.record-actions{display:flex;gap:5px}.record-actions .icon-btn{width:34px;height:34px}.checklist-add{display:grid;grid-template-columns:1fr 170px 160px auto;gap:8px;align-items:end}.checklist-add input,.checklist-add select{margin:7px 0 0}.checklist-row small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}.checklist-row.is-done{opacity:.68}.calc-history-item{width:100%;display:flex;justify-content:space-between;gap:12px;margin:6px 0;text-align:left}.calc-history-item span{overflow:hidden;text-overflow:ellipsis}.flash-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.game-session-card{margin-top:16px}.compact-mode .card{padding:14px;border-radius:17px}.compact-mode .row,.compact-mode .record{padding:8px 0}.compact-mode input,.compact-mode textarea,.compact-mode select{padding:9px 10px;margin:5px 0 9px}.compact-mode .app-experience-card{padding:16px;border-radius:19px}
@media(max-width:720px){.experience-columns,.guide-cols{grid-template-columns:1fr}.app-experience-top{display:block}.app-experience-top button{margin-top:12px}.record-pro-tools,.checklist-toolbar,.checklist-add{grid-template-columns:1fr}.app-ad-zone{bottom:80px;margin-left:0;margin-right:0}.app-shell-main{padding:16px 12px 155px}.app-utility{bottom:8px}.app-modal{padding:8px}.app-modal-card{max-height:94vh;border-radius:20px}}

@media print{.app-experience-card,.app-ad-zone,.app-utility{display:none!important}}

/* AP18 Design Foundation 2.0 ------------------------------------------------ */
:root{--pwa-bg:var(--bg);--pwa-surface:var(--card);--pwa-surface-2:var(--soft);--pwa-text:var(--text);--pwa-muted:var(--muted);--pwa-accent:var(--accent);--pwa-accent-2:#7658ff;--pwa-line:var(--border);--pwa-radius:24px;--pwa-elev:0 18px 45px rgba(18,32,56,.10);--pwa-space-scale:1}
body{background:radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--pwa-accent) 14%,transparent),transparent 30rem),radial-gradient(circle at 95% 8%,color-mix(in srgb,var(--pwa-accent-2) 12%,transparent),transparent 28rem),var(--pwa-bg);color:var(--pwa-text);line-height:1.45}
body,button,input,textarea,select{font-feature-settings:"cv02","cv03","cv04","cv11"}
.app-hero-header{position:sticky;top:0;z-index:35;min-height:86px;padding:12px max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--pwa-bg) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--pwa-line) 88%,transparent);backdrop-filter:blur(24px) saturate(155%);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.app-hero-identity{display:flex;align-items:center;gap:14px;min-width:0}.app-hero-icon{width:56px;height:56px;border-radius:18px;box-shadow:0 12px 28px color-mix(in srgb,var(--pwa-accent) 22%,transparent);flex:0 0 auto}.app-hero-kicker{display:block;color:var(--pwa-accent);font-weight:850;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.app-hero-header h1{font-size:clamp(1.05rem,3vw,1.35rem);letter-spacing:-.025em;margin:2px 0}.app-hero-header small{color:var(--pwa-muted)}.app-hero-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.badge.quality{background:color-mix(in srgb,var(--pwa-accent) 10%,var(--pwa-surface));color:var(--pwa-accent);border-color:color-mix(in srgb,var(--pwa-accent) 25%,var(--pwa-line))}
.app-shell-main{max-width:1060px;padding-top:26px}.card,.app-experience-card{background:color-mix(in srgb,var(--pwa-surface) 96%,transparent);border-color:var(--pwa-line);border-radius:var(--pwa-radius);box-shadow:var(--pwa-elev)}.card{padding:calc(22px * var(--pwa-space-scale));overflow:hidden}.card h2{font-size:clamp(1.2rem,3vw,1.5rem);letter-spacing:-.03em}.muted,.empty{color:var(--pwa-muted)}
button,.btn,.file-btn{min-height:44px;border-radius:calc(var(--pwa-radius) * .58);background:linear-gradient(135deg,var(--pwa-accent),color-mix(in srgb,var(--pwa-accent-2) 68%,var(--pwa-accent)));box-shadow:0 8px 18px color-mix(in srgb,var(--pwa-accent) 16%,transparent);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover,.btn:hover,.file-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px color-mix(in srgb,var(--pwa-accent) 22%,transparent);filter:saturate(1.05)}button:active,.btn:active{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--pwa-accent) 58%,#fff);outline-offset:3px}.ghost{background:color-mix(in srgb,var(--pwa-surface-2) 82%,transparent);color:var(--pwa-text);border:1px solid var(--pwa-line);box-shadow:none}.ghost:hover{background:color-mix(in srgb,var(--pwa-accent) 10%,var(--pwa-surface))}
input,textarea,select{min-height:44px;background:color-mix(in srgb,var(--pwa-surface) 84%,var(--pwa-bg));border-color:var(--pwa-line);color:var(--pwa-text);border-radius:calc(var(--pwa-radius) * .58)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--pwa-muted) 72%,transparent)}.record,.row{border-color:var(--pwa-line)}.record{padding:14px 12px;margin:8px 0;border:1px solid var(--pwa-line);border-radius:calc(var(--pwa-radius) * .64);background:color-mix(in srgb,var(--pwa-surface-2) 44%,var(--pwa-surface));transition:border-color .15s,transform .15s}.record:hover{border-color:color-mix(in srgb,var(--pwa-accent) 35%,var(--pwa-line));transform:translateY(-1px)}
.app-experience-card{position:relative;overflow:hidden}.app-experience-card:before{content:"";position:absolute;inset:0 auto auto 0;width:6px;height:100%;background:linear-gradient(var(--pwa-accent),var(--pwa-accent-2))}.experience-kicker{color:var(--pwa-accent)}.privacy-note,.callout,.stats>div,.matrix section{background:var(--pwa-surface-2);border:1px solid var(--pwa-line)}
.settings-section{padding:16px;border:1px solid var(--pwa-line);background:color-mix(in srgb,var(--pwa-surface-2) 55%,var(--pwa-surface));border-radius:calc(var(--pwa-radius) * .75)}.settings-section h3{margin:0 0 12px}.mini-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-theme{padding:8px;background:var(--pwa-surface);color:var(--pwa-text);border:1px solid var(--pwa-line);box-shadow:none;text-align:left}.mini-theme.active{outline:3px solid var(--pwa-accent);outline-offset:1px}.mini-theme span{height:48px;display:block;border-radius:11px;background:linear-gradient(135deg,var(--tbg) 0 44%,var(--ts) 44% 68%,var(--ta) 68% 84%,var(--tb) 84%)}.mini-theme b{display:block;margin-top:6px;font-size:.76rem}.custom-color-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.custom-color-row label{font-size:.7rem;color:var(--pwa-muted)}.custom-color-row input[type=color]{padding:3px;height:44px}.settings-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.premium-design-lock{background:linear-gradient(135deg,color-mix(in srgb,#f4c95d 18%,var(--pwa-surface)),var(--pwa-surface))}
.pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pro-stats article{padding:16px;border:1px solid var(--pwa-line);border-radius:16px;background:var(--pwa-surface-2);text-align:center}.pro-stats b{display:block;font-size:1.6rem}.pro-stats span{font-size:.75rem;color:var(--pwa-muted)}.achievement-grid,.feature-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.achievement,.feature-chip{padding:8px 10px;border-radius:999px;background:var(--pwa-surface-2);border:1px solid var(--pwa-line);font-size:.78rem;color:var(--pwa-muted)}.achievement.on,.feature-chip.on{color:var(--pwa-text);border-color:color-mix(in srgb,var(--pwa-accent) 34%,var(--pwa-line));background:color-mix(in srgb,var(--pwa-accent) 9%,var(--pwa-surface))}.roadmap{margin-top:14px;padding:12px;border:1px dashed var(--pwa-line);border-radius:14px}.roadmap summary{font-weight:800;cursor:pointer}
.app-utility{border-color:var(--pwa-line);background:color-mix(in srgb,var(--pwa-surface) 90%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.20)}.app-ad-zone{bottom:96px;border:2px solid color-mix(in srgb,var(--pwa-accent) 22%,var(--pwa-line));background:color-mix(in srgb,var(--pwa-surface) 97%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.20)}.app-ad-zone-label{color:var(--pwa-text);opacity:.7}
/* Sudoku AP18 flagship */
.sudoku-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:900;color:var(--pwa-accent)}.sudoku-metrics{display:flex;gap:7px;flex-wrap:wrap}.sudoku-metrics span{padding:8px 10px;border-radius:999px;background:var(--pwa-surface-2);border:1px solid var(--pwa-line);font-variant-numeric:tabular-nums}.sudoku-controlbar,.sudoku-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:14px 0}.sudoku-controlbar label{min-width:150px}.sudoku-controlbar select{margin:4px 0 0}.sudoku-controlbar .active,.sudoku-actions .active{background:linear-gradient(135deg,var(--pwa-accent),var(--pwa-accent-2));color:#fff}.sudoku-pro{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,650px);aspect-ratio:1;margin:18px auto;border:3px solid var(--pwa-text);border-radius:16px;overflow:hidden;background:var(--pwa-surface)}.sdk-cell{position:relative;min-height:0;aspect-ratio:1;padding:0;border:0;border-right:1px solid var(--pwa-line);border-bottom:1px solid var(--pwa-line);border-radius:0;background:var(--pwa-surface);color:var(--pwa-accent);box-shadow:none;font-size:clamp(1rem,4vw,2.05rem)}.sdk-cell:hover{transform:none;background:color-mix(in srgb,var(--pwa-accent) 8%,var(--pwa-surface))}.sdk-cell.fixed{color:var(--pwa-text);font-weight:900;background:color-mix(in srgb,var(--pwa-surface-2) 70%,var(--pwa-surface))}.sdk-cell.peer{background:color-mix(in srgb,var(--pwa-accent) 6%,var(--pwa-surface))}.sdk-cell.same{background:color-mix(in srgb,var(--pwa-accent) 13%,var(--pwa-surface))}.sdk-cell.selected{background:color-mix(in srgb,var(--pwa-accent) 22%,var(--pwa-surface));outline:3px solid var(--pwa-accent);outline-offset:-3px;z-index:2}.sdk-cell.error strong{color:#d92d20}.sdk-cell.box-r{border-right:3px solid var(--pwa-text)}.sdk-cell.box-b{border-bottom:3px solid var(--pwa-text)}.candidates{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.candidates i{display:grid;place-items:center;font-size:clamp(.42rem,1.5vw,.72rem);font-style:normal;color:var(--pwa-muted)}.sudoku-keypad{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:650px;margin:10px auto}.sudoku-keypad button{padding:8px;min-width:0;font-size:1.05rem}.sudoku-actions{justify-content:center}.sudoku-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.sudoku-stats article{padding:13px;border-radius:15px;background:var(--pwa-surface-2);border:1px solid var(--pwa-line);text-align:center}.sudoku-stats b,.sudoku-stats span{display:block}.sudoku-stats span{font-size:.72rem;color:var(--pwa-muted)}.sudoku-settings{margin-top:14px;padding:13px 15px;border:1px solid var(--pwa-line);border-radius:15px;background:var(--pwa-surface-2)}.sudoku-settings summary{font-weight:800;cursor:pointer}.sudoku-paused,.sudoku-win{padding:46px 20px;text-align:center;border-radius:18px;background:var(--pwa-surface-2);border:1px solid var(--pwa-line)}.sudoku-paused>span{display:block;font-size:3rem}.sudoku-win{background:linear-gradient(135deg,color-mix(in srgb,#16a34a 14%,var(--pwa-surface)),var(--pwa-surface))}
html[data-pwa-density="compact"]{--pwa-space-scale:.82}.compact-mode{--pwa-space-scale:.82}html[data-pwa-motion="reduced"] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:720px){.app-hero-header{min-height:76px}.app-hero-icon{width:48px;height:48px;border-radius:15px}.app-hero-badges .quality{display:none}.mini-theme-grid{grid-template-columns:repeat(2,1fr)}.custom-color-row,.settings-inline{grid-template-columns:1fr 1fr}.pro-stats,.sudoku-stats{grid-template-columns:repeat(2,1fr)}.sudoku-top{display:block}.sudoku-metrics{margin-top:10px}.sudoku-controlbar{display:grid;grid-template-columns:1fr 1fr}.sudoku-controlbar label{grid-column:1/-1}.sudoku-keypad{grid-template-columns:repeat(5,1fr)}.sudoku-actions{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.custom-color-row,.settings-inline{grid-template-columns:1fr}.sudoku-pro{border-radius:10px}.sdk-cell{font-size:1.35rem}.candidates i{font-size:.48rem}.app-hero-header{padding:10px}.app-hero-icon{width:44px;height:44px}}
/* AP18 market-parity shared pro controls */
.record-pro-tools{display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(130px,auto)) auto auto;gap:10px;align-items:end;margin:18px 0 12px;padding:12px;border:1px solid var(--pwa-line,#dbe3f2);border-radius:18px;background:color-mix(in srgb,var(--pwa-surface,#fff) 92%,var(--pwa-accent,#315efb) 8%)}
.record.is-pinned{border-color:color-mix(in srgb,var(--pwa-accent,#315efb) 55%,var(--pwa-line,#dbe3f2));box-shadow:0 12px 34px color-mix(in srgb,var(--pwa-accent,#315efb) 12%,transparent)}
.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--pwa-surface2,#eef3ff);color:var(--pwa-accent,#315efb);font-size:.76rem;font-weight:750}
.checklist-add{display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:end}.checklist-row .record-actions{display:flex;gap:6px;align-items:center}
.flash-rating{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.flash-rating button{min-height:46px}.flash-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flash-toolbar #study-stats{margin-inline-start:auto;font-weight:750;color:var(--pwa-muted,#60708b)}
#pwastore-pro-center .market-card,.market-card{border:1px solid var(--pwa-line,#dbe3f2);border-radius:20px;padding:16px;background:var(--pwa-surface,#fff)}
@media(max-width:780px){.record-pro-tools{grid-template-columns:1fr 1fr}.record-pro-tools #record-search{grid-column:1/-1}.checklist-add{grid-template-columns:1fr 1fr}.checklist-add #new{grid-column:1/-1}.flash-rating{grid-template-columns:1fr 1fr}}
/* AP18 family depth packs */
.habit-card,.recipe-card{border:1px solid var(--pwa-line,#dbe3f2);border-radius:22px;padding:16px;margin:12px 0;background:var(--pwa-surface,#fff);box-shadow:0 12px 32px color-mix(in srgb,var(--pwa-text,#172033) 6%,transparent)}
.habit-head,.recipe-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.habit-stats{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:var(--pwa-muted,#60708b);font-size:.85rem;font-weight:750}.habit-heat{display:grid;grid-template-columns:repeat(28,minmax(5px,1fr));gap:3px}.habit-heat i{aspect-ratio:1;border-radius:4px;background:var(--pwa-surface2,#eef3ff);border:1px solid var(--pwa-line,#dbe3f2)}.habit-heat i.hit{background:linear-gradient(135deg,var(--pwa-accent,#315efb),var(--pwa-accent2,#7658ff));border-color:transparent}
.budget-settings{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:14px 0}.budget-settings label{display:grid;gap:6px}.budget-settings label:last-child{grid-template-columns:minmax(140px,1fr) 120px auto;align-items:end}.budget-bars{display:grid;gap:10px;margin:12px 0}.budget-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.budget-bar>i{display:block;height:10px;border-radius:999px;background:var(--pwa-surface2,#eef3ff);overflow:hidden}.budget-bar>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pwa-accent,#315efb),var(--pwa-accent2,#7658ff))}
.recipe-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.recipe-card details{border-top:1px solid var(--pwa-line,#dbe3f2);padding-top:10px}.recipe-card summary{cursor:pointer;font-weight:800}.shopping-list{display:grid;gap:8px}.shopping-list label{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--pwa-surface2,#eef3ff)}
@media(max-width:700px){.habit-heat{grid-template-columns:repeat(14,1fr)}.budget-settings{grid-template-columns:1fr}.budget-settings label:last-child{grid-template-columns:1fr 1fr}.budget-settings label:last-child button{grid-column:1/-1}}

/* AP18 semantic visual identity + configurable FREE prestitial */
.app-hero-header{position:relative;overflow:hidden}.app-hero-header::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,var(--pwa-bg,#f5f7ff) 0%,color-mix(in srgb,var(--pwa-bg,#f5f7ff) 88%,transparent) 56%,transparent 100%),var(--app-cover);background-size:cover;background-position:center;opacity:.18;pointer-events:none}.app-hero-header>*{position:relative;z-index:1}
.pwastore-prestitial{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:clamp(16px,4vw,42px)}.prestitial-backdrop{position:absolute;inset:0;background:rgba(5,9,18,.82);backdrop-filter:blur(14px)}.prestitial-card{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;border:1px solid color-mix(in srgb,var(--pwa-line,#dce3ef) 70%,transparent);border-radius:32px;background:var(--pwa-surface,#fff);color:var(--pwa-text,#172033);box-shadow:0 40px 120px rgba(0,0,0,.38);padding:clamp(18px,4vw,34px)}.prestitial-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.8rem;font-weight:900;letter-spacing:.08em}.prestitial-brand img{width:46px;height:46px;border-radius:14px}.prestitial-content .pwastore-ad{margin:0;max-width:none;box-shadow:none;border-radius:22px;background:var(--pwa-surface2,#f3f6ff)}.prestitial-content .pwastore-ad-video video{display:block;width:min(100%,680px);max-height:50vh;border-radius:18px;background:#000}.prestitial-content .pwastore-ad-custom{width:100%}.prestitial-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--pwa-line,#dce3ef)}.prestitial-actions button,.prestitial-premium{min-height:46px;padding:10px 16px;border-radius:14px;font-weight:850}.prestitial-premium{background:linear-gradient(135deg,var(--pwa-accent,#315efb),var(--pwa-accent2,#7658ff));color:#fff;text-decoration:none}.prestitial-actions button{margin-left:auto;border:1px solid var(--pwa-line,#dce3ef);background:var(--pwa-surface,#fff);color:var(--pwa-text,#172033)}.prestitial-actions button:disabled{opacity:.46;cursor:not-allowed}.prestitial-countdown{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;font-weight:900}.pwastore-prestitial.closing{opacity:0;transition:opacity .18s ease}.pwastore-prestitial.closing .prestitial-card{transform:scale(.98)}@media(max-width:560px){.prestitial-card{border-radius:24px;padding:17px}.prestitial-actions{display:grid;grid-template-columns:1fr auto}.prestitial-actions button{margin-left:0}.prestitial-premium{grid-column:1/-1;text-align:center}}
@media print{.pwastore-prestitial{display:none!important}}

/* AP18 market-parity views: templates, boards, timeline, subtasks */
.template-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.template-tools select{min-width:180px}
.records-layout.board,.checklist-items.board{overflow-x:auto;padding-bottom:8px}.record-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;align-items:start}.record-board-col{background:color-mix(in srgb,var(--pwa-surface2,#edf1ff) 80%,transparent);border:1px solid var(--pwa-line,#dfe5f2);border-radius:20px;padding:12px;min-height:160px}.record-board-col>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px 4px 12px}.record-board-col>header span{min-width:28px;text-align:center;padding:3px 8px;border-radius:999px;background:var(--pwa-surface,#fff)}.record-board-col .record,.record-board-col .checklist-row{margin:0 0 10px;background:var(--pwa-surface,#fff)}
.record-timeline{position:relative;padding-left:24px}.record-timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--pwa-line,#dfe5f2)}.record-timeline>section{position:relative;margin:0 0 22px}.record-timeline>section:before{content:"";position:absolute;left:-22px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--pwa-accent,#315efb);box-shadow:0 0 0 4px var(--pwa-bg,#f5f7ff)}.record-timeline h3{margin:0 0 10px}
.checklist-main{flex:1;min-width:0}.subtask-list{margin:8px 0 0 28px;display:grid;gap:5px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--pwa-surface2,#edf1ff) 72%,transparent)}.subtask-list label{display:flex;gap:8px;align-items:center}.subtask-list small{font-weight:700;color:var(--pwa-muted,#657087)}
@media(max-width:720px){.record-board{grid-auto-columns:minmax(82vw,1fr)}.template-tools>*{flex:1 1 150px}}

/* AP18 tracker/timer parity */
.mini-chart{height:120px;display:flex;align-items:flex-end;gap:4px;padding:12px 8px;margin:10px 0 18px;border-radius:18px;background:color-mix(in srgb,var(--pwa-surface2,#edf1ff) 80%,transparent);overflow:hidden}.mini-chart i{flex:1;min-width:3px;max-width:16px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--pwa-accent2,#7658ff),var(--pwa-accent,#315efb));opacity:.88}.tracker-goal,.timer-presets,.timer-phase{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tracker-goal>label{flex:1 1 180px}.timer-presets{margin:8px 0 12px}.timer-phase{justify-content:center;min-height:24px;font-weight:800;color:var(--pwa-muted,#657087)}

/* AP18 finance parity: multi-month trend */
.ledger-trend{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:10px;align-items:end;margin:12px 0 20px;padding:14px;border:1px solid var(--line,#dfe4ee);border-radius:18px;background:var(--surface2,#f7f9fc)}
.ledger-month-col{text-align:center;min-width:0}.ledger-month-col strong,.ledger-month-col small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-month-col small{font-size:.72rem;color:var(--muted,#667085)}
.ledger-bars{height:78px;display:flex;gap:4px;align-items:flex-end;justify-content:center}.ledger-bars i{display:block;width:11px;border-radius:7px 7px 2px 2px;min-height:3px}.ledger-bars .income{background:color-mix(in srgb,var(--accent,#4f46e5) 75%,#16a34a)}.ledger-bars .expense{background:color-mix(in srgb,var(--accent2,#8b5cf6) 65%,#dc2626)}
@media(max-width:520px){.ledger-trend{gap:5px;padding:10px}.ledger-bars i{width:8px}.ledger-month-col small{font-size:.64rem}}