:root,.radix-themes{--bg:var(--gray-2);--srf:var(--color-panel-solid);--hov:var(--gray-3);--brd:var(--gray-6);--txt:var(--gray-12);--sub:var(--gray-11);--acc:var(--accent-9);--accsoft:var(--accent-3);--acc-txt:var(--accent-11);--acc-on:var(--accent-contrast);--danger:var(--red-11);--danger-solid:var(--red-9);--success:var(--green-11);--success-solid:var(--green-9);--shadow-1:var(--shadow-2);--shadow-2:var(--shadow-4);--shadow-3:var(--shadow-5)}.radix-themes.echo-theme--transparent{background-color:#0000;min-height:0;display:inline-block}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (pointer:coarse){.rt-TextFieldRoot:where(.rt-r-size-1,.rt-r-size-2),.rt-TextAreaRoot:where(.rt-r-size-1,.rt-r-size-2) :where(.rt-TextAreaInput){font-size:16px}}body{background:0 0;margin:0}a{color:var(--acc);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}button,textarea,input,select{font-family:inherit}button{cursor:pointer}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.stepper{align-items:center;gap:10px;display:flex}.stepper__val{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);color:var(--txt);text-align:center;font-variant-numeric:tabular-nums;width:18px}.toast-stack{z-index:1000;gap:var(--space-2);flex-direction:column;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{box-shadow:var(--shadow-3);background-color:var(--color-panel-solid);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;animation:.15s ease-out fadeUp}.toast>.toast__icon{grid-column:1}.toast>.toast__text{overflow-wrap:anywhere;grid-column:2}.toast>.toast__dismiss{grid-column:3}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.tile{border-radius:var(--radius-3);width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-3);flex:none;justify-content:center;align-items:center;display:flex}.score{gap:var(--space-2);--score-gutter:14px;flex-direction:column;min-width:0;display:flex}.score__stage{position:relative}.score__viewport{overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none;z-index:0;border-radius:var(--radius-3);background:var(--color-panel-solid);border:1px solid var(--gray-a5);scrollbar-width:none;align-items:center;height:100%;display:flex;position:relative;overflow:auto hidden}.score__viewport::-webkit-scrollbar{display:none}.score__viewport--draggable{cursor:grab}.score__viewport--dragging{cursor:grabbing}.score__content{box-sizing:border-box;min-width:100%;padding-inline:var(--score-gutter);flex:none;position:relative}.score__host{width:100%}.score__marker{height:2px;margin-top:4px;margin-left:var(--score-gutter);background:var(--acc);pointer-events:none;border-radius:1px;position:absolute}.score__stage--empty .score__viewport{visibility:hidden}.score__host .at-cursors{z-index:0!important}.score .at-cursor-bar{background:var(--accsoft)}.score .at-cursor-beat{background:var(--acc);opacity:.8;width:2px}.score .at-highlight *{fill:var(--acc);stroke:var(--acc)}.score__placeholder{text-align:center;padding:var(--space-4);color:var(--gray-a11);font-size:var(--font-size-1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score__stage:before,.score__stage:after{content:"";z-index:1;pointer-events:none;opacity:0;background:var(--color-panel-solid);width:34px;transition:opacity .15s;position:absolute;top:1px;bottom:1px}.score__stage:before{border-radius:var(--radius-3) 0 0 var(--radius-3);left:1px;-webkit-mask-image:linear-gradient(90deg,#000 20%,#0000);mask-image:linear-gradient(90deg,#000 20%,#0000)}.score__stage:after{border-radius:0 var(--radius-3) var(--radius-3) 0;right:1px;-webkit-mask-image:linear-gradient(270deg,#000 20%,#0000);mask-image:linear-gradient(270deg,#000 20%,#0000)}.score__stage[data-more-before]:before,.score__stage[data-more-after]:after{opacity:1}.score__page{z-index:2;border:1px solid var(--gray-a5);border-radius:var(--radius-2);background:var(--color-panel-solid);width:26px;height:26px;color:var(--txt);box-shadow:var(--shadow-2);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;bottom:8px}.score__stage:hover .score__page:not(:disabled),.score__page:focus-visible{opacity:1}.score__page:disabled{opacity:0;pointer-events:none}@media (hover:none){.score__page{opacity:.9}}.score__page--prev{left:8px}.score__page--next{right:8px}.score__transport{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.score-speed{gap:var(--space-3);flex-direction:column;display:flex}.score-speed__set{align-items:center;gap:var(--space-3);display:flex}.score-speed__slider{flex:1;min-width:0}.score-speed__field{flex:none;width:4.25rem}.score-speed__field input{text-align:right;font-variant-numeric:tabular-nums;padding-right:var(--space-1)}.score-speed__presets{gap:var(--space-1);display:flex}.score-speed__presets>*{flex:1}.score__meta{font-size:var(--font-size-1);color:var(--gray-a11);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.card-prompt{align-items:flex-start;gap:var(--space-2);margin-bottom:12px;display:flex}.card-prompt__q{min-width:0;color:var(--txt);text-wrap:pretty;overflow-wrap:anywhere;flex:1;font-size:14px;font-weight:650;line-height:1.35}.card-prompt__gap{flex:1}.card-prompt__aside{flex:none;align-items:center;gap:6px;margin-top:1px;display:flex}.card-prompt__require{background:var(--accsoft);color:var(--acc-txt);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.pick{background:var(--bg);border:1px solid var(--brd);border-radius:12px;flex-direction:column;align-items:center;padding:14px;display:flex;position:relative}.pick>.card-prompt{align-self:stretch;margin-bottom:0}.pick__stimulus{align-self:stretch;margin-top:12px}.pick--bare .pick__stimulus{margin-top:0}.ear__play{border:1px solid var(--acc);background:var(--accsoft);height:46px;color:var(--acc-txt);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:0 22px;font-size:14px;font-weight:650;display:inline-flex}.ear__play:hover{background:var(--accent-4)}.ear__play:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.pick--bare .ear__play{margin-top:0}.ear__play.sounding{background:var(--acc);color:var(--accent-contrast);border-color:var(--acc)}.ear__budget{min-height:1.3em;color:var(--sub);text-align:center;margin-top:8px;font-size:11px}.ear__silent{color:var(--danger);align-items:center;gap:5px;display:inline-flex}.pick__choices{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px;display:flex}.pick__choice{border:1px solid var(--brd);background:var(--srf);min-width:44px;color:var(--txt);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:650}.pick__choice:hover:not(:disabled){border-color:var(--sub)}.pick__choice:disabled{opacity:.45;cursor:default}.pick__choice.picked{border-color:var(--acc);background:var(--accsoft);color:var(--acc-txt)}.pick__choice.correct{border-color:var(--success-solid);background:var(--green-3);color:var(--success)}.pick__choice.wrong{border-color:var(--danger-solid);background:var(--red-3);color:var(--danger)}.pick__msg{min-height:1.4em;color:var(--sub);text-align:center;margin-top:10px;font-size:11.5px;font-weight:600}.pick__msg.ok{color:var(--success)}.pick__msg.no{color:var(--danger)}.qa{align-items:stretch}.qa__field{box-sizing:border-box;border:1px solid var(--brd);background:var(--srf);width:100%;color:var(--txt);font:inherit;text-align:center;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:15px}.pick--bare .qa__field{margin-top:0}.qa__field::placeholder{color:var(--sub)}.qa__field:focus-visible{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}.qa__field[readonly]{background:var(--bg);color:var(--sub)}.qa__hint-btn{border:1px dashed var(--brd);color:var(--sub);cursor:pointer;background:0 0;border-radius:999px;align-self:center;align-items:center;gap:5px;margin-top:10px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.qa__hint-btn:hover{border-color:var(--sub);color:var(--txt)}.qa__hint{color:var(--sub);text-align:center;text-wrap:pretty;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;display:flex}.qa__submit{border:1px solid var(--acc);background:var(--accsoft);height:44px;color:var(--acc-txt);cursor:pointer;border-radius:999px;align-self:center;align-items:center;gap:8px;margin-top:14px;padding:0 22px;font-size:14px;font-weight:650;display:inline-flex}.qa__submit:hover:not(:disabled){background:var(--accent-4)}.qa__submit:disabled{opacity:.45;cursor:default}.qa__submit:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.qa__face{box-sizing:border-box;text-align:center;width:100%;font:inherit;color:var(--txt);border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin-top:12px;padding:14px;display:flex}.qa__face-label{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.qa__face-text{color:var(--txt);text-wrap:pretty;overflow-wrap:anywhere;font-size:17px;font-weight:650}.qa__face-also{color:var(--sub);overflow-wrap:anywhere;font-size:11.5px}.qa__face--question{background:var(--srf);border:1px solid var(--brd);cursor:pointer}.qa__face--question:hover{border-color:var(--sub)}.qa__face--question:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.qa__face--question .qa__face-label{color:var(--sub)}.qa__face-action{color:var(--acc-txt);align-items:center;gap:3px;margin-top:6px;font-size:12.5px;font-weight:650;display:inline-flex}.qa__face--answer{background:var(--accsoft);border:1px solid color-mix(in oklab, var(--acc) 30%, transparent)}.qa__face--answer .qa__face-label{color:var(--acc)}.qa--recall .qa__face{justify-content:center;min-height:148px}.qa__ratings{gap:6px;margin-top:10px;display:flex}.qa__rating{border:1px solid var(--brd);background:var(--srf);min-height:36px;color:var(--txt);cursor:pointer;border-radius:8px;flex:1;padding:7px 4px;font-size:12.5px;font-weight:650}.qa__rating:hover{border-color:var(--sub)}.qa__rating:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.qa__rating.suggested{border-color:var(--acc);background:var(--accsoft);color:var(--acc-txt)}.qa__override{color:var(--sub);text-align:center;margin:8px 0 0;font-size:11px}.staff{min-width:0}.staff__frame{border-radius:var(--radius-3);background:var(--color-panel-solid);border:1px solid var(--gray-a5);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.staff--bare .staff__frame{background:0 0;border:0;border-radius:0}.staff__host{width:100%}.staff__host .at-surface{margin:0 auto}.staff__frame--empty .staff__host{visibility:hidden}.staff__placeholder{text-align:center;padding:var(--space-4);color:var(--gray-a11);font-size:var(--font-size-1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.range-window{background:var(--hov);border:1px solid var(--brd);border-radius:6px;flex:1;min-width:200px;height:26px;position:relative}.range-window__window{background:var(--accsoft);border:1px solid var(--acc);cursor:grab;touch-action:none;border-radius:5px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:2px;bottom:2px}.range-window__window:active{cursor:grabbing}.range-window__window:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.range-window__grip{background:var(--acc);cursor:ew-resize;touch-action:none;border-radius:3px;flex:none;width:8px;height:14px;margin:0 3px}.range-window__label{letter-spacing:.04em;color:var(--acc-txt);pointer-events:none;white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.study-card{gap:var(--space-3);padding:var(--space-4);background:var(--srf);border:1px solid var(--brd);border-radius:var(--radius-4);flex-direction:column;min-width:0;display:flex}.study-card__head{align-items:center;gap:var(--space-2);display:flex}.study-card__type{font-size:var(--font-size-1);letter-spacing:.04em;text-transform:uppercase;color:var(--acc-txt);font-weight:700}.study-card__require{font-size:var(--font-size-1);color:var(--sub);white-space:nowrap;margin-left:auto}.study-card__q{font-size:var(--font-size-4);color:var(--txt);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.35}.study-card__face:empty{display:none}.study-card__face{min-width:0}.study-card__caption{font-size:var(--font-size-2);color:var(--sub);margin:0}.study-card__reveal{border:1px solid var(--brd);border-radius:var(--radius-3);background:var(--hov);color:var(--txt);font-size:var(--font-size-2);cursor:pointer;align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.study-card__reveal:hover{background:var(--accsoft);border-color:var(--acc)}.study-card__reveal:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.study-card__answer{padding:var(--space-3);background:var(--accsoft);border-radius:var(--radius-3);flex-direction:column;gap:4px;display:flex}.study-card__answer-label{font-size:var(--font-size-1);letter-spacing:.04em;text-transform:uppercase;color:var(--acc-txt);font-weight:700}.study-card__answer-text{font-size:var(--font-size-3);color:var(--txt);overflow-wrap:anywhere}.study-card__hint{font-size:var(--font-size-2);color:var(--sub)}.study-ear{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.study-ear__note{font-size:var(--font-size-1);color:var(--sub);text-align:center}
.fretboard{background:var(--bg);border:1px solid var(--brd);border-radius:12px;padding:14px 14px 12px;position:relative}.fretboard__scroll{padding-bottom:10px;display:flex;overflow-x:auto}.fretboard__grid{flex-direction:column;flex:none;align-items:flex-start;width:max-content;margin-inline:auto;display:flex}.fretboard__fret-labels{margin-bottom:2px;display:flex}.fretboard__fret-labels-row{display:flex}.fretboard__fret-label{text-align:center;width:40px;color:var(--sub);font-size:10px}.fretboard__row{align-items:center;display:flex}.fretboard__cell{cursor:pointer;background:linear-gradient(to bottom, transparent 11px, var(--brd) 11px, var(--brd) 13px, transparent 13px);border:none;border-right:2px solid var(--brd);justify-content:center;align-items:center;width:40px;height:25px;padding:0;display:flex;position:relative}.fretboard__cell:disabled{cursor:default}.fretboard__board{display:flex}.fretboard__open-label{text-align:center;flex:none;width:40px;margin-right:12px}.fretboard__open-column{flex-direction:column;flex:none;margin-right:12px;display:flex}.fretboard__open-cell{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:25px;padding:0;display:flex;position:relative}.fretboard__open-cell:disabled{cursor:default}.fretboard__open-cell.muted{opacity:.32}.fretboard__open-cell .fretboard__dot,.fretboard__cell .fretboard__dot{z-index:1;position:static;transform:none}.fretboard__cell:hover:not(:disabled):after,.fretboard__open-cell:hover:not(:disabled):after{content:"";border:1.5px solid color-mix(in oklab, var(--sub) 45%, transparent);border-radius:50%;width:13px;height:13px;position:absolute}.fretboard__cell:hover:not(:disabled):has(.fretboard__dot):after{content:none}.fretboard__open-cell:hover:not(:disabled):has(.fretboard__dot):after{content:none}.fretboard__fretted{position:relative}.fretboard__fretted.has-nut{border-left:4px solid var(--txt)}.fretboard__dot{border-radius:50%;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%,-50%)}.fretboard__note-label{color:var(--sub);white-space:nowrap;font-size:9px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.fretboard__msg{text-align:center;min-height:1.4em;color:var(--sub);margin-top:10px;font-size:11.5px;font-weight:600}.fretboard__msg.ok{color:#2f9e6e}.fretboard__msg.no{color:#c05a4a}.fretboard__dot.selected{background:var(--acc);width:17px;height:17px;box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 25%, transparent)}.fretboard__dot.correct{background:#2f9e6e;width:17px;height:17px;box-shadow:0 0 0 3px #2f9e6e38;box-shadow:0 0 0 3px lab(58.1215% -41.1255 15.7868/.22)}.fretboard__dot.missed{background:0 0;border:2px dashed #c05a4a;width:15px;height:15px}.fretboard__dot.wrong{background:#c05a4a;width:15px;height:15px;box-shadow:0 0 0 3px #c05a4a2e;box-shadow:0 0 0 3px lab(51.2357% 40.9047 29.6778/.18)}.fretboard__dot.given{background:var(--txt);width:17px;height:17px;box-shadow:0 0 0 3px color-mix(in oklab, var(--txt) 18%, transparent)}.fretboard__row.muted{opacity:.32}.fretboard__row.muted .fretboard__cell{cursor:default}.fretboard__dot.editor-note{background:color-mix(in oklab, var(--sub) 45%, transparent);width:13px;height:13px}.fretboard__dot.editor-root{background:var(--acc);width:17px;height:17px;box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 25%, transparent)}.fretboard__hint{text-align:center;color:var(--sub);margin-top:10px;font-size:10.5px}.board-editor{border:1px solid var(--brd);background:var(--bg);border-radius:8px;padding:16px}.board-editor__controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.board-editor--preview{background:0 0;border:none;padding:0;overflow-x:auto}.board-editor--preview .board-editor__fret-labels,.board-editor--preview .board-editor__board{width:max-content;margin-inline:auto}.board-editor--preview .board-editor__cell,.board-editor--preview .board-editor__fret-label{flex:none;width:32px}.board-editor--preview .board-editor__grid,.board-editor--preview .board-editor__fret-labels-row{flex:none;width:max-content}@media (max-width:560px){.board-editor--preview .board-editor__cell,.board-editor--preview .board-editor__fret-label{width:24px}.board-editor--preview .board-editor__open-column,.board-editor--preview .board-editor__open-label{width:26px;margin-right:8px}}.board-editor__label{color:var(--sub);flex:none;font-size:11px;font-weight:650}.board-editor__range-inputs{flex:none;align-items:center;gap:6px;display:flex}.board-editor__range-inputs input{text-align:center;border:1px solid var(--brd);background:var(--srf);width:44px;color:var(--txt);border-radius:5px;padding:5px 0;font-size:12.5px}.board-editor__range-inputs span{color:var(--sub);font-size:12px}@media (pointer:coarse){.board-editor__range-inputs input,.fretboard__range input{font-size:16px}}.board-editor__toggle{color:var(--sub);cursor:pointer;flex:none;align-items:center;gap:7px;font-size:12px;display:flex}.board-editor__clear{margin-left:auto}.board-editor__fret-labels{color:var(--sub);margin-bottom:6px;font-size:10.5px;display:flex}.board-editor__open-label{text-align:center;flex:none;width:36px;margin-right:12px}.board-editor__fret-labels-row{flex:1;display:flex}.board-editor__fret-label{text-align:center;flex:1}.board-editor__board{display:flex}.board-editor__open-column{flex-direction:column;flex:none;width:36px;margin-right:12px;display:flex}.board-editor__open-cell{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:22px;padding:0;display:flex;position:relative}.board-editor__open-cell:disabled{cursor:default}.board-editor__grid{border-left:1px solid var(--brd);border-radius:0 4px 4px 0;flex:1;position:relative}.board-editor__grid.has-nut{border-left:4px solid var(--txt)}.fret-inlay{background:var(--hov);pointer-events:none;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute}.board-editor__row{background:linear-gradient(180deg, transparent 0 10px, var(--brd) 10px 11.5px, transparent 11.5px 22px);height:22px;display:flex;position:relative}.board-editor__row.muted{opacity:.32}.board-editor__cell{border:none;border-right:1px solid var(--brd);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.board-editor__cell:disabled{cursor:default}.board-editor__cell:hover:not(:disabled):after,.board-editor__open-cell:hover:not(:disabled):after{content:"";border:1.5px solid color-mix(in oklab, var(--sub) 45%, transparent);border-radius:50%;width:13px;height:13px;position:absolute}.board-editor__cell:hover:not(:disabled):has(.fretboard__dot):after{content:none}.board-editor__open-cell:hover:not(:disabled):has(.fretboard__dot):after{content:none}.board-editor__cell .fretboard__dot{z-index:1;position:static;transform:none}.board-editor__open-cell .fretboard__dot{position:static;transform:none}.fretboard__controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.fretboard__range{color:var(--sub);flex-direction:column;gap:4px;font-size:10.5px;font-weight:600;display:flex}.fretboard__range input{border:1px solid var(--brd);background:var(--srf);width:56px;color:var(--txt);border-radius:6px;padding:6px 8px;font-size:13px}.fretboard__toggle{color:var(--sub);cursor:pointer;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.fretboard__clear{margin-left:auto}
.radix-themes:where([data-has-background=true]){background-color:var(--bg)}.screen-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.screen-title h1{margin:0;font-size:20px}:root{--app-header-h:56px}.app-shell{background:var(--bg);min-height:100dvh}.app-header{height:var(--app-header-h);border-bottom:1px solid var(--brd);background:var(--srf);z-index:20;align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.app-header__brand{color:var(--txt);font-size:15px;font-weight:750}.app-header__brand:hover{text-decoration:none}.app-header__nav{flex:1;gap:4px;display:flex}.app-header__link{color:var(--sub);border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:550;display:inline-flex}.app-header__link:hover{color:var(--txt);background:var(--hov);text-decoration:none}.app-header__link.active{color:var(--txt);background:var(--hov);font-weight:650}.app-header__auth{align-items:center;gap:6px;display:flex}.app-header__avatar{background:0 0;border:none;border-radius:50%;padding:0;display:flex}.app-header__avatar:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.app-header__avatar:hover{outline:2px solid color-mix(in oklab, var(--acc) 50%, transparent);outline-offset:2px}.app-header__identity{flex-direction:column;gap:1px;min-width:180px;padding:2px 0;display:flex}.app-header__identity-name{align-items:center;gap:6px;display:flex}.app-shell__body{padding:0 0 48px}.app-header__menu{width:40px;height:40px;color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:none}.app-header__menu:hover{color:var(--txt);background:var(--hov)}.app-header__menu:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}@media (max-width:720px){.app-header{gap:12px;padding:0 12px 0 16px}.app-header__nav,.app-header__account,.app-header__auth{display:none}.app-header__menu{display:flex}}.app-nav-sheet{background:var(--srf);border-bottom:1px solid var(--brd);max-height:calc(100dvh - var(--app-header-h));flex-direction:column;gap:2px;padding:8px;animation:.16s ease-out navSheetIn;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 14px 28px #0a0f1929}@keyframes navSheetIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-nav-sheet{animation:none}}.app-nav-sheet__identity{border-bottom:1px solid var(--brd);align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px 12px;display:flex}.app-nav-sheet__identity .app-header__identity{overflow-wrap:anywhere;min-width:0;padding:0}.app-nav-sheet__link{min-height:44px;color:var(--sub);border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:14.5px;font-weight:550;display:flex}.app-nav-sheet__link:hover{color:var(--txt);background:var(--hov);text-decoration:none}.app-nav-sheet__link:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.app-nav-sheet__link.active{color:var(--txt);background:var(--hov);font-weight:650}.app-nav-scrim{top:var(--app-header-h);background:#0a0f1952;position:fixed;bottom:0;left:0;right:0}.breadcrumb{color:var(--sub);margin:0 0 20px;font-size:12.5px}.breadcrumb a{color:var(--sub)}.breadcrumb a:hover{color:var(--txt)}.breadcrumb span{color:var(--txt);font-weight:600}.settings{max-width:560px;margin:48px auto;padding:0 24px}.settings-heading{letter-spacing:.08em;color:var(--sub);margin-bottom:10px;font-size:11px;font-weight:700}.settings-panel{border:1px solid var(--brd);border-radius:10px;flex-direction:column;margin-bottom:22px;display:flex;overflow:hidden}.settings-row{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__title{color:var(--txt);font-size:13.5px;font-weight:600}.settings-row__desc{color:var(--sub);font-size:12px}.account-row{border:1px solid var(--brd);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:13px 16px;display:flex}.account-row>div{min-width:0}.account-row .settings-row__title{overflow-wrap:anywhere}.settings-panel--danger{border-color:color-mix(in oklab, var(--danger-solid) 35%, var(--brd))}.delete-account__confirm{flex-direction:column;gap:6px;margin-top:18px;display:flex}@media (max-width:640px){.settings{margin:28px auto;padding:0 16px}}.landing{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.landing--framed{min-height:calc(100dvh - var(--app-header-h))}.grid-bg{z-index:0;pointer-events:none;width:100%;height:100%;color:var(--gray-12);--dot-lit:var(--accent-9);--dot-alpha:.055;--dot-lit-alpha:.5;display:block;position:fixed;inset:0}:root.dark .grid-bg{--dot-alpha:.05;--dot-lit-alpha:.42}.landing__hero{text-align:center;max-width:560px;margin:14vh auto 0;padding:0 24px}.landing__logo{width:68px;height:68px;margin:0 auto 20px;display:block}.landing__hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(34px,9vw,44px)}.landing__tagline{color:var(--sub);margin:0 0 26px;font-size:16.5px;line-height:1.5}.landing__cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing__alt{color:var(--sub);text-align:center;margin:16px 0 0;font-size:13.5px}.landing__alt a{color:var(--acc);font-weight:550}.landing__cta a{text-decoration:none}.landing__section{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:96px 24px 0}.landing__section:last-child{padding-bottom:96px}.landing__centered{text-align:center}.landing__title{letter-spacing:-.015em;color:var(--txt);text-wrap:balance;margin:0 0 10px;font-size:clamp(22px,4.5vw,27px);font-weight:700;line-height:1.25}.landing__lede{color:var(--sub);text-wrap:balance;max-width:52ch;margin:0 auto;font-size:15px;line-height:1.55}.landing__centered .landing__cta{margin-top:26px}.landing__mark,.step__mark{background:var(--accsoft);width:44px;height:44px;color:var(--acc-txt);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.landing__mark{margin-bottom:16px}.landing__steps{flex-direction:column;gap:34px;display:flex}.step{align-items:flex-start;gap:16px;width:74%;display:flex}.step--right{text-align:right;flex-direction:row-reverse;align-self:flex-end}.step__text{min-width:0}.step__title{letter-spacing:-.01em;color:var(--txt);margin:0 0 5px;font-size:20px;font-weight:700}.step__body{color:var(--sub);margin:0;font-size:14.5px;line-height:1.55}@media (max-width:620px){.step,.step--right{text-align:left;flex-direction:row;align-self:stretch;width:100%}}.landing__types{max-width:920px}.fan{--fan-card:272px;--fan-gap:20px;--fan-step:calc(var(--fan-card) + var(--fan-gap));--fan-peek:20px;justify-content:center;gap:var(--fan-gap);margin:34px 0 0;padding:6px 0 14px;display:flex}.fan>*{width:var(--fan-card);transform:translate(var(--stack-x), var(--stack-y)) rotate(var(--stack-rot)) scale(var(--stack-scale));opacity:var(--stack-op);transform-origin:50% 100%;transition:transform .8s cubic-bezier(.22, 1, .36, 1) var(--fan-delay), opacity .5s ease var(--fan-delay);will-change:transform;flex:none}.fan--out>*{transform:translate(0, var(--rest-y)) rotate(var(--rest-rot)) scale(1);opacity:1}.fan>:first-child{--stack-x:calc(var(--fan-step) - var(--fan-peek));--stack-y:9px;--stack-rot:-2deg;--stack-scale:.95;--stack-op:.8;--rest-y:10px;--rest-rot:-2.5deg;--fan-delay:60ms;z-index:2}.fan>:nth-child(2){--stack-x:0;--stack-y:0;--stack-rot:0deg;--stack-scale:1;--stack-op:1;--rest-y:0;--rest-rot:0deg;--fan-delay:0s;z-index:3}.fan>:nth-child(3){--stack-x:calc(var(--fan-peek) - var(--fan-step));--stack-y:18px;--stack-rot:2deg;--stack-scale:.9;--stack-op:.65;--rest-y:10px;--rest-rot:2.5deg;--fan-delay:.12s;z-index:1}@media (max-width:940px){.fan{flex-direction:column;align-items:center}.fan>*{width:min(var(--fan-card), 100%)}.fan>:first-child,.fan>:nth-child(2),.fan>:nth-child(3){--stack-x:0;--stack-y:26px;--stack-rot:0deg;--stack-scale:1;--stack-op:0;--rest-y:0;--rest-rot:0deg}.fan>:first-child{--fan-delay:0s}.fan>:nth-child(2){--fan-delay:90ms}.fan>:nth-child(3){--fan-delay:.18s}}@media (prefers-reduced-motion:reduce){.fan>*{transform:translate(0, var(--rest-y)) rotate(var(--rest-rot));opacity:1;transition:none}}@media (scripting:none){.fan>*{transform:translate(0, var(--rest-y)) rotate(var(--rest-rot));opacity:1}}.ctype{box-sizing:border-box;border:1px solid var(--brd);background:var(--srf);text-align:left;border-radius:14px;flex-direction:column;padding:14px 16px 15px;display:flex;box-shadow:0 8px 28px #0a0f1921}.ctype__head{align-items:center;gap:8px;margin-bottom:11px;display:flex}.ctype__kind{color:var(--sub);font-size:11.5px;font-weight:600}.ctype__q{color:var(--txt);min-height:2.8em;margin:0 0 12px;font-size:14px;font-weight:650;line-height:1.4}.ctype__media{min-height:138px;color:var(--txt);flex:1;justify-content:center;align-items:center;padding:4px 0;display:flex}.ctype__media--clipped{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}.ctype__foot{color:var(--sub);border-top:1px solid var(--brd);min-height:2.9em;margin:12px 0 0;padding-top:11px;font-size:12px;line-height:1.45}.ctype__hanzi{color:var(--txt);font-size:78px;font-weight:500;line-height:1}.staff{width:100%;height:auto}.staff__rules{opacity:.55}.staff__ties{fill:none;stroke:currentColor;stroke-width:.9px}.shape{width:auto;max-width:100%;height:138px}.shape__neck{fill:var(--brd)}.shape__frets{fill:var(--sub);font-size:9px;font-weight:600}.shape__note{fill:color-mix(in oklab, var(--sub) 45%, transparent)}.shape__root{fill:var(--acc);stroke:color-mix(in oklab, var(--acc) 25%, transparent);stroke-width:5px;paint-order:stroke}.ctype__closer{color:var(--sub);text-wrap:balance;max-width:56ch;margin:34px auto 0;font-size:14px;line-height:1.55}.demo{margin-top:30px}.demo__stack{width:min(448px,100%);margin:0 auto;position:relative}.demo__ghost{background:var(--srf);border:1px solid var(--brd);border-radius:14px;position:absolute;inset:0}.demo__ghost--near{opacity:.7;transform:translateY(9px)scale(.965)}.demo__ghost--far{opacity:.4;transform:translateY(18px)scale(.93)}.demo__pop{background:var(--srf);border:1px solid var(--brd);text-align:left;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 28px #0a0f1938}.demo__pop-head{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 10px;display:flex}.demo__pop-title{color:var(--sub);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.demo__pop-counter{color:var(--sub);font-variant-numeric:tabular-nums;font-size:12px}.demo__pop-body{min-height:288px;padding:0 16px 16px}.demo__pop-body[data-dir=next]{animation:.26s ease-out demoInNext}.demo__pop-body[data-dir=prev]{animation:.26s ease-out demoInPrev}@keyframes demoInNext{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes demoInPrev{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.demo__pop-body[data-dir=next],.demo__pop-body[data-dir=prev]{animation:none}}.demo__nav{justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.demo__arrow{border:1px solid var(--brd);background:var(--srf);width:30px;height:30px;color:var(--sub);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo__arrow:hover{color:var(--txt);border-color:var(--sub)}.demo__arrow:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.demo__dots{align-items:center;gap:7px;display:flex}.demo__dot{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0;position:relative}.demo__dot:after{content:"";background:var(--brd);border-radius:50%;width:7px;height:7px;margin:auto;position:absolute;inset:0}.demo__dot:hover:after{background:var(--sub)}.demo__dot.active:after{background:var(--acc)}.demo__dot:focus-visible{outline:2px solid var(--acc);outline-offset:-3px;border-radius:8px}.platforms{opacity:.48;flex-wrap:wrap;justify-content:center;gap:14px;margin:32px 0 0;padding:0;list-style:none;display:flex}.platforms__item{border:1px dashed var(--brd);min-width:118px;color:var(--sub);border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:20px 16px;display:flex}.platforms__name{color:var(--txt);font-size:13.5px;font-weight:650}.platforms__target{color:var(--sub);font-size:12px}.landing__closer-title{letter-spacing:-.015em;color:var(--txt);margin:0 0 10px;font-size:clamp(22px,4.5vw,27px);font-weight:700}.landing__foot{color:var(--sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:auto;padding:56px 24px 28px;font-size:12.5px;display:flex}.landing__foot a{color:var(--sub)}.landing__foot a:hover{color:var(--txt)}.notfound{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:12vh 24px 15vh;display:flex;position:relative}.notfound__logo{width:54px;height:54px;margin:0 0 22px;display:block}.notfound__code{letter-spacing:.14em;text-transform:uppercase;color:var(--sub);margin:0 0 12px;font-size:12px;font-weight:700}.notfound__title{letter-spacing:-.02em;color:var(--txt);text-wrap:balance;margin:0 0 10px;font-size:clamp(26px,6vw,34px);font-weight:700;line-height:1.2}.notfound__body{color:var(--sub);text-wrap:balance;max-width:46ch;margin:0 0 26px;font-size:15px;line-height:1.55}.notfound__cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.notfound__cta a{text-decoration:none}.legal-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.legal-shell__head{padding:20px 24px}.legal-shell__brand{color:var(--txt);font-size:15px;font-weight:750}.legal-shell__brand:hover{text-decoration:none}.legal-shell__foot{justify-content:center;gap:18px;margin-top:auto;padding:32px 24px 40px;font-size:12.5px;display:flex}.legal-shell__foot a{color:var(--sub)}.legal-shell__foot a:hover{color:var(--txt)}.legal{max-width:640px;margin:12px auto 0;padding:0 24px}.legal h1{margin:0 0 12px;font-size:28px}.legal h2{letter-spacing:.08em;text-transform:uppercase;color:var(--sub);border-top:1px solid var(--brd);margin:36px 0 12px;padding-top:16px;font-size:12px;font-weight:700}.legal p{color:var(--txt);margin:0 0 14px;font-size:14px;line-height:1.65}.legal__lede{color:var(--sub);font-size:15.5px;line-height:1.6}.legal__meta{color:var(--sub);font-size:12.5px}.legal__note{color:var(--sub);margin-top:28px;font-size:13px}.legal__credits{margin:0}.legal__credits dt{color:var(--txt);margin-bottom:4px;font-size:14px;font-weight:650}.legal__credits dt a{color:var(--txt)}.legal__credits dd{border-left:1px solid var(--brd);color:var(--sub);margin:0 0 18px;padding-left:14px;font-size:13.5px;line-height:1.6}.legal__credits dd:last-child{margin-bottom:0}.legal__list{margin:0 0 14px;padding-left:18px}.legal__list li{color:var(--sub);font-size:13.5px;line-height:1.7}.auth{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:8vh 24px 11vh;display:flex;position:relative}.auth__form{flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.auth__form h1{margin:0;font-size:22px}.auth__sub{color:var(--sub);margin:-6px 0 2px;font-size:13.5px;line-height:1.5}.auth__form label{color:var(--sub);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth__error{color:var(--danger);margin:0;font-size:13px;line-height:1.5}.auth__error a{color:inherit;font-weight:600}.auth__switch{color:var(--sub);margin:6px 0 0;font-size:13px}.auth__linkish{appearance:none;font:inherit;color:var(--acc);cursor:pointer;background:0 0;border:0;padding:0;font-weight:550;text-decoration:underline}.decks{max-width:640px;margin:48px auto;padding:0 24px}.deck-editor{max-width:760px;margin:48px auto;padding:0 24px}.decks__toolbar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.decks__new{flex:1;gap:8px;min-width:0;display:flex}.decks__new>:first-child{flex:1}.decks__empty{color:var(--sub);font-size:14px}.decks__showing{color:var(--sub);margin:0 0 10px;font-size:12.5px}.decks__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.decks__item{border:1px solid var(--brd);background:var(--srf);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.decks__item:hover{background:var(--hov)}.decks__item>:not(.decks__name){flex:none}.decks__name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:600;overflow:hidden}.echo-tag{vertical-align:middle;background:var(--accsoft);color:var(--acc-txt);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 5px;font-size:11.5px;font-weight:600;display:inline-flex}.echo-tag__mark{flex:none;width:13px;height:13px}.echo-tag__mark svg{width:100%;height:100%;display:block}.decks__meta{color:var(--sub);white-space:nowrap;margin-right:auto;font-size:12.5px;font-weight:500}.decks__actions{opacity:0;pointer-events:none;flex:none;align-items:center;gap:4px;display:flex}.decks__item:hover .decks__actions,.decks__item:focus-within .decks__actions{opacity:1;pointer-events:auto}@media (hover:none){.decks__item.active{background:var(--hov)}.decks__item.active .decks__actions{opacity:1;pointer-events:auto}}.market{max-width:760px;margin:48px auto;padding:0 24px}.market__lede{color:var(--sub);max-width:62ch;margin:-8px 0 28px;font-size:13.5px;line-height:1.6}.market__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.market__row{border:1px solid var(--brd);background:var(--srf);border-radius:8px;align-items:center;gap:14px;padding:13px 15px;display:flex}.market__row--link{cursor:pointer;transition:border-color .15s,background .15s;position:relative}.market__row-hit{border-radius:inherit;z-index:1;position:absolute;inset:0}.market__row--link:hover,.market__row--link:focus-within{border-color:var(--acc);background:var(--hov)}.market__row--link:focus-within .market__row-hit{outline:2px solid var(--acc);outline-offset:2px}.market__row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.market__row-head{align-items:baseline;gap:7px;min-width:0;display:flex}.market__row-name{color:var(--txt);font-size:14px;font-weight:650}.market__row-head .echo-tag{flex:none}.market__row-summary{color:var(--txt);margin-top:2px;font-size:12.5px;line-height:1.45}.market__row-meta{color:var(--sub);margin-top:3px;font-size:12px}.market__row-actions{align-items:center;gap:8px;display:flex}.market__filters{align-items:center;gap:8px;margin-bottom:16px;display:flex}.market__search{flex:1;min-width:0}.market__filter{position:relative;overflow:visible}.market__filter-badge{background:var(--acc);min-width:15px;height:15px;color:var(--acc-on);border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.market__row-tags{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.market__tag{color:var(--sub);background:var(--hov);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:550}.market__clear{font:inherit;color:var(--acc);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.market__empty{border:1px dashed var(--brd);text-align:center;border-radius:10px;padding:28px 24px}.market__empty-mark{color:var(--sub);margin-bottom:8px}.market__empty-title{color:var(--txt);margin:0 0 4px;font-size:14px;font-weight:650}.market__empty-body{color:var(--sub);margin:0;font-size:13px}.admin{max-width:760px;margin:48px auto;padding:0 24px}.admin__lede{color:var(--sub);max-width:60ch;margin:-8px 0 28px;font-size:13.5px;line-height:1.6}.admin__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--sub);margin:0 0 10px;font-size:11px;font-weight:700}.admin__list{flex-direction:column;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.admin__row{border:1px solid var(--brd);background:var(--srf);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin__row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin__row-name{color:var(--txt);font-size:14px;font-weight:650}.admin__row-meta{color:var(--sub);font-size:12px}.admin__row-summary{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.5px;overflow:hidden}.admin__row-actions{align-items:center;gap:6px;display:flex}.admin__none{color:var(--sub);margin:0 0 32px;font-size:13.5px}.admin__empty{border:1px dashed var(--brd);text-align:center;border-radius:10px;margin-bottom:32px;padding:28px 24px}.admin__empty-mark{color:var(--sub);margin-bottom:8px}.admin__empty-title{color:var(--txt);margin:0 0 4px;font-size:14px;font-weight:650}.admin__empty-body{color:var(--sub);margin:0;font-size:13px}.admin__form{flex-direction:column;gap:16px;margin:18px 0 4px;display:flex}.admin__field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.admin__field>:last-child{width:100%}.admin__tag-box{border:1px solid var(--brd);background:var(--srf);border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;padding:6px 8px;display:flex}.admin__tag-box:focus-within{outline:2px solid var(--acc);outline-offset:-1px}.admin__tag-input{min-width:90px;font:inherit;color:var(--txt);background:0 0;border:0;outline:none;flex:1;padding:2px 0;font-size:13px}.admin__tag-input::placeholder{color:var(--sub)}.admin__tag{color:var(--sub);background:var(--hov);border-radius:4px;align-items:center;gap:3px;padding:2px 4px 2px 7px;font-size:11.5px;font-weight:550;display:inline-flex}.admin__tag-x{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 1px;display:inline-flex}.admin__tag-x:hover{color:var(--txt)}.admin__tag--add{border:1px solid var(--brd);cursor:pointer;font:inherit;background:0 0;padding:2px 7px;font-size:11.5px;font-weight:550}.admin__tag--add:hover{background:var(--hov);color:var(--txt)}.admin__tag-suggest{flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.admin__row-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}@media (max-width:640px){.admin{margin:28px auto;padding:0 16px}.admin__row{flex-wrap:wrap}.admin__row-body{flex-basis:100%}.admin__row-actions{flex-wrap:wrap}}.deck-editor__pinned{--pin-head:16px;--pin-fade:28px;--pin-list:160px;top:var(--app-header-h);z-index:10;background:linear-gradient(to bottom, var(--bg) calc(100% - var(--pin-fade)), transparent);padding-top:var(--pin-head);padding-bottom:var(--pin-fade);scroll-margin-top:calc(var(--app-header-h) + 12px);position:sticky}.deck-editor__pinned-scroll{max-height:calc(100dvh - var(--app-header-h) - var(--pin-head) - var(--pin-fade) - var(--pin-list));margin-inline:-2px;padding-inline:2px;overflow-y:auto}@media (max-width:720px),(max-height:620px){.deck-editor__pinned{position:static}.deck-editor__pinned-scroll{max-height:none;margin-inline:0;padding-inline:0;overflow:visible}}.deck-editor__head{align-items:center;gap:12px;min-height:28px;margin-bottom:8px;display:flex}.deck-editor__head h1{margin:0;font-size:22px;line-height:28px}.deck-editor__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.deck-editor__live{display:flex}.deck-editor__live:hover{text-decoration:none}.deck-editor__rename{flex:1;min-width:0;max-width:420px;display:flex}.deck-editor__title-input{box-sizing:border-box;border:1px solid var(--brd);background:var(--srf);min-width:0;height:28px;color:var(--txt);font:inherit;border-radius:6px;flex:1;margin-left:-8px;padding:0 7px;font-size:22px;font-weight:700;line-height:26px}.deck-editor__title-input:focus{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc);outline:none}.deck-editor__title-input:disabled{opacity:.6}.composer{border:1px solid var(--brd);background:var(--srf);border-radius:10px}.composer--editing{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.composer__head{border-bottom:1px solid var(--brd);align-items:center;gap:10px;padding:12px 14px;display:flex}.composer__prompt{flex:1;min-width:0}.composer__type{color:var(--sub);white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:none;align-items:center;gap:4px;padding:1px 6px 1px 1px;display:inline-flex}.composer__type:hover{background:var(--hov)}.composer__type--fixed{cursor:default}.composer__type--fixed:hover{background:0 0}.type-glyph{color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10.5px;font-weight:700;display:flex}.type-glyph--blue{background:var(--blue-9)}.type-glyph--purple{background:var(--purple-9)}.type-glyph--green{background:var(--green-9)}.type-glyph--amber{background:var(--amber-9)}.type-glyph--neutral{background:var(--gray-9)}.type-glyph--accent{background:var(--acc)}.type-tag--blue{--tone-soft:var(--blue-3);--tone-solid:var(--blue-9);--tone-text:var(--blue-11)}.type-tag--purple{--tone-soft:var(--purple-3);--tone-solid:var(--purple-9);--tone-text:var(--purple-11)}.type-tag--green{--tone-soft:var(--green-3);--tone-solid:var(--green-9);--tone-text:var(--green-11)}.type-tag--amber{--tone-soft:var(--amber-3);--tone-solid:var(--amber-9);--tone-text:var(--amber-11)}.type-tag{background:var(--tone-soft);border-radius:8px;flex:none;align-items:center;gap:7px;padding:3px 9px 3px 3px;display:inline-flex}.type-tag .type-glyph{background:var(--tone-solid)}.type-tag__name{color:var(--tone-text);white-space:nowrap;font-size:11.5px;font-weight:500}@media (max-width:640px){.type-tag{padding:3px}.type-tag__name{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.composer__type-item{height:auto;padding:9px 12px}.composer__option{flex-direction:column;gap:2px;display:flex}.composer__option-name{font-size:12.5px;font-weight:650;line-height:1.35}.composer__option-desc{color:var(--sub);font-size:10.5px;line-height:1.35}.composer__type-family{letter-spacing:.07em;text-transform:uppercase;color:var(--sub);padding:6px 12px 4px;font-size:9.5px;font-weight:700}.composer__info-hint{border-top:1px solid var(--brd);padding-top:8px}.composer__body{padding:16px}.composer__controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:12px;margin-bottom:12px;display:grid}.composer__controls label{flex-direction:column;gap:4px;display:flex}.composer__summary{min-height:1.4em;margin:0 0 12px}.composer__audition{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.composer__panel{border:1px solid var(--brd);background:var(--bg);border-radius:8px;padding:16px}.composer__body>.board-editor+.composer__panel{margin-top:12px}.composer__gp-head{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.composer__gp-head>button{flex:none}.composer__gp-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.composer__gp-file{min-width:0;margin-left:auto}.composer__gp-bars{color:var(--sub);flex:none;align-items:center;gap:6px;font-size:12px;display:flex}.composer__gp-bars input{border:1px solid var(--brd);background:var(--srf);width:58px;color:var(--txt);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 6px;font-size:13px}.composer__panel-label{color:var(--sub);margin:0 0 10px;font-size:11px;font-weight:650}.composer__panel-label--sub{margin-top:16px}.composer__chips{flex-wrap:wrap;gap:8px;display:flex}.composer__chip{border:1px solid var(--brd);background:var(--srf);color:var(--txt);border-radius:6px;padding:8px 13px;font-size:13px;font-weight:600}.composer__chip:hover{border-color:var(--sub)}.composer__chip.selected{border-color:var(--acc);background:var(--accsoft);color:var(--acc-txt)}.composer__actions{border-top:1px solid var(--brd);align-items:center;gap:10px;padding:12px 16px;display:flex}.composer__actions-right{align-items:center;gap:10px;margin-left:auto;display:flex}.deck-bar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.deck-bar__spacer{flex:1}.deck-bar__search{width:200px}.deck-bar--selection{background:var(--accsoft);border:1px solid var(--acc);border-radius:8px;padding:9px 14px}.deck-bar__filter-count{color:var(--sub);margin-left:auto;padding-left:12px}.deck-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.deck-row{border:1px solid var(--brd);background:var(--srf);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.deck-row:hover{background:var(--hov)}.deck-row.selected,.deck-row.editing{border-color:var(--acc);background:var(--accsoft)}.deck-row>:not(.deck-row__title){flex:none}.deck-row__grip{color:var(--sub);cursor:grab;flex:none;display:flex}.deck-row__grip:active{cursor:grabbing}.deck-row__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.deck-row__actions{opacity:0;pointer-events:none;flex:none;align-items:center;gap:4px;display:flex}.deck-row:hover .deck-row__actions,.deck-row:focus-within .deck-row__actions{opacity:1;pointer-events:auto}@media (hover:none){.deck-row.active{background:var(--hov)}.deck-row.active .deck-row__actions{opacity:1;pointer-events:auto}}.deck-preview{min-width:min(320px, var(--radix-popper-available-width,100%));max-width:min(560px, var(--radix-popper-available-width,100vw));max-height:var(--radix-popper-available-height)}.deck-empty{text-align:center;padding:48px 0 24px}.deck-empty__mark{border:1px solid var(--brd);background:repeating-linear-gradient(45deg, var(--hov) 0 8px, var(--srf) 8px 16px);border-radius:14px;width:56px;height:56px;margin:0 auto 14px}.deck-empty__title{margin:0 0 6px;font-size:16px;font-weight:700}.deck-empty__body{color:var(--sub);margin:0;font-size:13px}.deck-empty__none{text-align:center;color:var(--sub);padding:36px 0;font-size:13px}.deck-empty__none button{color:var(--acc);font:inherit;background:0 0;border:none}.deck-empty__none button:hover{text-decoration:underline}.deck-confirm__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.study-page{max-width:620px;margin:0 auto;padding:28px 20px 64px}.study-page__head{margin-bottom:18px}.study-page__head h1{flex-wrap:wrap;align-items:baseline;gap:9px;margin:0;font-size:22px;line-height:28px;display:flex}.study-page__head h1 .echo-tag{font-weight:600}.study-page__summary{color:var(--sub);margin:7px 0 0;font-size:13.5px;line-height:1.5}.study-page__progress{align-items:center;gap:12px;margin-bottom:14px;display:flex}.study-page__track{background:var(--hov);border-radius:999px;flex:1;height:5px;overflow:hidden}.study-page__fill{background:var(--acc);height:100%;transition:width .2s}.study-page__count{color:var(--sub);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.study-page__nav{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.study-page__empty{text-align:center;padding:56px 24px}.study-page__empty-title{color:var(--txt);margin:0 0 6px;font-size:15px;font-weight:700}.study-page__empty-body{color:var(--sub);margin:0;font-size:13px}.study-page__signup{border-top:1px solid var(--brd);text-align:center;margin-top:28px;padding-top:22px}.study-page__signup-title{color:var(--txt);margin:0 0 6px;font-size:15px;font-weight:700}.study-page__signup-body{color:var(--sub);max-width:42ch;margin:0 auto;font-size:13px;line-height:1.55}.study-page__signup-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}