@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/tanar/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/tanar/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/tanar/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/tanar/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/tanar/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fp-maroon:#7a1f2b;--fp-maroon-dark:#5a1420;--fp-cream:#fbf7f2;--fp-cream-deep:#f2e9dc;--fp-ink:#1a171c;--fp-muted:#625c67;--fp-accent:#c8362b;--fp-ok:#2e7d4f;--fp-surface:#fff;--fp-border:color-mix(in srgb, var(--fp-ink) 12%, transparent);--fp-maroon-soft:color-mix(in srgb, var(--fp-maroon) 10%, var(--fp-cream));--fp-font-display:"Archivo Variable", system-ui, sans-serif;--fp-font-body:"Instrument Sans Variable", system-ui, sans-serif;--fp-radius:14px;--fp-radius-sm:10px;--fp-shadow:0 1px 2px #1a171c0f, 0 4px 16px #1a171c0f;--fp-touch:48px;--fp-header-h:60px;--fp-nav-h:64px;--fp-maroon-ink:var(--fp-maroon);--fp-on-maroon:var(--fp-cream);--fp-header-bg:var(--fp-maroon);--fp-warn:#a15c00;--fp-on-status:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--fp-maroon:#8a2635;--fp-maroon-dark:#a3303f;--fp-cream:#141114;--fp-cream-deep:#241f24;--fp-ink:#f2ece7;--fp-muted:#b9afb5;--fp-accent:#ff8f84;--fp-ok:#6fd39a;--fp-surface:#1e1a1e;--fp-maroon-soft:#37171e;--fp-maroon-ink:#f2a3ad;--fp-on-maroon:#fbf4ef;--fp-header-bg:#4d1520;--fp-warn:#f2b660;--fp-on-status:#160f12;--fp-shadow:0 1px 2px #0006, 0 4px 16px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fp-maroon:#8a2635;--fp-maroon-dark:#a3303f;--fp-cream:#141114;--fp-cream-deep:#241f24;--fp-ink:#f2ece7;--fp-muted:#b9afb5;--fp-accent:#ff8f84;--fp-ok:#6fd39a;--fp-surface:#1e1a1e;--fp-maroon-soft:#37171e;--fp-maroon-ink:#f2a3ad;--fp-on-maroon:#fbf4ef;--fp-header-bg:#4d1520;--fp-warn:#f2b660;--fp-on-status:#160f12;--fp-shadow:0 1px 2px #0006, 0 4px 16px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior-x:none;overflow-x:clip}body{overscroll-behavior-x:none;overflow-wrap:break-word;background:var(--fp-cream);min-height:100dvh;color:var(--fp-ink);font-family:var(--fp-font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45;overflow-x:clip}h1,h2,h3{font-family:var(--fp-font-display);margin:0 0 .5em;line-height:1.15}h1{font-size:1.5rem;font-weight:750}h2{font-size:1.25rem;font-weight:700}h3{font-size:1.05rem;font-weight:650}p{margin:0 0 .75em}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in srgb, var(--fp-accent) 70%, transparent);outline-offset:2px}.btn{min-height:var(--fp-touch);min-width:var(--fp-touch);border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--fp-maroon);border-color:var(--fp-maroon);color:var(--fp-on-maroon)}.btn-primary:active{background:var(--fp-maroon-dark)}.btn-ghost{background:0 0;border-color:#0000}.btn-block{width:100%}.card{background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:var(--fp-radius);box-shadow:var(--fp-shadow);padding:1rem}.muted{color:var(--fp-muted)}.small{font-size:.875rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.segmented{background:color-mix(in srgb, var(--fp-ink) 8%, transparent);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:44px;min-height:40px;padding:0 .9rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--fp-surface);box-shadow:var(--fp-shadow)}.audio-gate{z-index:100;background:color-mix(in srgb, var(--fp-maroon) 92%, black);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.audio-gate__panel{overflow-wrap:anywhere;background:var(--fp-cream);text-align:center;border-radius:20px;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;min-width:0;max-width:400px;padding:1.75rem 1.25rem 1.25rem;display:flex}.audio-gate__panel h1{margin:0;font-size:1.4rem}.audio-gate__panel p{margin:0}.audio-gate__logo{align-self:center}.audio-gate__panel .audio-gate__school{color:var(--fp-maroon-ink);font-weight:700}.btn-lg{white-space:normal;min-height:56px;font-size:1.1rem;line-height:1.2}.audio-gate__hint{border-radius:var(--fp-radius-sm);background:var(--fp-cream-deep);color:var(--fp-ink);padding:.6rem .75rem;font-size:.875rem}.audio-gate__inline{text-align:center;flex-direction:column;gap:.75rem;display:flex}.audio-gate__inline p{margin:0}.bottom-nav{z-index:20;min-height:var(--fp-nav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--fp-surface);border-top:1px solid var(--fp-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{min-height:var(--fp-nav-h);color:var(--fp-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0 2px;font-size:.78rem;font-weight:600;display:flex}.bottom-nav__item span{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:min(1em,3.6vw);line-height:1.1}.bottom-nav__item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.bottom-nav__item[aria-current=page]{color:var(--fp-maroon-ink)}.bottom-nav__item[aria-current=page] svg{stroke-width:2.3px}.switch-row{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;display:flex}.switch-row.is-disabled{cursor:default;opacity:.6}.switch-row__text{flex-direction:column;min-width:0;display:flex}.switch-row__label{font-weight:700}.switch-row__sub{color:var(--fp-muted);font-size:.85rem}.switch{appearance:none;background:color-mix(in srgb, var(--fp-ink) 50%, var(--fp-surface));width:52px;height:32px;cursor:inherit;border-radius:999px;flex:none;margin:0;transition:background-color .18s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--fp-maroon)}.switch:checked:before{transform:translate(20px)}.switch:focus-visible{outline:3px solid color-mix(in srgb, var(--fp-accent) 70%, transparent);outline-offset:2px}.switch-row--large .switch-row__label{font-size:1.05rem}@media (prefers-reduced-motion:reduce){.switch,.switch:before{transition:none}}.join{flex-direction:column;gap:.75rem;display:flex}.join h1,.join p{margin:0}.join__form{flex-direction:column;gap:.6rem;display:flex}.join__input{border:2px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);width:100%;min-height:60px;font-family:var(--fp-font-display);letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:0 .75rem;font-size:1.7rem;font-weight:800}.join__input:focus{border-color:var(--fp-maroon);outline:none}.join__qr{padding-top:.25rem}.student__note{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-warn) 12%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-warn) 35%, transparent);margin:0;padding:.6rem .8rem;font-size:.9rem}.student__device{text-align:center;margin:0}.push-prompt{border-left:4px solid var(--fp-maroon);flex-direction:column;gap:.5rem;display:flex}.push-prompt p{margin:0}.push-prompt__q{font-weight:750}.push-prompt__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.push-setting{border-top:1px solid var(--fp-border);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.push-setting p{margin:0}.push-setting__row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.push-setting__row>span{flex-direction:column;min-width:0;display:flex}.push-setting__row .btn{flex:none}.push-test{flex-direction:column;gap:.4rem;display:flex}.push-test__msg{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-ok) 12%, var(--fp-surface));margin:0;padding:.5rem .7rem}.monitor{background:var(--fp-surface);border-bottom:1px solid var(--fp-border);flex:none;align-items:center;gap:.6rem;padding:.35rem .75rem;font-size:.85rem;display:flex}.monitor__dot{background:color-mix(in srgb, var(--fp-ink) 20%, transparent);border-radius:50%;flex:none;width:12px;height:12px}.monitor__dot.is-on{background:var(--fp-ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--fp-ok) 25%, transparent)}.monitor__text{flex:1;min-width:0}.monitor__played{font-variant-numeric:tabular-nums;font-weight:750}.monitor--warn{background:color-mix(in srgb, var(--fp-warn) 12%, var(--fp-surface))}.monitor__btn{min-height:36px;padding:0 .6rem;font-size:.8rem}.modal{background:var(--fp-cream);width:100%;max-width:560px;max-height:92dvh;color:var(--fp-ink);overflow-wrap:anywhere;overscroll-behavior:contain;border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0;overflow-x:hidden;box-shadow:0 -8px 40px #00000040}.modal::backdrop{background:#1a171c8c}.modal[open]{animation:.2s ease-out modal-up}@keyframes modal-up{0%{opacity:0;transform:translateY(40px)}}.modal__inner{padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;gap:.9rem;display:flex}.modal__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal__header h2{margin:0}.modal__close{font-size:1.2rem}@media (width>=640px){.modal{border-radius:20px;margin:auto}}.form{flex-direction:column;gap:.85rem;display:flex}.form__field{flex-direction:column;gap:.3rem;display:flex}.form__label{font-size:.85rem;font-weight:650}.form__label .req{color:var(--fp-accent)}.form input:not([type]),.form input[type=text],.form input[type=password],.form input[type=email],.form input[type=search],.form input[type=number],.form input[type=date],.form select,.form textarea{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);width:100%;min-height:48px;padding:.6rem .75rem}.form textarea{resize:vertical;min-height:72px}.form__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.form__file{border:1.5px dashed color-mix(in srgb, var(--fp-ink) 25%, transparent);border-radius:var(--fp-radius-sm);background:var(--fp-surface);cursor:pointer;align-items:center;gap:.6rem;min-height:52px;padding:.5rem .75rem;font-weight:600;display:flex}.form__file:focus-within{outline:3px solid color-mix(in srgb, var(--fp-accent) 70%, transparent)}.form__file.has-file{border-style:solid;border-color:var(--fp-ok)}.form__check{border-radius:var(--fp-radius-sm);background:var(--fp-cream-deep);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;font-size:.92rem;display:flex}.form__check>span{-webkit-hyphens:auto;hyphens:auto;min-width:0}.form__check input{width:24px;height:24px;accent-color:var(--fp-maroon);flex:none;margin:0}.form__radios{flex-wrap:wrap;gap:1rem;display:flex}.form__radios label{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;display:flex}.form__radios--stack{border:0;flex-direction:column;gap:.15rem;min-width:0;margin:0;padding:0}.form__radios--stack label{align-items:flex-start;padding:.5rem 0;line-height:1.35}.form__radios input{width:22px;height:22px;accent-color:var(--fp-maroon);flex:none}.form__error{color:var(--fp-accent);margin:0;font-size:.9rem;font-weight:600}.account-btn{background:var(--fp-cream);min-width:44px;max-width:6.75rem;min-height:44px;color:var(--fp-maroon-ink);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.35rem;padding:0 .85rem 0 .6rem;font-size:.9rem;font-weight:750;display:inline-flex}.account-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:20px;height:20px}.account-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=359px){.account-btn{padding:0 .6rem}.account-btn span{display:none}}.account{flex-direction:column;gap:.75rem;display:flex}.account p{margin:0}.account__who{flex-direction:column;font-size:1.1rem;display:flex}.account__exit{color:var(--fp-accent);border-color:color-mix(in srgb, var(--fp-accent) 40%, transparent);font-weight:700}.account__warn{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-warn) 12%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-warn) 35%, transparent);flex-direction:column;gap:.6rem;padding:.7rem .8rem;display:flex}.account__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.account__buttons .btn{flex:auto}.account__delete{margin-top:.75rem;font-weight:600}.pw-input{min-width:0;display:block;position:relative}.pw-input input{width:100%;padding-right:3.25rem}.pw-input__eye{border-radius:var(--fp-radius-sm,10px);width:44px;height:44px;color:var(--fp-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-input__eye:hover,.pw-input__eye[aria-pressed=true]{color:var(--fp-maroon-ink)}.pw-input__eye svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.code-input{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.25rem}.code-input::placeholder{letter-spacing:.06em;text-transform:none}.theme{flex:none;position:relative}.theme-btn{background:color-mix(in srgb, var(--fp-on-maroon) 14%, transparent);width:44px;height:44px;color:var(--fp-on-maroon);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.theme-btn:hover{background:color-mix(in srgb, var(--fp-on-maroon) 24%, transparent)}.theme-btn svg,.theme__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.theme-btn .theme-btn__fill,.theme__icon .theme-btn__fill{fill:currentColor;stroke:none}.theme__menu{z-index:40;border-radius:var(--fp-radius);background:var(--fp-surface);width:min(17rem,100vw - 1.5rem);color:var(--fp-ink);border:1px solid var(--fp-border);gap:.15rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #00000047}.theme__title{color:var(--fp-muted);margin:.2rem .6rem .3rem;font-size:.8rem;font-weight:700}.theme__langs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;margin-bottom:.4rem;display:grid}.theme__lang{border-radius:var(--fp-radius-sm);min-height:44px;color:var(--fp-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.3rem .6rem;font-weight:600}.theme__lang:hover{background:var(--fp-cream-deep)}.theme__lang[aria-pressed=true]{background:var(--fp-maroon-soft);box-shadow:inset 3px 0 0 var(--fp-maroon-ink)}.theme__menu{max-height:calc(100dvh - 90px);overflow-y:auto}.theme__opt{border-radius:var(--fp-radius-sm);min-height:52px;color:var(--fp-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.theme__opt:hover{background:var(--fp-cream-deep)}.theme__opt[aria-pressed=true]{background:var(--fp-maroon-soft);box-shadow:inset 3px 0 0 var(--fp-maroon-ink)}.theme__icon{color:var(--fp-maroon-ink);flex:none}.theme__text{min-width:0;display:grid}.theme__text small{color:var(--fp-muted);font-size:.8rem;line-height:1.3}.app-header{z-index:20;min-height:var(--fp-header-h);padding:env(safe-area-inset-top) .75rem 0;padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));background:var(--fp-header-bg);color:var(--fp-on-maroon);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:.6rem;min-width:0;display:flex}.app-header__logo{border-radius:50%;flex:none;width:36px;height:36px}img.app-header__logo{object-fit:contain;background:#fff;padding:2px}.app-header__logo--mono{background:var(--fp-cream);color:var(--fp-maroon-ink);font-family:var(--fp-font-display);place-items:center;font-size:.85rem;font-weight:800;display:grid}.app-header__titles{flex-direction:column;min-width:0;display:flex}.app-header__school{font-family:var(--fp-font-display);text-wrap:balance;font-size:1rem;font-weight:750;line-height:1.15}.app-header__titles{padding:.35rem 0}.app-header__app{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.app-header__actions{flex:none;align-items:center;gap:.4rem;display:flex}.app-header__badge{background:var(--fp-cream);color:var(--fp-maroon-ink);border-radius:999px;flex:none;padding:.3rem .75rem;font-size:.85rem;font-weight:750}.install{border-color:color-mix(in srgb, var(--fp-maroon) 30%, transparent);background:var(--fp-maroon-soft);grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"icon text close""icon btn close";align-items:center;gap:.5rem .7rem;padding:.75rem .5rem .75rem .75rem;display:grid}.install__icon{border-radius:10px;grid-area:icon;align-self:start}.install__text{flex-direction:column;grid-area:text;min-width:0;line-height:1.25;display:flex}.install__text span{color:var(--fp-muted);font-size:.82rem}.install__btn{grid-area:btn;justify-self:start;max-width:100%;padding:0 .9rem}.install__close{min-width:32px;min-height:32px;color:var(--fp-muted);cursor:pointer;background:0 0;border:0;grid-area:close;align-self:start;padding:0;position:relative}.install__close:after{content:"";position:absolute;inset:-6px}.ios-steps{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.ios-steps li{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.ios-steps__icon{background:var(--fp-surface);border:1px solid var(--fp-border);color:#0a7aff;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.ios-steps__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.ios-steps__icon--text{font-size:.85rem;font-weight:800}.ios-steps__note{margin:0}.privacy-link{min-height:44px;color:var(--fp-muted);cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-size:.85rem;text-decoration:underline}.privacy__lang{margin-bottom:.75rem}.privacy{max-height:70dvh;font-size:.92rem;overflow:auto}.privacy h3{margin:1.1rem 0 .4rem;font-size:1rem}.privacy p{margin:0 0 .6rem}.privacy ul{margin:0 0 .6rem;padding-left:1.2rem}.privacy__lead{border-radius:var(--fp-radius-sm);background:var(--fp-cream-deep);padding:.6rem .8rem}.privacy__dl{margin:0}.privacy__dl div{grid-template-columns:9.5rem minmax(0,1fr);gap:.5rem;padding:.2rem 0;display:grid}.privacy__dl dt{color:var(--fp-muted)}.privacy__dl dd{margin:0}.privacy__items{margin:0 0 .6rem;padding:0;list-style:none}.privacy__items li{border-bottom:1px solid var(--fp-border);flex-direction:column;gap:.15rem;padding:.55rem 0;display:flex}.privacy__items em{color:var(--fp-muted);font-style:normal}.privacy__date{color:var(--fp-muted);font-size:.85rem}.app-footer{color:var(--fp-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}@media (width<=420px){.privacy__dl div{grid-template-columns:minmax(0,1fr);gap:0}}.expiry{border-radius:var(--fp-radius,12px);background:color-mix(in srgb, var(--fp-warn) 18%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-warn) 45%, transparent);color:var(--fp-ink);overflow-wrap:anywhere;margin-bottom:1rem;padding:.75rem 1rem;line-height:1.45}.expiry--over{background:color-mix(in srgb, var(--fp-maroon) 12%, var(--fp-surface));border-color:color-mix(in srgb, var(--fp-maroon) 45%, transparent)}.games__h1{margin:0}.games__sub{margin:-.4rem 0 0}.games__list{flex-direction:column;gap:.6rem;display:flex}.game-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.game-card:active{background:var(--fp-maroon-soft)}.game-card__icon{background:var(--fp-maroon);width:52px;height:52px;color:var(--fp-on-maroon);border-radius:14px;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.game-card__text{flex-direction:column;min-width:0;display:flex}.game-card__level{color:var(--fp-maroon-ink);font-weight:650}.game{flex-direction:column;gap:.8rem;display:flex}.game__head{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.4rem .5rem;display:grid}.game__back{min-height:44px;font-size:1.3rem}.game__title{flex-direction:column;min-width:0;display:flex}.game__progress{background:var(--fp-border);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.game__progress span{background:var(--fp-maroon);height:100%;transition:width .25s;display:block}.game__q{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.game__q p{margin:0}.game__kerdes{font-size:1.15rem;font-weight:700;line-height:1.3}.game__abc{width:100%;max-width:320px}.game__hint{margin:0}.game__answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.game__answers--sok{grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr))}.game__answer{white-space:normal;min-height:52px;padding:.4rem .5rem;font-weight:700;line-height:1.2}.game__answer.is-jo{background:var(--fp-ok);border-color:var(--fp-ok);color:var(--fp-on-status);opacity:1}.game__answer.is-rossz{background:var(--fp-accent);border-color:var(--fp-accent);color:var(--fp-on-status);opacity:1}.game__answer.is-halvany{opacity:.45}.game__ok{text-align:center;color:var(--fp-ok);margin:0;font-size:1.15rem;font-weight:800}.game__feedback{border-left:4px solid var(--fp-accent);flex-direction:column;gap:.5rem;display:flex}.game__feedback.is-jo{border-left-color:var(--fp-ok)}.game__feedback p{margin:0}.game__pad{border:2px dashed var(--fp-border);background:var(--fp-surface);min-height:150px;color:var(--fp-muted);font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;font-size:1.15rem;font-weight:750}.game__pad.is-aktiv{border-style:solid;border-color:var(--fp-maroon);color:var(--fp-maroon-ink)}.game__pad.is-villan{background:var(--fp-maroon-soft)}.game__result{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.game__result h2,.game__result p{margin:0}.game__stars{letter-spacing:.2em;color:#c8962a;font-size:2.2rem}.game__stars-off{color:var(--fp-border)}.game__result-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.game__result-buttons .btn{flex:8rem}.log__h1{margin:0}.log__sub{margin:-.6rem 0 0}.log__detail-head{margin:-.5rem 0 -.5rem -.6rem}.kids{margin:0;padding:.25rem 0;list-style:none}.kids li+li{border-top:1px solid var(--fp-border)}.kid{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto 14px;align-items:center;gap:.75rem;width:100%;min-height:60px;padding:.55rem .9rem;display:grid}.kid:active{background:var(--fp-maroon-soft)}.kid__who{flex-direction:column;min-width:0;display:flex}.kid__name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.kid__meta{color:var(--fp-muted);font-size:.78rem}.kid__nums{white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:.9rem;display:flex}.kid__today{color:var(--fp-muted);font-size:.75rem}.kid__today.is-on{color:var(--fp-ok);font-weight:650}.kid__chev{color:var(--fp-muted);font-size:1.3rem}.mini{border-bottom:1px solid color-mix(in srgb, var(--fp-ink) 18%, transparent);align-items:flex-end;gap:2px;width:52px;height:26px;display:flex}.mini__bar{background:color-mix(in srgb, var(--fp-maroon) 60%, var(--fp-cream));border-radius:2px 2px 0 0;flex:1}.mini__bar.is-today{background:var(--fp-maroon)}.mini__bar.is-zero{background:color-mix(in srgb, var(--fp-ink) 10%, transparent)}.demo-prep summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.demo-prep p{margin:.25rem 0 .75rem}.demo-prep__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.demo-prep__buttons .btn{flex:auto}.log__h2{margin:0 0 .75rem;font-size:1rem}.log__tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.tile{flex-direction:column;gap:.15rem;display:flex}.tile__label{color:var(--fp-muted);font-size:.8rem;font-weight:600}.tile__value{font-family:var(--fp-font-display);color:var(--fp-ink);font-size:1.35rem;font-weight:800;line-height:1.15}.tile__note{color:var(--fp-muted);font-size:.8rem}.bars{grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;height:150px;padding-top:1.6rem;display:grid}.bar{cursor:default;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:0;display:flex;position:relative}.bar__track{border-bottom:1px solid color-mix(in srgb, var(--fp-ink) 18%, transparent);flex:1;align-items:flex-end;display:flex}.bar__fill{background:color-mix(in srgb, var(--fp-maroon) 70%, var(--fp-cream));border-radius:4px 4px 0 0;width:100%;min-height:0;display:block}.bar.is-today .bar__fill{background:var(--fp-maroon)}.bar__day{text-align:center;color:var(--fp-muted);font-size:.68rem}.bar.is-today .bar__day{color:var(--fp-ink);font-weight:800}.bar__tip{z-index:2;background:var(--fp-ink);color:var(--fp-on-maroon);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;transition:opacity .12s;position:absolute;bottom:calc(100% - 1.2rem);left:50%;transform:translate(-50%)}.bar:nth-child(-n+4) .bar__tip{left:0;transform:none}.bar:nth-last-child(-n+4) .bar__tip{left:auto;right:0;transform:none}.bar:hover .bar__tip,.bar:focus-visible .bar__tip,.bar:focus .bar__tip{opacity:1}.bar:hover .bar__fill,.bar:focus .bar__fill{filter:brightness(.9)}.log__empty{margin:.75rem 0 0}.log__pieces{margin:0;padding:0;list-style:none}.log__pieces li{border-top:1px solid var(--fp-border);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.log__pieces li:first-child{border-top:0}.stepper{flex-direction:column;gap:.25rem;min-width:0;display:flex}.stepper__label{color:var(--fp-muted);font-size:.8rem;font-weight:600}.stepper__row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.25rem;display:grid}.stepper__btn{touch-action:none;min-width:44px;min-height:44px;padding:0;font-size:1.3rem}.stepper__value{text-align:center;font-family:var(--fp-font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:700}.stepper__unit{color:var(--fp-muted);font-size:.75rem;font-weight:500}.metro{flex-direction:column;gap:.9rem;display:flex}.metro__display{border-radius:var(--fp-radius);background:var(--fp-maroon-soft);flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem .9rem;transition:background .12s ease-out;display:flex}.metro__display--downbeat{background:color-mix(in srgb, var(--fp-maroon) 22%, var(--fp-cream));transition:none}.metro__bpm{align-items:baseline;gap:.35rem;display:flex}.metro__bpm-value{font-family:var(--fp-font-display);font-variant-numeric:tabular-nums;color:var(--fp-maroon-ink);font-size:4rem;font-weight:800;line-height:1}.metro__bpm-unit{color:var(--fp-muted);font-weight:700}.metro__tempo-name{color:var(--fp-muted);font-style:italic}.metro__dots{gap:.6rem;margin-top:.5rem;display:flex}.metro__dot{background:color-mix(in srgb, var(--fp-ink) 14%, transparent);border-radius:50%;width:22px;height:22px;transition:background .15s ease-out,transform .15s ease-out}.metro__dot--strong{width:28px;height:28px}.metro__dot--medium{width:25px;height:25px}.metro__dot.is-on{background:var(--fp-maroon);transition:none;transform:scale(1.15)}.metro__dot--strong.is-on{background:var(--fp-accent)}.metro__mode{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:stretch;display:grid}.metro__mode button{min-height:44px}.metro__tempo-row{grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:.6rem;display:grid}.metro__pm{touch-action:none;min-height:56px;padding:0;font-size:1.6rem}.metro__slider{width:100%;height:44px;accent-color:var(--fp-maroon)}.metro__tap{touch-action:manipulation;min-height:52px}.metro__tap:active{background:var(--fp-maroon-soft)}.metro__ramp-details summary{cursor:pointer;align-items:center;min-height:44px;font-size:.9rem;font-weight:600;display:flex}.metro__ramp-details[open] summary{margin-bottom:.5rem}.metro__ramp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.metro__ramp-info p{margin:.4rem 0 0}.metro__ramp-bar{background:color-mix(in srgb, var(--fp-ink) 10%, transparent);border-radius:99px;height:8px;overflow:hidden}.metro__ramp-bar span{background:var(--fp-maroon);height:100%;transition:width .3s;display:block}.metro__meters{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.metro__meter{font-family:var(--fp-font-display);padding:0;font-weight:700}.metro__meter[aria-pressed=true]{background:var(--fp-maroon);border-color:var(--fp-maroon);color:var(--fp-on-maroon)}.metro__note{margin:-.4rem 0 0}.metro__start{min-height:60px;font-size:1.2rem}.metro__start.is-playing{background:var(--fp-ink);border-color:var(--fp-ink);color:var(--fp-on-maroon)}.metro--compact{gap:.6rem}.metro--compact .metro__display{flex-direction:row;justify-content:center;gap:.9rem;padding:.5rem}.metro--compact .metro__bpm-value{font-size:2.2rem}.metro--compact .metro__tempo-name{display:none}.metro--compact .metro__dots{margin-top:0}.metro--compact .metro__start{min-height:52px}.player{flex-direction:column;gap:.9rem;display:flex}.player__source{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.player__source button{min-height:44px}.player__field{flex-direction:column;gap:.3rem;display:flex}.player__label{color:var(--fp-muted);font-size:.8rem;font-weight:600}.player__select{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);min-height:48px;padding:0 .75rem;font-weight:600}.player__upload{cursor:pointer}.player__upload:focus-within{outline:3px solid color-mix(in srgb, var(--fp-accent) 70%, transparent)}.player__hint{margin:0}.player__error{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-accent) 10%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-accent) 35%, transparent);margin:0;padding:.6rem .8rem}.transport{flex-direction:column;gap:.8rem;display:flex}.transport__info{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;display:flex}.transport__title{overflow-wrap:anywhere;min-width:0;font-weight:650}.transport__chord{border-radius:var(--fp-radius-sm);background:var(--fp-maroon-soft);min-width:3.2rem;color:var(--fp-maroon-ink);font-family:var(--fp-font-display);text-align:center;flex:none;padding:.2rem .6rem;font-size:1.5rem;font-weight:800}.progress{position:relative}.progress__track{background:color-mix(in srgb, var(--fp-ink) 10%, transparent);border-radius:7px;height:14px;margin:16px 0 0;position:relative}.progress__fill{background:var(--fp-maroon);border-radius:7px;position:absolute;inset:0 auto 0 0}.progress__loop{background:color-mix(in srgb, var(--fp-accent) 25%, transparent);border:2px dashed var(--fp-accent);border-radius:4px;position:absolute;top:-5px;bottom:-5px}.progress__loop.is-on{border-style:solid}.progress__mark{color:var(--fp-accent);font-size:.7rem;font-weight:800;position:absolute;top:-20px;transform:translate(-50%)}.progress__input{opacity:0;cursor:pointer;width:100%;height:46px;margin:0;position:absolute;top:0;left:0;right:0}.progress:focus-within .progress__track{outline:3px solid color-mix(in srgb, var(--fp-accent) 70%, transparent);outline-offset:3px}.progress__times{color:var(--fp-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.4rem;font-size:.8rem;display:flex}.transport__buttons{grid-template-columns:56px minmax(0,1fr);gap:.6rem;display:grid}.transport__buttons .btn{min-height:56px;font-size:1.1rem}.ab{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:.4rem;display:grid}.ab__btn[aria-pressed=true]{background:color-mix(in srgb, var(--fp-accent) 14%, var(--fp-surface));border-color:var(--fp-accent);color:var(--fp-accent)}.ab__status{margin:-.4rem 0 0}.transport__settings{border-top:1px solid var(--fp-border);flex-direction:column;gap:.9rem;padding-top:.7rem;display:flex}.speed{flex-direction:column;gap:.2rem;display:flex}.speed input[type=range]{width:100%;height:40px;accent-color:var(--fp-maroon)}.speed__presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.speed__presets .btn[aria-pressed=true]{background:var(--fp-maroon);border-color:var(--fp-maroon);color:var(--fp-on-maroon)}.countin{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.player--compact,.player--compact .transport{gap:.6rem}.player--compact .speed__presets{display:none}.tuner{flex-direction:column;gap:.9rem;display:flex}.tuner__field{flex-direction:column;gap:.25rem;display:flex}.tuner__label{color:var(--fp-muted);font-size:.8rem;font-weight:600}.tuner__select{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);min-height:48px;padding:0 .75rem;font-weight:600}.tuner__display{border-radius:var(--fp-radius);background:var(--fp-maroon-soft);flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem .8rem;transition:background .2s;display:flex}.tuner__display.is-in-tune{background:color-mix(in srgb, var(--fp-ok) 16%, var(--fp-cream))}.tuner__display.is-stale .tuner__note,.tuner__display.is-stale .cents__needle{opacity:.4}.tuner__note{font-family:var(--fp-font-display);color:var(--fp-maroon-ink);align-items:baseline;min-height:5rem;font-weight:800;line-height:1;display:flex}.tuner__note-main{font-size:5rem}.tuner__note-alt{opacity:.6;margin-left:.15rem;font-size:1.6rem;font-weight:600}.tuner__octave{opacity:.55;margin-left:.2rem;font-size:1.3rem;font-weight:600}.is-in-tune .tuner__note{color:var(--fp-ok)}.tuner__sub{color:var(--fp-muted);min-height:1.3em;font-size:.9rem}.tuner__status{align-items:baseline;gap:.6rem;font-weight:650;display:flex}.tuner__freq{color:var(--fp-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.cents{width:100%;padding:.35rem .25rem 0}.cents__track{background:color-mix(in srgb, var(--fp-ink) 7%, transparent);border-radius:8px;height:34px;position:relative}.cents__ok{background:color-mix(in srgb, var(--fp-ok) 45%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.cents__tick{background:color-mix(in srgb, var(--fp-ink) 25%, transparent);width:1px;position:absolute;top:8px;bottom:8px}.cents__tick--zero{background:var(--fp-ink);width:2px;margin-left:-1px;top:2px;bottom:2px}.cents__needle{background:var(--fp-maroon);border-radius:3px;width:6px;margin-left:-3px;transition:left .12s ease-out;position:absolute;top:-4px;bottom:-4px}.is-in-tune .cents__needle{background:var(--fp-ok)}.cents__needle.is-idle{opacity:.2}.cents__labels{color:var(--fp-muted);justify-content:space-between;margin-top:.2rem;font-size:.72rem;display:flex}.tuner__shared{text-align:center;margin:0}.tuner__start{min-height:56px;font-size:1.05rem}.btn.is-on{background:var(--fp-ink);border-color:var(--fp-ink);color:var(--fp-on-maroon)}.tuner__error{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-accent) 10%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-accent) 35%, transparent);padding:.75rem .9rem}.tuner__error ol{margin:.4rem 0 0;padding-left:1.2rem;font-size:.9rem}.tuner__settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.tuner__notation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tuner__notation button{min-height:44px;padding:0 .3rem;font-size:.8rem}.ref{border-top:1px solid var(--fp-border);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.ref__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;display:grid}.ref__note{min-width:0;min-height:44px;padding:0;font-size:.85rem}.ref__note[aria-pressed=true]{background:var(--fp-maroon);border-color:var(--fp-maroon);color:var(--fp-on-maroon)}.ref__play{min-height:52px}.ref__hz{font-weight:500}.ref__play.is-on .ref__hz{color:var(--fp-on-maroon);opacity:.7}.tuner--compact{gap:.6rem}.tuner--compact .tuner__display{padding:.5rem}.tuner--compact .tuner__note{min-height:3rem}.tuner--compact .tuner__note-main{font-size:3rem}.tuner--compact .tuner__start{min-height:48px}@media (width<=360px){.tuner__settings{grid-template-columns:minmax(0,1fr)}}.practice{z-index:40;background:var(--fp-cream);height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.practice--msg{justify-content:center;align-items:center;gap:1rem;padding:2rem}.practice__bar{padding:.35rem .5rem;padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right));background:var(--fp-header-bg);color:var(--fp-on-maroon);flex:none;align-items:center;gap:.4rem;display:flex}.practice__back{color:var(--fp-on-maroon);padding:0;font-size:1.4rem}.practice__titles{flex:1;min-width:0}.practice__title{font-family:var(--fp-font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:750;overflow:hidden}.practice__sub{opacity:.85;font-variant-numeric:tabular-nums;font-size:.8rem}.practice__zoom{flex:none;gap:.25rem;display:flex}.practice__zoom .btn{background:color-mix(in srgb, var(--fp-cream) 14%, transparent);min-width:44px;color:var(--fp-on-maroon);border-color:#0000;padding:0;font-size:1.2rem}.practice__scorewrap{flex:1;min-height:0;position:relative}.practice__score{-webkit-overflow-scrolling:touch;background:color-mix(in srgb, var(--fp-ink) 6%, var(--fp-cream));height:100%;padding:.5rem;overflow:auto}.practice__edge{color:#fff;pointer-events:none;background:#1a171c38;border-radius:8px;place-items:center;width:26px;height:56px;font-size:1.5rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.practice__edge--left{left:4px}.practice__edge--right{right:4px}.pdf{width:100%;box-shadow:var(--fp-shadow);background:#fff;border-radius:6px;overflow:visible}.pdf__canvas{display:block}.pdf,.abc-score{color:#1a171c}.pdf__msg.muted{color:#5c5660}.pdf__msg{text-align:center;margin:0;padding:2rem 1rem}.abc-score{width:100%;box-shadow:var(--fp-shadow);color:#000;background:#fff;border-radius:6px}.practice__pager{background:var(--fp-cream);border-top:1px solid var(--fp-border);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem;padding:.35rem .5rem;display:grid}.practice__pager .btn{min-height:44px;font-size:.9rem}.practice.is-focus .practice__score{padding:0}.practice__exit-focus{right:max(.5rem, env(safe-area-inset-right));bottom:max(.5rem, env(safe-area-inset-bottom));z-index:2;color:#fff;background:#1a171cb3;border-color:#0000;min-height:44px;font-size:.85rem;position:fixed}.tools-sheet{background:var(--fp-surface);border-top:1px solid var(--fp-border);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:none;display:flex;box-shadow:0 -4px 18px #1a171c14}.tools-sheet__tabs{grid-template-columns:repeat(3,minmax(0,1fr)) 48px;display:grid}.tools-sheet__tab,.tools-sheet__toggle{white-space:nowrap;min-width:0;min-height:48px;color:var(--fp-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 2px;font-size:min(1rem,4.3vw);font-weight:650;line-height:1.1}.tools-sheet__tab[aria-pressed=true]{color:var(--fp-maroon-ink);border-bottom-color:var(--fp-maroon)}.tools-sheet__toggle{font-size:1.2rem}.tools-sheet__body{overscroll-behavior:contain;border-top:1px solid var(--fp-border);max-height:42dvh;padding:.6rem .75rem .75rem;overflow:auto}.tools-sheet__empty{margin:.5rem 0}@media (orientation:landscape) and (height<=500px){.tools-sheet__body{max-height:38dvh}}.summary{flex-direction:column;gap:.5rem;display:flex}.summary p{margin:0}.summary__big{font-family:var(--fp-font-display);color:var(--fp-maroon-ink);font-size:1.5rem;font-weight:800}.lib__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;display:flex}.lib__head>div{flex:10rem;min-width:0}.lib__head>.btn{white-space:nowrap;flex:none}.lib__head h1{margin:0}.lib__sub{margin:.2rem 0 0}.lib__student{align-items:center;gap:.5rem;display:flex}.lib__student select{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);flex:1;min-height:44px;padding:0 .6rem;font-weight:600}.piece{flex-direction:column;gap:.7rem;display:flex}.piece__head{justify-content:space-between;gap:.75rem;display:flex}.piece__titles{min-width:0}.piece__title{margin:0;font-size:1.15rem}.piece__composer{font-size:.9rem}.piece__deadline{white-space:nowrap;flex-direction:column;flex:none;align-items:flex-end;font-size:.9rem;font-weight:700;display:flex}.piece__deadline-label{text-transform:uppercase;letter-spacing:.04em;color:var(--fp-muted);font-size:.7rem;font-weight:600}.tone-soon{color:var(--fp-warn)}.tone-late{color:var(--fp-accent)}.piece__meta,.piece__tags{flex-wrap:wrap;gap:.65rem;display:flex}.chip{background:var(--fp-maroon-soft);color:var(--fp-maroon-ink);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:600}.chip--soft{background:color-mix(in srgb, var(--fp-ink) 6%, transparent);color:var(--fp-muted)}.tag{background:color-mix(in srgb, var(--fp-ok) 12%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-ok) 30%, transparent);border-radius:8px;align-items:center;gap:.2rem;padding:.15rem .2rem .15rem .6rem;font-size:.82rem;font-weight:600;display:inline-flex}.tag--soft{padding-right:.6rem}.tag__remove{width:40px;height:40px;color:var(--fp-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid;position:relative}.tag__remove:after{content:"";position:absolute;inset:-2px}.piece__note{border-left:3px solid var(--fp-maroon);background:var(--fp-cream);margin:0;padding:.5rem .7rem;font-style:italic}.piece__actions{flex-wrap:wrap;gap:.5rem;display:flex}.piece__actions .btn{flex:auto}.piece__blocked{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-accent) 12%, var(--fp-surface));border-left:4px solid var(--fp-accent);margin:0;padding:.6rem .75rem;line-height:1.4}.piece__report{color:var(--fp-muted);margin-left:auto;font-size:.9rem;font-weight:600;flex:none!important}.piece__delete{color:var(--fp-accent);flex:none!important}.lib__restore{text-align:center;margin:1rem 0 0}.qr{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.qr__svg{width:min(100%,300px);height:auto;box-shadow:var(--fp-shadow);border-radius:8px;margin:0 auto;display:block}.qr__url{text-align:center;overflow-wrap:anywhere;margin:0;font-weight:650}.qr__steps{margin:0;padding-left:1.3rem}.qr__warn{border-radius:var(--fp-radius-sm);background:color-mix(in srgb, var(--fp-warn) 12%, var(--fp-surface));border:1px solid color-mix(in srgb, var(--fp-warn) 35%, transparent);margin:0;padding:.6rem .8rem;font-size:.88rem}.gate{flex-direction:column;gap:.75rem;display:flex}.gate h1,.gate p{margin:0}.gate__note{border-radius:var(--fp-radius-sm);background:var(--fp-maroon-soft);border-left:4px solid var(--fp-maroon);padding:.7rem .9rem;line-height:1.45}.gate__modes{flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;margin-top:.75rem;display:flex}.admin{flex-direction:column;gap:1rem;display:flex}.admin h1,.admin h2,.admin p{margin:0}.admin h2{font-size:1.05rem}.admin__row{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.admin__row .form__field{align-self:stretch;min-width:0}.admin__row .btn{flex:none;min-width:8rem}.admin__code{font-family:var(--fp-font-display);white-space:nowrap;letter-spacing:.12em;text-align:center;margin:.25rem 0;font-size:min(1.9rem,8.5vw);font-weight:800}.t-row.t-row--stack{flex-direction:column;align-items:stretch}.t-row.t-row--stack .t-row__main{flex:none}.t-row.t-row--stack .t-row__actions{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin-left:0;display:flex}.t-row.t-row--stack .t-row__actions .btn{white-space:nowrap;flex:auto;padding-inline:.6rem}.t-list{margin:0;padding:.25rem 0;list-style:none}.t-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.6rem .9rem;display:flex}.t-row+.t-row{border-top:1px solid var(--fp-border)}.t-row__main{overflow-wrap:anywhere;flex-direction:column;flex:9rem;min-width:0;display:flex}.t-row__actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:.3rem;margin-left:auto;display:flex}.t-ok{color:var(--fp-ok);font-weight:650}.t-warn{color:var(--fp-warn);font-weight:650}.t-danger{color:var(--fp-accent)}.btn.t-danger-bg{background:var(--fp-accent);border-color:var(--fp-accent);color:var(--fp-on-status)}.palette-pick{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.palette-pick__grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem;display:grid}.palette-pick__opt{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);min-height:48px;color:var(--fp-ink);font:inherit;cursor:pointer;align-items:center;gap:.5rem;min-width:0;padding:.35rem .5rem;font-weight:600;display:flex}.palette-pick__opt[aria-pressed=true]{border-color:var(--fp-ink);box-shadow:inset 0 0 0 2px var(--fp-ink)}.palette-pick__swatch{border-radius:50%;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.palette-pick__swatch span{position:absolute;inset:50% 0 0 50%}.logo-pick{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.logo-pick__preview{border:1px solid var(--fp-border);background:#fff;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.logo-pick__preview img{object-fit:contain;width:56px;height:56px}.logo-pick__preview .muted{color:#625c67}.logo-pick__actions{flex-wrap:wrap;gap:.4rem;display:flex}.img-pages{gap:.15rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.img-pages__row{align-items:center;gap:.25rem;min-width:0;display:flex}.img-pages__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.img-pages__btn{flex:none;width:44px;min-width:44px;padding:0}.gate__modes .gate__register{flex-basis:100%;order:-1}.t-code{text-align:center;font-family:var(--fp-font-display);white-space:nowrap;letter-spacing:.12em;color:var(--fp-maroon-ink);font-size:min(2.4rem,10vw);font-weight:800}.t-pick{border:0;flex-direction:column;gap:.1rem;margin:0;padding:0;display:flex}.t-pick__all{align-self:flex-start;min-height:44px;padding:0 .6rem}.t-pick__row{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;display:flex}.t-pick__row input{width:22px;height:22px;accent-color:var(--fp-maroon)}.t-bell{font-size:.9rem}.t-notice{border-left:4px solid var(--fp-ok);margin:0 0 1rem}.t-live h2{margin-bottom:.5rem}.t-live__list{margin:0;padding:0;list-style:none}.t-live__row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;min-height:52px;padding:.3rem 0;display:grid}.t-live__list li+li .t-live__row{border-top:1px solid var(--fp-border)}.t-live__who{flex-direction:column;min-width:0;display:flex}.t-live__what{text-align:right;font-variant-numeric:tabular-nums}.t-live-dot{background:color-mix(in srgb, var(--fp-ink) 25%, transparent);vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:.4rem;display:inline-block}.t-live-dot.is-on{background:var(--fp-ok);animation:1.6s ease-in-out infinite t-pulse}@keyframes t-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--fp-ok) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--fp-ok) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.t-live-dot.is-on{animation:none}}.t-legend{color:var(--fp-muted);gap:1rem;margin:-.4rem 0 .4rem;font-size:.78rem;display:flex}.t-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:.3rem;display:inline-block}.t-legend__open{background:color-mix(in srgb, var(--fp-maroon) 22%, var(--fp-cream))}.t-legend__played{background:var(--fp-maroon)}.t-stack{position:relative}.t-stack__open,.t-stack__played{border-radius:4px 4px 0 0;position:absolute;bottom:0;left:0;right:0}.t-stack__open{background:color-mix(in srgb, var(--fp-maroon) 22%, var(--fp-cream))}.t-stack__played{background:var(--fp-maroon);left:2px;right:2px}.t-pieces{margin:0;padding:0;list-style:none}.t-pieces li{padding:.6rem 0}.t-pieces li+li{border-top:1px solid var(--fp-border)}.t-pieces__head{flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;display:flex}.t-tempo{color:var(--fp-maroon-ink);margin-top:.5rem}.t-tempo__bar{background:color-mix(in srgb, var(--fp-ink) 10%, transparent);border-radius:99px;height:8px;overflow:hidden}.t-tempo__bar span{background:var(--fp-maroon);height:100%;display:block}.t-tempo__labels{color:var(--fp-ink);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.25rem;display:flex}.t-spark{margin-top:.3rem;display:block}.kids .kid__name{white-space:normal;text-overflow:clip;line-height:1.2;overflow:visible}.t-flags{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.t-flags li{grid-template-columns:1.2rem minmax(0,1fr);gap:.3rem;font-size:.92rem;display:grid}.games-card{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.games-card__msg{margin:0}.games-ed{flex-direction:column;gap:.75rem;display:flex}.games-ed__main,.games-ed__toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;display:flex}.games-ed__main>span{flex-direction:column;display:flex}.games-ed__main input,.games-ed__toggle input{width:24px;height:24px;accent-color:var(--fp-maroon);flex:none;margin:0}.games-ed__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.games-ed__game{border-radius:var(--fp-radius-sm);background:var(--fp-cream-deep);padding:.35rem .6rem .6rem}.games-ed__game.is-ki{background:0 0;padding-bottom:.35rem}.games-ed__game.is-ki strong{color:var(--fp-muted)}.games-ed__opts{flex-wrap:wrap;gap:.5rem;display:flex}.games-ed__opts .form__field{flex:12rem;min-width:0}.games-ed__opts select{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);width:100%;min-height:44px;padding:.4rem .6rem}.games-ed__mode{border:0;flex-direction:column;gap:0;margin:0;padding:0}.games-res{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.games-res li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .75rem;display:grid}.games-res__bar{background:var(--fp-border);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.games-res__bar span{background:var(--fp-ok);height:100%;display:block}.tools-tabs{width:100%;display:flex}.tools-tabs button{white-space:nowrap;flex:auto;min-width:0;min-height:44px;padding-inline:.35rem;font-size:min(1rem,3.9vw)}.lang-gate{z-index:100;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:var(--fp-header-bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.lang-gate__panel{border-radius:var(--fp-radius);background:var(--fp-surface);width:min(26rem,100%);color:var(--fp-ink);box-shadow:var(--fp-shadow);gap:1.25rem;padding:1.5rem 1.25rem;display:grid}.lang-gate__title{gap:.15rem;margin:0;font-size:1.4rem;line-height:1.25;display:grid}.lang-gate__alt{color:var(--fp-muted);font-size:.85rem;font-weight:500}.lang-gate__list{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;display:grid}.lang-gate__btn{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);min-height:52px;color:var(--fp-ink);font:inherit;cursor:pointer;padding:.5rem .75rem;font-size:1.05rem;font-weight:650}.lang-gate__btn.is-suggested{border-color:var(--fp-maroon-ink);box-shadow:inset 0 0 0 2px var(--fp-maroon-ink)}.lang-gate__btn:hover{background:var(--fp-cream-deep)}.lang-gate__error{color:var(--fp-accent);margin:0;font-weight:600}.app{min-height:100dvh}.app-main{width:100%;max-width:720px;padding:1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:calc(var(--fp-nav-h) + env(safe-area-inset-bottom) + 1.5rem);flex-direction:column;gap:1rem;margin:0 auto;display:flex}.app-main>*{min-width:0;max-width:100%}