:root{--text:#6b6375;--text-h:#08060d;--bg:#192a67;--bg2:#4c63bd;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#ef9300;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-m:2rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#ffb700;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}@view-transition{navigation:auto}body{background-color:var(--bg);background:linear-gradient(52deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%)}button{width:auto;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:0 0;border:none;margin:0;padding:0;line-height:normal;overflow:visible}a{text-decoration:none}#app{height:100dvh;padding:var(--spacing-m);justify-content:space-between;gap:var(--spacing-m);flex-direction:column;display:flex;overflow:hidden}#reels{flex:1 1 0;justify-content:space-between;gap:.75rem;display:flex}#reels>*{background:#e7ded0;border:3px solid #140c1e8c;border-radius:.9rem;flex-grow:1;flex-basis:0;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000047}#reels>*:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#1c12088c 0%,#1c12081f 14%,#0000 32% 68%,#1c12081f 86%,#1c12088c 100%);position:absolute;inset:0}#reels>*:after{content:"";z-index:3;pointer-events:none;border-top:2px solid var(--accent-border);border-bottom:2px solid var(--accent-border);height:25%;position:absolute;top:37.5%;left:0;right:0;box-shadow:inset 0 0 18px #ffb70038}#reels>*>*{text-align:center;text-wrap:balance;font-variant:small-caps;letter-spacing:.03em;color:#2a2440;background:linear-gradient(#fdfbf6 0%,#f4eee4 100%);justify-content:center;align-items:center;width:100%;padding-inline:.4rem;font-weight:600;transition:bottom 33.3333ms,background-color .5s ease-in-out,color .5s ease-in-out,text-shadow .5s ease-in-out;display:flex;position:absolute;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000012}#reels>*>*.selected{color:#3a2600;text-shadow:0 1px #ffffff80;background:linear-gradient(#ffe27a 0%,#ffc21e 100%);font-weight:700}#actions{gap:var(--spacing-m);display:flex}#actions>*{padding:calc(var(--spacing-m) / 2);color:#fff;font-variant:small-caps;letter-spacing:.2rem;background:linear-gradient(135deg, var(--bg), var(--bg2));text-shadow:0 1px 1px #0006;border:2px solid #ff9500;border-radius:.8rem;justify-content:center;gap:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,--bg 2s,--bg2 2s,border-color 2s;display:flex;box-shadow:inset 0 -3px #0003,0 4px 6px #0000004d}#actions>*:last-child{flex-grow:1}#actions>*:hover,#actions>*:focus{transform:translateY(-2px);box-shadow:inset 0 -3px #0003,0 6px 8px #0006}#actions>*:active{transform:translateY(1px);box-shadow:inset 0 -1px #0003,0 2px 3px #0003}#actions>*:disabled{--bg2:#16171d;cursor:not-allowed;border-color:#4f4f53;transform:none;box-shadow:inset 0 -3px #0003,0 4px 6px #0000004d;--bg:#1f2028!important}#actions>* svg{fill:#fff;filter:drop-shadow(0 1px 2px #0009);width:1.8rem;height:1.2rem}#actions>* svg.icon-tabler{fill:none}#actions>* a{line-height:1}#training{text-align:center;color:#fff;font-variant:small-caps;letter-spacing:.2rem;text-shadow:0 .2rem .2rem #0006;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;font-weight:700;display:flex}#training :last-child{font-size:3rem}#settings-link{color:#fff;padding:.8rem;position:absolute;top:0;right:0}#settings-link svg{filter:drop-shadow(0 .1rem .1rem #0006)}#settings-page #app{padding:0}#settings-page #app #actions{padding:0 var(--spacing-m) var(--spacing-m)}#inputs{gap:var(--spacing-m);flex-direction:column;padding:.25rem;display:flex;overflow:auto}fieldset{min-width:0;margin-left:var(--spacing-m);margin-right:var(--spacing-m);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:1rem;padding:1.25rem 1.5rem 1rem;box-shadow:inset 0 1px #ffffff40,0 10px 25px #0003}fieldset:first-child{margin-top:var(--spacing-m)}fieldset:last-child{margin-bottom:var(--spacing-m)}fieldset>label{color:#fff;font-variant:small-caps;letter-spacing:.15rem;text-shadow:0 1px 2px #00000059;border-bottom:1px solid #ffffff40;margin-bottom:1rem;padding-bottom:.6rem;font-weight:700;display:block}fieldset>div{border-bottom:1px solid #ffffff1f;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.55rem 0;display:flex}fieldset>div:last-child{border-bottom:none;padding-bottom:0}fieldset>div>label{overflow-wrap:break-word;color:#fff;cursor:pointer;text-shadow:0 1px 1px #0000004d;flex:auto;min-width:0}fieldset input[type=number],fieldset input[type=text]{color:#08060d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-align:center;background:#ffffffeb;border:1px solid #ffffff80;border-radius:.6rem;flex:none;width:4.5rem;padding:.4rem .6rem;font-weight:700;transition:box-shadow .15s,border-color .15s;box-shadow:inset 0 1px 3px #00000026}fieldset input[type=number]:focus-visible,fieldset input[type=text]:focus-visible{border-color:#ff9500;outline:none;box-shadow:0 0 0 3px #ff950066}fieldset input[type=checkbox]{appearance:none;cursor:pointer;background:#0000004d;border:1px solid #fff6;border-radius:1rem;flex:none;width:3.2rem;height:1.7rem;margin:0;transition:background .3s,border-color .3s;position:relative;box-shadow:inset 0 1px 3px #0000004d}fieldset input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:left .3s cubic-bezier(.4,.1,.3,1.4);position:absolute;top:50%;left:.2rem;transform:translateY(-50%);box-shadow:0 1px 3px #0006}fieldset input[type=checkbox]:checked{background:linear-gradient(135deg,#318331,#57c257);border-color:#ff9500}fieldset input[type=checkbox]:checked:after{left:calc(100% - 1.4rem)}fieldset input[type=checkbox]:hover{border-color:#ffffffb3}fieldset input[type=checkbox]:focus-visible{outline:none;box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #ff950073}fieldset button.remove-training{color:#fff;cursor:pointer;background:#00000040;border:1px solid #fff6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;padding:0;transition:background .15s,border-color .15s,transform .15s;display:flex;box-shadow:inset 0 1px 2px #00000040}fieldset button.remove-training svg{width:1rem;height:1rem}fieldset button.remove-training:hover,fieldset button.remove-training:focus-visible{background:linear-gradient(135deg,#ac0808,#ff5a3c);border-color:#ff9500;outline:none;transform:scale(1.08)}fieldset button.remove-training:active{transform:scale(.95)}fieldset>div.add-training{border-top:1px solid #ffffff40;border-bottom:none;flex-direction:row;padding-top:1rem}fieldset>div.add-training input[type=text]{text-align:left;flex:auto;width:auto;min-width:0}fieldset>div.add-training button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#318331,#57c257);border:1px solid #ff9500;border-radius:.6rem;flex:none;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;padding:0;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:inset 0 -2px #0003,0 2px 4px #0000004d}fieldset>div.add-training button svg{stroke-width:3px;width:1.4rem;height:1.4rem}fieldset>div.add-training button:hover,fieldset>div.add-training button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:inset 0 -2px #0003,0 4px 6px #0006}fieldset>div.add-training button:active{transform:translateY(1px)}#restore-defaults{margin:0 var(--spacing-m) 1rem;color:#fff;font-variant:small-caps;letter-spacing:.1rem;text-shadow:0 1px 1px #0006;cursor:pointer;background:#00000040;border:1px solid #fff6;border-radius:.8rem;align-self:center;padding:.7rem 1.4rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff26,0 4px 6px #0003}#restore-defaults:hover,#restore-defaults:focus-visible{background:linear-gradient(135deg,#ac0808,#ff5a3c);border-color:#ff9500;outline:none;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 6px 8px #0000004d}#restore-defaults:active{transform:translateY(1px)}@media (width<=420px){fieldset{margin-left:1rem;margin-right:1rem;padding:1rem 1rem .75rem}fieldset>div{gap:.6rem}#restore-defaults{margin-left:1rem;margin-right:1rem}#settings-page #app #actions{padding:0 1rem 1rem}}