: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:static!important;inset:auto!important;z-index:auto!important;margin:26px auto 18px!important;max-width:820px;padding:9px;border-radius:22px;background:var(--pwa-surface,var(--card));backdrop-filter:none;box-shadow:0 10px 28px color-mix(in srgb,var(--pwa-text,var(--text)) 8%,transparent);border:1px solid color-mix(in srgb,var(--pwa-accent,var(--accent)) 22%,var(--pwa-line,var(--border)));clear:both;pointer-events:auto}.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;position:static!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}}


/* AP19A: Erklärungen standardmäßig kompakt einklappbar */
.app-experience-card{display:block;margin:14px auto 18px;max-width:1180px;border:1px solid var(--pwa-line,#dfe5f2);border-radius:18px;background:var(--pwa-surface,#fff);overflow:hidden}.app-experience-card>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;cursor:pointer;padding:13px 16px;list-style:none}.app-experience-card>summary::-webkit-details-marker{display:none}.app-experience-card>summary:after{content:"⌄";font-size:1.2rem;font-weight:900;color:var(--pwa-accent,#315efb)}.app-experience-card[open]>summary:after{content:"⌃"}.app-experience-card .experience-kicker{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--pwa-accent,#315efb);font-weight:900}.app-experience-card .experience-summary-hint{font-size:.75rem;color:var(--pwa-muted,#657087)}.app-experience-card .experience-body{padding:0 16px 16px}.app-experience-card .experience-benefit{margin:0 0 14px;line-height:1.55}.app-experience-card .experience-details{display:block!important}.app-experience-card .experience-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-experience-card .privacy-note{margin-top:12px}
/* AP19A: kindgerechte, werbefreie 6–10-Lernapps */
.kids-shell{max-width:900px;margin:0 auto}.kids-safe-note{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;margin-bottom:14px;border:1px solid color-mix(in srgb,#16a34a 30%,var(--pwa-line));border-radius:16px;background:color-mix(in srgb,#16a34a 8%,var(--pwa-surface));font-size:.82rem}.kids-safe-note span{color:var(--pwa-muted)}.kids-top{display:flex;justify-content:space-between;gap:18px;align-items:end}.kids-top h2{margin:.15rem 0}.kids-top label{min-width:145px;font-size:.78rem;color:var(--pwa-muted)}.kids-top select{margin-top:5px}.kids-progress{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:16px 0}.kids-progress span{font-weight:800;font-size:.84rem}.kids-progress progress{width:100%;height:12px;accent-color:var(--pwa-accent)}.kids-question,.kids-finish{padding:clamp(18px,4vw,32px);border:1px solid var(--pwa-line);border-radius:24px;background:linear-gradient(145deg,var(--pwa-surface),color-mix(in srgb,var(--pwa-accent) 5%,var(--pwa-surface)));box-shadow:0 16px 45px color-mix(in srgb,var(--pwa-text) 6%,transparent)}.kids-question h3{font-size:clamp(1.15rem,3vw,1.65rem);line-height:1.45}.kids-question-no{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--pwa-accent)}.kids-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.kids-options button{min-height:54px;font-size:1rem}.kids-input{display:flex;gap:10px;margin:20px 0}.kids-input input{flex:1;min-height:52px;font-size:1.05rem}.kids-input button{min-width:110px}.kids-hint{margin:10px 0;padding:10px 12px;border:1px dashed var(--pwa-line);border-radius:14px}.kids-hint summary,.kids-adult summary,.kids-task details summary{cursor:pointer;font-weight:800}.kids-feedback{margin-top:14px;padding:0;min-height:0}.kids-feedback.good,.kids-feedback.try{padding:14px;border-radius:15px}.kids-feedback.good{background:color-mix(in srgb,#16a34a 10%,var(--pwa-surface));border:1px solid color-mix(in srgb,#16a34a 35%,var(--pwa-line))}.kids-feedback.try{background:color-mix(in srgb,#f59e0b 11%,var(--pwa-surface));border:1px solid color-mix(in srgb,#f59e0b 38%,var(--pwa-line))}.kids-feedback p{margin:5px 0 10px}.kids-memory{font-size:clamp(1.6rem,7vw,3rem);font-weight:950;letter-spacing:.18em;text-align:center;padding:24px;margin:18px 0;border-radius:18px;background:var(--pwa-surface-2)}.kids-task{text-align:center}.kids-task-mark{display:block;font-size:2.4rem}.kids-task details{text-align:left;margin:18px auto;max-width:620px;padding:10px 13px;border:1px dashed var(--pwa-line);border-radius:14px}.kids-answer-actions,.kids-round-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.kids-adult{margin-top:22px;padding:13px 15px;border:1px solid var(--pwa-line);border-radius:16px;background:var(--pwa-surface-2)}.kids-adult .stats{margin:14px 0}.kids-finish{text-align:center}.kids-finish>span{display:block;font-size:3rem;color:#16a34a}.badge.child_directed{background:color-mix(in srgb,#16a34a 15%,var(--pwa-surface));color:#147a35;border-color:color-mix(in srgb,#16a34a 32%,var(--pwa-line))}
@media(max-width:650px){.app-experience-card>summary{grid-template-columns:1fr auto}.app-experience-card .experience-kicker{grid-column:1/-1}.app-experience-card .experience-summary-hint{display:none}.app-experience-card .experience-columns{grid-template-columns:1fr}.kids-safe-note,.kids-top{display:block}.kids-safe-note span{display:block;margin-top:5px}.kids-top label{display:block;margin-top:12px}.kids-options{grid-template-columns:1fr}.kids-input{display:grid;grid-template-columns:1fr}.kids-input button{width:100%}.kids-progress{grid-template-columns:1fr}.kids-progress progress{grid-row:2}}


/* AP19B · MEDIA & FUN TOOLS */
.media-canvas{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:18px;background:var(--surface-2,#111);margin:.8rem 0}.media-player-row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.media-player-row input[type="range"]{flex:1;min-width:140px}.media-track-list{display:grid;gap:.55rem;margin-top:.8rem}.media-track{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.7rem .8rem;border:1px solid var(--line,#d8dbe2);border-radius:14px}.media-track.active{outline:2px solid currentColor}.media-track small{display:block;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-grid{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));gap:.7rem;align-items:end}.eq-grid label{display:grid;gap:.4rem;text-align:center}.eq-grid input{writing-mode:vertical-lr;direction:rtl;height:150px;margin:auto}.media-visualizer,.media-wave{width:100%;height:170px;border-radius:16px;background:var(--surface-2,#111);margin:.7rem 0}.bpm-tap{min-height:120px;font-size:1.35rem;font-weight:800}.media-check{display:flex!important;align-items:center;gap:.5rem}.media-check input{width:auto!important}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.sound-pad{min-height:92px;font-size:1rem;font-weight:800}.ascii-art{font:10px/8px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;max-height:55vh;padding:1rem;border-radius:14px;background:var(--surface-2,#111)}.subtitle-preview{position:relative}.subtitle-preview video{width:100%}.subtitle-overlay{position:absolute;left:6%;right:6%;bottom:8%;text-align:center;color:white;font-weight:800;text-shadow:0 2px 5px #000;font-size:clamp(16px,3vw,28px);pointer-events:none}.subtitle-cues{display:grid;gap:.5rem;max-height:340px;overflow:auto}.subtitle-cue{display:grid;grid-template-columns:110px 110px minmax(0,1fr) auto;gap:.5rem;align-items:center}.media-bookmarks{display:grid;gap:.5rem}.media-bookmarks article{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.media-note{padding:.7rem;border-radius:12px;background:var(--surface-2,#f4f5f7)}progress{width:100%;height:12px}.pixel-grid{image-rendering:pixelated}.media-output-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.media-stack{display:grid;gap:.8rem}.media-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media(max-width:720px){.eq-grid{grid-template-columns:repeat(5,1fr);gap:.25rem}.subtitle-cue{grid-template-columns:1fr 1fr}.subtitle-cue textarea,.subtitle-cue button{grid-column:1/-1}.media-grid-2{grid-template-columns:1fr}}
.kids-round-settings{display:flex;gap:.65rem;flex-wrap:wrap;align-items:end}.kids-round-settings label{min-width:140px}

/* AP19C · Productivity parity calendar */
.record-calendar{display:grid;gap:10px;margin-top:12px}.record-calendar-head,.record-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.record-calendar-head b{text-align:center;font-size:.78rem;color:var(--muted,#657087);padding:4px}.calendar-day{min-height:104px;border:1px solid var(--line,#dfe5f2);border-radius:14px;padding:7px;background:var(--surface,#fff);overflow:hidden}.calendar-day.empty-day{opacity:.35;background:transparent}.calendar-day>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.calendar-day>header span{font-size:.7rem;color:var(--muted,#657087)}.calendar-record{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:5px 6px;margin:3px 0;background:var(--surface2,#edf1ff);color:var(--text,#172033);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day.has-items{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#315efb) 18%,transparent)}@media(max-width:720px){.record-calendar{overflow-x:auto}.record-calendar-head,.record-calendar-grid{min-width:700px}.calendar-day{min-height:92px}}

/* AP19J Mobile / Touch / Keyboard / Accessibility */
.skip-link{position:fixed;z-index:200;left:12px;top:8px;transform:translateY(-160%);padding:10px 14px;border-radius:12px;background:var(--pwa-text,var(--text));color:var(--pwa-bg,var(--bg));font-weight:800;text-decoration:none}.skip-link:focus{transform:none}.record-select{display:grid;place-items:center;flex:0 0 38px;min-width:38px}.record-select input{width:20px;height:20px;margin:0}.record.is-selected{border-color:var(--pwa-accent,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--pwa-accent,var(--accent)) 18%,transparent)}.record-bulk{position:sticky;top:76px;z-index:12;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:10px 12px;border:1px solid var(--pwa-line,var(--border));border-radius:16px;background:color-mix(in srgb,var(--pwa-surface,var(--card)) 94%,transparent);backdrop-filter:blur(14px)}.record-bulk[hidden]{display:none}.record-bulk strong{margin-right:auto}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tag-row .tag{padding:5px 8px;font-size:.74rem;border-radius:999px;background:var(--pwa-surface-2,var(--soft));color:var(--pwa-text,var(--text));border:1px solid var(--pwa-line,var(--border));box-shadow:none}.utility-status{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 9px;border-radius:999px;font-size:.72rem;background:color-mix(in srgb,#16a34a 13%,transparent);color:inherit;border:1px solid color-mix(in srgb,#16a34a 35%,var(--pwa-line,var(--border)))}.utility-status.offline{background:color-mix(in srgb,#d97706 14%,transparent);border-color:color-mix(in srgb,#d97706 38%,var(--pwa-line,var(--border)))}.a11y-reduce-motion *,html[data-pwa-motion="reduced"] *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.a11y-high-contrast{--pwa-line:color-mix(in srgb,currentColor 52%,transparent);--border:color-mix(in srgb,currentColor 52%,transparent)}.a11y-high-contrast button,.a11y-high-contrast input,.a11y-high-contrast select,.a11y-high-contrast textarea,.a11y-high-contrast .record{border-width:2px}.a11y-large-targets button,.a11y-large-targets .btn,.a11y-large-targets .file-btn,.a11y-large-targets input,.a11y-large-targets select{min-height:52px}.a11y-large-targets .icon-btn{width:48px;height:48px}.a11y-large-targets .record-select{min-width:48px}.a11y-underline-links a:not(.btn){text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.18em}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(forced-colors:active){button,.btn,.file-btn,.record,.card,input,textarea,select{forced-color-adjust:auto;border:1px solid ButtonText}.tag-row .tag{border:1px solid ButtonText}}@media(max-width:720px){.record-pro-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.record-pro-tools>input:first-child{grid-column:1/-1}.record-pro-tools>*{min-width:0;width:100%}.record{align-items:flex-start}.record-actions{display:grid;grid-template-columns:repeat(3,44px);gap:6px}.record-bulk{top:68px}}@media(max-width:480px){main{padding-left:10px;padding-right:10px}.card{padding:14px}.record-pro-tools{grid-template-columns:1fr}.record-pro-tools>input:first-child{grid-column:auto}.record-select{flex-basis:30px;min-width:30px}.app-modal-card{max-height:94dvh}}


/* AP19L–AP19N · transfer / media backup / print-PDF comfort */
.transfer-list{display:grid;gap:8px}.transfer-list .record{margin:0}.record-pro-tools .file-btn{min-height:38px}
@media print{
 body>*:not(main){display:none!important}
 main{display:block!important;max-width:none!important;padding:0!important;margin:0!important}
 .app-shell-main .card>*:not(.print-card){display:block!important}
 .app-shell-main .card>form,.app-shell-main .template-tools,.app-shell-main .record-pro-tools,.app-shell-main .record-bulk,.app-shell-main .record-actions,.app-shell-main .record-select,.app-shell-main .app-experience-card,.app-shell-main button{display:none!important}
 .app-shell-main .record,.app-shell-main .row{display:flex!important;break-inside:avoid;border:1px solid #bbb!important;padding:8px!important;margin:5px 0!important}
 .app-shell-main .record-main{display:block!important}
 .app-shell-main .stats{display:grid!important}
 .print-card{display:flex!important;box-shadow:none!important}
 a{color:#111!important;text-decoration:underline!important}
}

/* AP19O–P routine / preparedness depth */
.day-picker{border:1px solid var(--pwa-line,var(--border));border-radius:16px;padding:10px 12px;margin:8px 0 14px;display:flex;gap:10px;flex-wrap:wrap}.day-picker legend{padding:0 6px;color:var(--pwa-muted,var(--muted));font-size:.84rem}.day-picker label{display:inline-flex;gap:5px;align-items:center}.day-picker input,.routine-check input{width:auto;margin:0}.routine-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.routine-toolbar label{flex:1;min-width:180px}.routine-check{display:flex;gap:10px;align-items:flex-start;width:100%}.routine-check span{display:block}.safety-preset-tools{margin:12px 0}

/* AP19R–T · file queue / family / thin-engine parity */
.file-drop-zone{display:grid;gap:4px;padding:18px;border:2px dashed var(--pwa-line,var(--border));border-radius:18px;background:var(--pwa-surface-2,var(--soft));cursor:pointer;margin:12px 0}.file-drop-zone.dragover{border-color:var(--pwa-accent,var(--accent));background:color-mix(in srgb,var(--pwa-accent,var(--accent)) 10%,var(--pwa-surface,var(--card)))}.file-drop-zone input{margin-top:8px}.file-queue-row{align-items:center}.hash-value{display:block;margin-top:7px;word-break:break-all;font-size:.78rem}.csv-edit-table input{min-width:120px;width:100%;border:0;background:transparent;padding:6px}.csv-edit-table th,.csv-edit-table td{padding:2px}.record-main>input[type="checkbox"]{width:auto;min-height:0;margin-right:8px}

/* AP19W custom icon rendering */
.app-hero-icon,.prestitial-brand img{object-fit:cover;background:var(--pwa-surface,#fff)}

/* AP19Z · quiz / random / sensor parity */
.raffle-stage{display:grid;place-items:center;gap:10px;margin:14px 0}.raffle-orb{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 20deg,var(--pwa-accent,var(--accent)),var(--pwa-accent-2,var(--accent2)),var(--pwa-accent,var(--accent)));color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 16px 40px rgba(35,50,100,.2);overflow:hidden;text-align:center;padding:12px}.raffle-orb.spin{animation:pwastore-raffle-spin .52s ease-in-out}@keyframes pwastore-raffle-spin{0%{transform:rotate(0) scale(1)}65%{transform:rotate(630deg) scale(1.08)}100%{transform:rotate(720deg) scale(1)}}.orientation-gauge{display:grid;place-items:center;padding:18px;border:1px solid var(--pwa-line,var(--border));border-radius:18px;background:var(--pwa-surface-2,var(--soft));margin:12px 0}

/* AP20B · finance / calculator depth */
.finance-special,.cashflow-forecast,.savings-helper{margin:12px 0}.cashflow-forecast{padding:14px;border:1px solid var(--pwa-line,var(--border));border-radius:18px;background:var(--pwa-surface-2,var(--soft))}

/* AP20C · language / knowledge / creator depth */
.language-card-tools{padding:14px;border:1px solid var(--pwa-line,var(--border));border-radius:18px;background:var(--pwa-surface-2,var(--soft));margin:12px 0}.commercial-preview table{width:100%;border-collapse:collapse;margin:12px 0}.commercial-preview th,.commercial-preview td{border:1px solid #c8cdd7;padding:6px;text-align:left;vertical-align:top}.commercial-head{display:flex;justify-content:space-between;gap:24px}.commercial-head>div:last-child{text-align:right}@media(max-width:600px){.commercial-head{display:block}.commercial-head>div:last-child{text-align:left}}

/* AP20E · wellbeing / hobby depth */
.guided-session-panel,.wellbeing-context{margin:12px 0}.guided-session-panel{padding:14px;border:1px solid var(--pwa-line,var(--border));border-radius:18px;background:var(--pwa-surface-2,var(--soft))}.session-presets{margin:8px 0 12px}

/* AP20G-I · membership upsell under app action area */
.pwastore-membership-upsell{margin:14px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--pwa-accent,var(--accent)) 28%,var(--pwa-line,var(--border)));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--pwa-accent,var(--accent)) 8%,var(--pwa-surface,var(--card))),var(--pwa-surface,var(--card)));display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center}.pwastore-membership-upsell>div{display:grid;gap:3px}.pwastore-membership-upsell strong{font-size:1rem}.pwastore-membership-upsell span,.pwastore-membership-upsell small{color:var(--pwa-muted,var(--muted));font-size:.82rem}.pwastore-membership-upsell a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:12px;background:var(--pwa-accent,var(--accent));color:#fff;text-decoration:none;font-weight:800}.pwastore-membership-upsell small{grid-column:1/-1}.pwastore-membership-upsell.parent-only{border-style:dashed}@media(max-width:620px){.pwastore-membership-upsell{grid-template-columns:1fr}.pwastore-membership-upsell small{grid-column:auto}}


/* AP20L · einklappbare App-Infos + Click-Guard + statische Werbung */
.app-shell-main{position:relative;overflow:visible}.app-shell-main>#app-root{position:relative;z-index:3;isolation:isolate;pointer-events:auto;min-height:1px}.app-info-accordion{position:relative;z-index:1;display:grid;gap:9px;margin:14px auto 18px;max-width:920px;pointer-events:auto}.app-info-section{position:relative;z-index:auto;border:1px solid var(--pwa-line,var(--border));border-radius:17px;background:var(--pwa-surface,var(--card));overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--pwa-text,var(--text)) 5%,transparent)}.app-info-section>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 16px;font-size:1.03rem;font-weight:900;line-height:1.3;user-select:none}.app-info-section>summary::-webkit-details-marker{display:none}.app-info-section>summary small{font-size:.76rem;font-weight:700;color:var(--pwa-muted,var(--muted))}.app-info-section>summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--pwa-surface2,var(--soft));color:var(--pwa-accent,var(--accent));font-size:1.18rem}.app-info-section[open]>summary:after{content:"−"}.app-info-content{padding:2px 17px 18px;color:var(--pwa-text,var(--text));font-size:1.06rem;line-height:1.72}.app-info-content p{font-size:1.08rem;line-height:1.76;margin:.3rem 0}.app-info-content ol,.app-info-content ul{margin:.35rem 0 0;padding-left:1.5rem;display:grid;gap:10px}.app-info-content li{font-size:1.06rem;line-height:1.64;padding-left:.15rem}.app-info-howto .app-info-content,.app-info-benefit .app-info-content{font-size:1.09rem}.app-info-section:not([open])>.app-info-content{display:none}.app-experience-card{position:relative!important;z-index:1!important;inset:auto!important;pointer-events:auto!important}.app-ad-zone{position:static!important;inset:auto!important;z-index:auto!important;margin:26px auto 18px!important;max-width:820px;padding:9px;border-radius:22px;background:var(--pwa-surface,var(--card));backdrop-filter:none;box-shadow:0 10px 28px color-mix(in srgb,var(--pwa-text,var(--text)) 8%,transparent);border:1px solid color-mix(in srgb,var(--pwa-accent,var(--accent)) 22%,var(--pwa-line,var(--border)));clear:both;pointer-events:auto}.app-ad-zone .pwastore-ad{position:static!important;z-index:auto!important;pointer-events:auto}@media(max-width:620px){.app-info-section>summary{grid-template-columns:1fr auto;font-size:1rem}.app-info-section>summary small{display:none}.app-info-content,.app-info-content p,.app-info-content li{font-size:1rem}.app-shell-main{padding-bottom:150px}}

/* AP20N HARD APP-FIRST UX */
.app-shell-main{position:relative!important;overflow:visible!important}
.app-runtime-surface,#app-root{position:relative!important;z-index:50!important;isolation:isolate!important;pointer-events:auto!important;min-height:110px}
.app-runtime-surface *,#app-root *{pointer-events:auto}
.app-guide-master{position:relative!important;z-index:2!important;display:block;margin:20px auto 8px;max-width:920px;border:1px solid var(--pwa-line,var(--border));border-radius:15px;background:var(--pwa-surface,var(--card));overflow:hidden;box-shadow:none!important}
.app-guide-master>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;color:var(--pwa-muted,var(--muted));font-size:.86rem;font-weight:800;user-select:none}
.app-guide-master>summary::-webkit-details-marker{display:none}.app-guide-master>summary:after{content:"＋";color:var(--pwa-accent,var(--accent))}.app-guide-master[open]>summary:after{content:"−"}.app-guide-master>summary small{font-size:.7rem;font-weight:650}
.app-guide-master:not([open])>.app-info-accordion{display:none!important}.app-guide-master:not([open]){max-height:46px!important}.app-guide-master:not([open]) *:not(summary):not(summary *){pointer-events:none!important}
.app-info-accordion{margin:0!important;padding:6px 9px 10px!important;display:grid;gap:6px;max-width:none!important}.app-info-section{margin:0!important;box-shadow:none!important;position:relative!important}
.app-info-section>summary{font-size:.93rem!important;padding:9px 11px!important;grid-template-columns:1fr auto!important}.app-info-section>summary small{display:none!important}
.app-info-section:not([open])>.app-info-content{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;padding:0!important;overflow:hidden!important}
.app-info-section[open]>.app-info-content{visibility:visible!important;pointer-events:auto!important;height:auto!important}
.app-info-content,.app-info-content p,.app-info-content li{font-size:1.08rem!important;line-height:1.72!important}
.pwastore-membership-upsell{position:relative!important;z-index:2!important}.app-ad-zone{position:static!important;inset:auto!important;z-index:0!important;clear:both!important;margin:24px auto 0!important}


/* AP20P · ACTION GAMES */
.action-game-shell{position:relative;display:grid;gap:14px}
.arcade-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.arcade-title h2{margin:.15rem 0 0;font-size:clamp(1.45rem,4vw,2.15rem);letter-spacing:-.035em}
.arcade-kicker{display:inline-flex;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.arcade-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}
.arcade-hud>span{display:flex;flex-direction:column;gap:2px;min-height:58px;padding:9px 11px;border-radius:14px;background:linear-gradient(145deg,var(--soft),var(--card));border:1px solid var(--border);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.arcade-hud b{font-size:1.08rem;color:var(--text);letter-spacing:0}
.arcade-stage{position:relative;isolation:isolate}
.action-canvas{touch-action:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 50px rgba(6,12,30,.22)}
.arcade-overlay{position:absolute;inset:14px max(0px,calc((100% - 520px)/2));z-index:8;display:grid;place-content:center;justify-items:center;text-align:center;gap:9px;padding:20px;border-radius:18px;background:rgba(4,9,20,.76);color:#fff;backdrop-filter:blur(7px)}
.arcade-overlay.hidden{display:none}
.arcade-overlay strong{font-size:clamp(1.6rem,6vw,2.7rem);letter-spacing:-.04em}
.arcade-overlay span{color:#d5def5}
.arcade-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.action-dpad{max-width:310px!important}
.action-dpad button{min-height:54px;font-size:1.15rem;font-weight:900;touch-action:manipulation;user-select:none}
.arcade-message{padding:10px 13px;border-radius:13px;background:var(--soft);border:1px solid var(--border);font-weight:720;text-align:center}
.arcade-hit{animation:arcadeHit .25s ease-out}
.arcade-bad{animation:arcadeBad .28s ease-out}
.arcade-win{animation:arcadeWin .35s ease-out}
@keyframes arcadeHit{0%{transform:scale(1)}45%{transform:scale(1.025);filter:brightness(1.15)}100%{transform:scale(1)}}
@keyframes arcadeBad{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}55%{transform:translateX(7px)}75%{transform:translateX(-3px)}}
@keyframes arcadeWin{0%{filter:brightness(1)}45%{filter:brightness(1.35) saturate(1.3);transform:scale(1.015)}100%{filter:none;transform:none}}
.reaction-arena{position:relative;min-height:330px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#182849,#07101e 62%);border:1px solid rgba(111,153,255,.22);display:grid;place-items:center;user-select:none;touch-action:manipulation}
.reaction-arena.ready{box-shadow:inset 0 0 80px rgba(67,229,145,.17),0 0 0 1px rgba(67,229,145,.22)}
#reaction-message{font-size:clamp(1.1rem,3vw,1.55rem);font-weight:820;color:#dce6ff;text-align:center;padding:20px}
.reaction-target{position:absolute!important;width:clamp(84px,22vw,118px);height:clamp(84px,22vw,118px);padding:0!important;border-radius:50%!important;background:radial-gradient(circle at 34% 28%,#8bffd0,#1ecf7c 58%,#087844)!important;color:#062417!important;border:4px solid rgba(255,255,255,.82)!important;box-shadow:0 0 0 8px rgba(52,226,139,.12),0 16px 38px rgba(0,0,0,.28)!important;font-size:1.05rem!important;font-weight:950!important;letter-spacing:.04em;touch-action:manipulation}
.reaction-target.hidden{display:none!important}
.action-seq{max-width:520px!important;gap:12px!important}
.action-seq.seq-six{grid-template-columns:repeat(3,1fr)!important}
.action-seq .seq-pad{position:relative;overflow:hidden;border:0!important;border-radius:20px!important;min-height:118px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 26px rgba(7,12,28,.12);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
.action-seq .seq-pad span{font-size:clamp(1.6rem,7vw,2.65rem);font-weight:900;color:rgba(255,255,255,.9);text-shadow:0 2px 9px rgba(0,0,0,.22)}
.action-seq .p0{background:linear-gradient(145deg,#ef476f,#b61748)!important}.action-seq .p1{background:linear-gradient(145deg,#ffd166,#e49700)!important}.action-seq .p2{background:linear-gradient(145deg,#06d6a0,#087f68)!important}.action-seq .p3{background:linear-gradient(145deg,#118ab2,#155a91)!important}.action-seq .p4{background:linear-gradient(145deg,#8d5cf6,#5931b8)!important}.action-seq .p5{background:linear-gradient(145deg,#ff7b54,#c34129)!important}
.action-seq .seq-pad.selected{transform:scale(1.055)!important;filter:brightness(1.38) saturate(1.15)!important;box-shadow:0 0 0 5px rgba(255,255,255,.55),0 0 34px currentColor!important}
.action-memory{perspective:900px}
.action-memory.memory-expert-grid{grid-template-columns:repeat(6,1fr);max-width:690px}
.action-memory button{position:relative;overflow:hidden;min-width:0;transform-style:preserve-3d;transition:transform .22s ease,box-shadow .18s ease;background:linear-gradient(145deg,#172440,#0c1426)!important;border:1px solid rgba(122,160,240,.24)!important;box-shadow:0 8px 18px rgba(6,12,26,.11)}
.action-memory button.flipped,.action-memory button.done{transform:rotateY(180deg);box-shadow:0 0 0 2px rgba(74,221,155,.22),0 10px 26px rgba(6,12,26,.12)}
.action-memory .memory-back,.action-memory .memory-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}
.action-memory .memory-back{color:#8db6ff;font-size:1.5rem}.action-memory .memory-face{transform:rotateY(180deg);font-size:clamp(1.35rem,6vw,2.2rem);background:linear-gradient(145deg,var(--card),var(--soft))}
.action-memory button.done .memory-face{box-shadow:inset 0 0 0 3px rgba(51,205,137,.34)}
@media(max-width:700px){
 .reaction-arena{min-height:280px}
 .action-memory.memory-expert-grid{grid-template-columns:repeat(4,1fr)}
 .action-seq .seq-pad{min-height:94px}
}
@media(max-width:460px){
 .arcade-hud{grid-template-columns:repeat(2,1fr)}
 .action-memory.memory-expert-grid{grid-template-columns:repeat(4,1fr)}
 .arcade-actions .muted{font-size:.78rem}
}
.a11y-reduce-motion .arcade-hit,.a11y-reduce-motion .arcade-bad,.a11y-reduce-motion .arcade-win{animation:none!important}
.a11y-reduce-motion .action-seq .seq-pad,.a11y-reduce-motion .action-memory button{transition:none!important}

/* AP20P · ACTION GAMES PASS 2 */
.action-2048{gap:10px!important}.action-2048 span{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(5,12,28,.10);font-size:clamp(1.1rem,6vw,2rem);transition:transform .12s ease,filter .12s ease}
.action-2048 .tile-0{background:color-mix(in srgb,var(--soft) 70%,transparent)!important}.action-2048 .tile-2{background:#e8eefb!important}.action-2048 .tile-4{background:#dce7fb!important}.action-2048 .tile-8{background:#ffd47a!important}.action-2048 .tile-16{background:#ffae63!important}.action-2048 .tile-32{background:#ff8062!important;color:#fff}.action-2048 .tile-64{background:#f45162!important;color:#fff}.action-2048 .tile-128{background:#a874ff!important;color:#fff}.action-2048 .tile-256{background:#7857e8!important;color:#fff}.action-2048 .tile-512{background:#3d7be8!important;color:#fff}.action-2048 .tile-1024,.action-2048 .tile-2048{background:linear-gradient(145deg,#f6c453,#d99714)!important;color:#241600;box-shadow:0 0 28px rgba(246,196,83,.28)}
.action-2048-pad{max-width:520px;margin:0 auto;grid-template-columns:repeat(4,1fr)!important}.action-2048-pad button{min-height:52px;font-size:1.25rem}
.action-mines{gap:4px!important}.action-mines button{position:relative;border-radius:7px!important;background:linear-gradient(145deg,#1a2947,#0d1729)!important;color:#fff!important;border:1px solid rgba(111,151,232,.20)!important;transition:transform .1s ease,background .1s ease}.action-mines button.open{background:var(--card)!important;color:var(--text)!important}.action-mines button.flagged{background:linear-gradient(145deg,#4a2f17,#24160b)!important;color:#ffd76b!important}.action-mines button.mine{background:#6f1624!important}.action-mines .n1{color:#2f74ff!important}.action-mines .n2{color:#17955a!important}.action-mines .n3{color:#d23e4a!important}.action-mines .n4,.action-mines .n5,.action-mines .n6,.action-mines .n7,.action-mines .n8{color:#8a55d6!important}
.action-flood{box-shadow:0 14px 36px rgba(7,14,30,.12);border-radius:18px;overflow:hidden}.action-flood span{transition:transform .12s ease,filter .12s ease}.action-flood span.owned{filter:saturate(1.2) brightness(1.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.flood-buttons-action{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:520px;margin:12px auto}.flood-buttons-action .color-btn{min-height:52px;border-radius:13px;border:2px solid rgba(255,255,255,.42);color:#fff;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.action-battle{max-width:600px!important;gap:5px!important}.action-battle button{position:relative;border-radius:9px!important;background:linear-gradient(145deg,#122d4b,#09192c)!important;border:1px solid rgba(111,178,255,.18)!important;color:#dbeeff!important;transition:transform .12s ease,filter .12s ease}.action-battle button.miss{background:#122136!important;color:#6b829c!important}.action-battle button.hit{background:radial-gradient(circle,#ffdd68 0 15%,#ef5a48 17% 45%,#5c1820 47%)!important;color:#fff!important}.action-battle button.sunk{box-shadow:inset 0 0 0 3px #ffbc4f,0 0 20px rgba(255,137,74,.28)}.action-battle button.hint{box-shadow:inset 0 0 0 3px #68d9ff,0 0 20px rgba(68,204,255,.28);animation:sonarPulse .65s ease-in-out infinite alternate}
@keyframes sonarPulse{from{filter:brightness(.9)}to{filter:brightness(1.45)}}
.a11y-reduce-motion .action-battle button.hint{animation:none!important}


/* AP20U · HELP ALWAYS CLOSED ON INITIAL LOAD + APP-FIRST ACCESS */
details.app-guide-master:not([open]) > :not(summary){display:none!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
details.app-info-section:not([open]) > :not(summary){display:none!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
.app-launch-zone{position:relative!important;z-index:100!important;isolation:isolate!important;max-width:1180px;margin:0 auto 14px;padding:10px;border-radius:22px;background:color-mix(in srgb,var(--pwa-accent,var(--accent)) 4%,var(--pwa-surface,var(--card)));border:1px solid color-mix(in srgb,var(--pwa-accent,var(--accent)) 20%,var(--pwa-line,var(--border)));pointer-events:auto!important}
.app-launch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px;padding:2px 4px}.app-launch-head strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pwa-muted,var(--muted))}.app-launch-head a{font-weight:850;text-decoration:none;color:var(--pwa-accent,var(--accent));pointer-events:auto!important}
.app-runtime-loading{display:grid;place-items:center;min-height:120px;padding:18px;text-align:center;border-radius:16px;background:var(--pwa-surface,var(--card));border:1px dashed var(--pwa-line,var(--border));color:var(--pwa-muted,var(--muted))}
.app-runtime-surface{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.app-runtime-surface>*{position:relative}
.app-guide-master{clear:both!important}
.app-room-backlink{display:inline-flex;align-items:center;gap:6px;margin:0 auto 10px;max-width:max-content;padding:8px 11px;border-radius:999px;background:var(--pwa-surface,var(--card));border:1px solid var(--pwa-line,var(--border));color:var(--pwa-text,var(--text));text-decoration:none;font-weight:800;position:relative;z-index:110;pointer-events:auto!important}


/* AP20V · app content ad bottom only + hard toggles */
.app-ad-zone{position:static!important;bottom:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}
.app-ad-zone .pwastore-ad{position:static!important}
details.app-guide-master:not([open]) > :not(summary){display:none!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
details.app-info-section:not([open]) > :not(summary){display:none!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
.app-guide-master > [hidden], .app-info-section > [hidden]{display:none!important}