.app-scope .page{min-height:100dvh;max-width:720px;margin:0 auto;padding:calc(var(--pad) + env(safe-area-inset-top)) var(--pad) var(--pad);display:flex;flex-direction:column;gap:var(--gap)}.app-scope .page.with-tabbar{padding-bottom:110px}.app-scope .card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);padding:var(--pad);display:flex;flex-direction:column;gap:.75rem}.app-scope .row{display:flex;gap:.5rem;align-items:center}.app-scope .row>*{flex:1;min-width:0}.app-scope .row>.btn-sm{flex:none}.app-scope .btn-sm{min-height:var(--touch-min);padding:0 .9rem;font-size:15px;width:auto}.app-scope h1{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0}.app-scope h2{font-size:1.2rem;margin:0}.app-scope .nav{display:flex;gap:.75rem;flex-wrap:wrap}.app-scope .nav a{color:var(--text-dim);text-decoration:none;font-size:15px;padding:.4rem .8rem;border-radius:var(--radius-full);border:1px solid transparent}.app-scope .nav a.active,.app-scope .nav a:hover{color:var(--text);border-color:var(--glass-border);background:var(--glass-bg)}.app-scope .nav a:active{opacity:.65}.app-scope .error{color:var(--error);margin:0}.app-scope .muted{color:var(--text-dim);font-size:15px;margin:0}.app-scope label{font-size:14px;color:var(--text-dim)}.app-scope input.tick{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:none;margin:0;border:1.5px solid var(--glass-border);border-radius:6px;background:#ffffff0a;display:grid;place-content:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.app-scope input.tick:after{content:"";width:10px;height:5px;border-left:2px solid var(--on-primary);border-bottom:2px solid var(--on-primary);transform:rotate(-45deg) scale(.5);opacity:0;transition:opacity .12s ease,transform .12s ease}.app-scope input.tick:checked{background:var(--primary);border-color:var(--primary)}.app-scope input.tick:checked:after{opacity:1;transform:rotate(-45deg) scale(1);margin-top:-2px}.app-scope input.tick:indeterminate{background:var(--primary-glow);border-color:var(--primary)}.app-scope input.tick:indeterminate:after{opacity:1;width:10px;height:0;border-left:0;border-bottom:2px solid var(--primary);transform:none}.app-scope input.tick:focus-visible{outline:2px solid var(--primary);outline-offset:2px}