:root{--radius-sm: 4px;--radius-md: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--control-height: 40px;--control-padding-x: 12px;--control-font-size: 14px;--control-max-width: 500px;--border-width: 1px;--card-border-width: 2px;--learn-color: hotpink;--practice-color: #66BB6A;--review-color: lightblue;--exam-color: lightblue;--game-color: #6B8FEF;--edit-color: yellow;--delete-color: orangered;--info-color: lightgray;--follow-color: lightgreen;--unfollow-color: lightcoral;--deck-link-disabled-color: #555;--green-success: #4CAF50;--error-color: #ff6b6b;color-scheme:dark;--primary-color: #646cff;--bg-color-main: #242424;--text-color-main: white;--ink-color: black;--accent-color-main: #424242;--accent-text-color-main: white;--button-color: #1a1a1a;--bg-color-secondary: color-mix(in srgb, var(--bg-color-main) 75%, var(--text-color-main));--text-color-secondary: var(--ink-color);--control-color-main: color-mix(in srgb, var(--bg-color-main) 85%, var(--text-color-main));--control-color-secondary: color-mix(in srgb, var(--primary-color) 40%, var(--bg-color-main));--control-border-color: color-mix(in srgb, var(--text-color-main) 65%, var(--bg-color-main));--control-text-color: var(--text-color-main);--border-color-main: color-mix(in srgb, var(--text-color-main) 45%, var(--bg-color-main));--border-color-secondary: color-mix(in srgb, var(--text-color-main) 65%, var(--bg-color-main));--accent-color-secondary: color-mix(in srgb, var(--accent-color-main) 85%, black);--accent-text-color-secondary: var(--accent-text-color-main);--button-hover-color: var(--primary-color);--focus-ring-color: color-mix(in srgb, var(--text-color-main) 85%, var(--bg-color-main));--button-text-color: var(--text-color-main);--hyper-link-color: var(--primary-color);--hyper-link-hovered-color: color-mix(in srgb, var(--primary-color) 75%, black)}:root[data-theme=dark]{color-scheme:dark;--primary-color: #646cff;--bg-color-main: #242424;--text-color-main: white;--ink-color: black;--accent-color-main: #424242;--accent-text-color-main: white;--button-color: #1a1a1a}:root[data-theme=light]{color-scheme:light;--primary-color: #646cff;--bg-color-main: #DFEBF6;--text-color-main: #29353C;--ink-color: #29353C;--accent-color-main: #597391;--accent-text-color-main: #E6E6E6;--button-color: #AAC7D8}:root[data-theme=cherry-blossom]{color-scheme:light;--primary-color: #C2517E;--bg-color-main: #FBE4EC;--text-color-main: #5C3A44;--ink-color: #4A2C33;--accent-color-main: #D7BBA8;--accent-text-color-main: #4A342A;--button-color: #E799B6}:root[data-theme=beach-day]{color-scheme:light;--primary-color: #2E7D8C;--bg-color-main: #E2F1EF;--text-color-main: #1F4E4A;--ink-color: #163B38;--accent-color-main: #E5D5AE;--accent-text-color-main: #4E4025;--button-color: #9CD1CB}:root[data-theme=fall]{color-scheme:light;--primary-color: #A63D12;--bg-color-main: #F7ECD9;--text-color-main: #4A2E19;--ink-color: #3A2412;--accent-color-main: #B85C2A;--accent-text-color-main: #F9EFDC;--button-color: #E0A458}:root[data-theme=winter]{color-scheme:light;--primary-color: #4A7BA0;--bg-color-main: #F8FAFC;--text-color-main: #2E3D4A;--ink-color: #202B34;--accent-color-main: #D3DFE8;--accent-text-color-main: #263542;--button-color: #E4EBF1}:root[data-theme=spring]{color-scheme:light;--primary-color: #4E7D2E;--bg-color-main: #EAF6E3;--text-color-main: #2A3F21;--ink-color: #1F3018;--accent-color-main: #7BAF5C;--accent-text-color-main: #F4FAEF;--button-color: #EBD867}:root[data-theme=summer]{color-scheme:light;--primary-color: #B06E10;--bg-color-main: #FDF4DC;--text-color-main: #543A10;--ink-color: #422D0C;--accent-color-main: #EDAE3C;--accent-text-color-main: #4A320C;--button-color: #F3C95E}:root[data-theme=system-user]{color-scheme:dark;--primary-color: #33FF33;--bg-color-main: #000000;--text-color-main: #33FF33;--ink-color: black;--accent-color-main: #0A1F0A;--accent-text-color-main: #33FF33;--button-color: #0D1A0D;--green-success: #33FF33}#login-page{display:flex;flex-direction:row;justify-content:center;width:100%;height:100svh;overflow:hidden;padding:0}#login-splash-image-container{flex-grow:1;overflow:hidden}#login-splash-image-container>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (max-width: 1200px){#login-splash-image-container{display:none}}#login-form-container{position:relative;display:flex;flex-direction:column;align-self:center;width:100%;max-width:500px;padding:1rem;box-sizing:border-box}#login-logo-image{width:150px;height:150px}#login-form>*{padding-top:10px;padding-bottom:10px}#login-form-wrapper{position:relative;width:100%}.login-input-label{display:inline-block;width:100px;text-align:end;padding-right:5px}#signup-link,#forgot-password-link{display:block;text-align:center;color:var(--text-color-main)}#two-factor-prompt{text-align:center;color:var(--text-color-main);max-width:280px}#two-factor-code-textbox{letter-spacing:4px}#two-factor-back-button{background:none;color:var(--text-color-main)}#loading-image{position:absolute;width:60px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}#loading-text{position:absolute;top:calc(50% + 45px);left:50%;transform:translate(-50%);z-index:11;color:var(--text-color-main);font-weight:700;white-space:nowrap}#loading-overlay{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;background:#00000080;z-index:10}#signup-page{display:flex;flex-direction:row;justify-content:center;width:100%;height:100svh;overflow:hidden;padding:0}#signup-form-container{position:relative;display:flex;flex-direction:column;align-self:center;width:100%;max-width:500px;padding:1rem;box-sizing:border-box}#signup-form>*,#signup-check-email>*{padding-top:10px;padding-bottom:10px}#signup-check-email{text-align:center}#signup-check-email-message,#signup-resend-message{color:var(--text-color-main)}#signup-form-wrapper{position:relative;width:100%}#signup-header{text-align:center;color:var(--text-color-main);margin:0}#signup-form .login-input-label,#signup-form input{vertical-align:middle}.signup-validation-error,#signup-error-message{color:var(--error-color)}#forgot-password-page{display:flex;flex-direction:row;justify-content:center;width:100%;height:100svh;overflow:hidden;padding:0}#forgot-password-splash-image-container{flex-grow:1;overflow:hidden}#forgot-password-splash-image-container>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (max-width: 1200px){#forgot-password-splash-image-container{display:none}}#forgot-password-form-container{position:relative;display:flex;flex-direction:column;align-self:center;width:100%;max-width:500px;padding:1rem;box-sizing:border-box}#forgot-password-form>*,#forgot-password-submitted>*{padding-top:10px;padding-bottom:10px}#forgot-password-form-wrapper{position:relative;width:100%}#forgot-password-header{text-align:center;color:var(--text-color-main);margin:0}#forgot-password-form .login-input-label{width:140px}#forgot-password-submitted{text-align:center}#forgot-password-submitted-message{color:var(--text-color-main)}.forgot-password-validation-error,#forgot-password-error-message{color:var(--error-color)}#reset-password-page{display:flex;flex-direction:row;justify-content:center;width:100%;height:100svh;overflow:hidden;padding:0}#reset-password-splash-image-container{flex-grow:1;overflow:hidden}#reset-password-splash-image-container>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (max-width: 1200px){#reset-password-splash-image-container{display:none}}#reset-password-form-container{position:relative;display:flex;flex-direction:column;align-self:center;width:100%;max-width:500px;padding:1rem;box-sizing:border-box}#reset-password-form>*{padding-top:10px;padding-bottom:10px}#reset-password-form-wrapper{position:relative;width:100%}#reset-password-header{text-align:center;color:var(--text-color-main);margin:0}#reset-password-form .login-input-label,#reset-password-form input{vertical-align:middle}.reset-password-validation-error,#reset-password-error-message{color:var(--error-color)}#reset-password-invalid{text-align:center}#reset-password-invalid>*{padding-top:10px;padding-bottom:10px}#reset-password-invalid-message{color:var(--error-color)}#reset-password-success{text-align:center}#reset-password-success>*{padding-top:10px;padding-bottom:10px}#reset-password-success-message{color:var(--text-color-main)}#verify-email-page{display:flex;flex-direction:row;justify-content:center;width:100%;height:100svh;overflow:hidden;padding:0}#verify-email-splash-image-container{flex-grow:1;overflow:hidden}#verify-email-splash-image-container>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (max-width: 1200px){#verify-email-splash-image-container{display:none}}#verify-email-form-container{position:relative;display:flex;flex-direction:column;align-self:center;width:100%;max-width:500px;padding:1rem;box-sizing:border-box}#verify-email-form-wrapper{position:relative;width:100%}#verify-email-success,#verify-email-invalid{text-align:center}#verify-email-success>*,#verify-email-invalid>*{padding-top:10px;padding-bottom:10px}#verify-email-success-message{color:var(--text-color-main)}#verify-email-invalid-message{color:var(--error-color)}#top-nav{width:100%;background-color:var(--accent-color-main);color:var(--accent-text-color-main);display:block;min-height:34px;position:relative}#top-nav>ul{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;min-height:34px}#top-nav li{display:flex;align-items:stretch}#top-nav li>*{display:flex;align-items:center;color:var(--text-color-main);background-color:var(--accent-color-main);color:var(--accent-text-color-main);padding:0 16px;text-decoration:none;font-size:17px}#top-nav li>*:hover{background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);opacity:.9}.top-nav-section{display:flex;margin:0 auto}#account-menus{display:flex;flex-direction:row}.icon-container{color:var(--text-color-secondary);cursor:pointer}#top-nav #account-menu-dropdown{position:absolute;top:100%;right:0;z-index:300;display:flex;flex-direction:column;align-items:stretch;padding:0;border:none;box-shadow:0 2px 6px #0000004d}#top-nav #account-menu-dropdown:hover{background-color:var(--accent-color-main);color:var(--accent-text-color-main);opacity:1}#account-menu-dropdown li{display:flex}#top-nav #account-menu-dropdown button{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;margin:0;padding:9px 14px;border:none;border-radius:0;font-size:14px;text-align:left;white-space:nowrap;cursor:pointer}footer{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;height:26px;color:var(--accent-text-color-main);background:var(--accent-color-main)}.collection-container{flex-wrap:wrap}.collection-container>ul{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}@media only screen and (max-width: 580px){.collection-container>ul{justify-content:center}}.collection-container>ul>li{position:relative;width:200px;height:300px;margin:20px 15px;border-radius:5px;box-shadow:5px 5px 4px var(--border-color-main)}@media only screen and (max-width: 480px){.collection-container>ul>li{width:140px;height:210px;margin:10px 8px}}.collection-container>ul>li *{border-radius:5px}.flashcard-group{rotate:0deg;z-index:1;transition:rotate .4s,z-index .4s}.flashcard-group.selected,.flashcard-group:has(:hover){rotate:-5deg;z-index:10;transition:rotate .4s,z-index 0s}.deck-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--bg-color-main);z-index:1}.deck-title{z-index:3;position:relative;color:var(--accent-text-color-main);background-color:var(--accent-color-main);opacity:.9}.flashcard-group-image{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;object-fit:contain}.deck-nav-panel{display:block;position:absolute;right:120px;z-index:-1;transition:right .4s}.flashcard-group.selected .deck-nav-panel,.flashcard-group:has(:hover) .deck-nav-panel{right:80px;transition:right .4s;z-index:0}.deck-link{height:30px;width:120px;display:flex;flex-direction:row-reverse;align-items:center;white-space:nowrap;position:absolute;color:var(--text-color-secondary);transition:transform .3s}.deck-link>svg{flex:0 0 40px}.deck-link-label{flex:0 0 80px;font-size:15px;font-weight:700;text-align:right;padding-right:4px}.deck-link:hover{transform:translate(80px);color:var(--text-color-secondary)}.collection-container>ul>li .deck-link{border-bottom-left-radius:0;border-top-left-radius:0}.info-link{background-color:var(--info-color);top:95px;border:none;padding:0;margin:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.follow-link,.unfollow-link{top:125px;color:var(--ink-color);border:none;padding:0;margin:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.follow-link{background-color:var(--follow-color)}.unfollow-link{background-color:var(--unfollow-color)}.follow-link:hover,.unfollow-link:hover{color:var(--ink-color)}.deck-link.deck-link-disabled{background-color:var(--deck-link-disabled-color);color:var(--text-color-secondary);cursor:default}.deck-link.deck-link-disabled:hover{transform:none;color:var(--text-color-secondary)}.deck-medal{position:absolute;bottom:5px;right:5px;width:50px;height:50px;z-index:4;object-fit:contain;pointer-events:none}@media only screen and (max-width: 480px){.deck-medal{width:32px;height:32px;bottom:3px;right:3px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--ink-color) 60%,transparent)}.modal-content{position:relative;max-width:90vw;max-height:90vh;overflow:auto;padding:24px;border-radius:8px;background-color:var(--bg-color-main);color:var(--text-color-main);box-shadow:5px 5px 12px var(--border-color-main)}.modal-close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--text-color-main);font-size:1.25rem;line-height:1;cursor:pointer}.modal-close:hover{color:var(--button-hover-color)}.tag-pills{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background-color:var(--accent-color-main);color:var(--accent-text-color-main);font-size:.85rem}.tag-pill-remove{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--accent-text-color-main);cursor:pointer;font-size:1rem;line-height:1}.tag-pill-remove:hover{color:var(--accent-color-main)}.deck-info-modal{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:260px;text-align:center}.deck-info-name{margin:0;padding-right:24px}.deck-info-image{width:100px;height:150px;object-fit:contain;border-radius:5px}.deck-info-tags{justify-content:center}.deck-info-details{display:grid;grid-template-columns:auto auto;column-gap:16px;row-gap:6px;margin:0;align-items:center}.deck-info-details dt{font-weight:700;text-align:right}.deck-info-details dd{margin:0;text-align:left}.deck-info-error{color:var(--error-color);margin:0}.deck-search{position:relative;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);width:100%;box-sizing:border-box;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--accent-color-main);color:var(--accent-text-color-main)}.deck-search-field{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.deck-search-field label{color:var(--accent-text-color-secondary);white-space:nowrap}.deck-search-field .deck-search-input{width:200px}.deck-search .deck-search-input,.deck-search .tag-selector-input{background-color:var(--bg-color-main)}.deck-search-actions{display:flex;align-items:center;gap:var(--space-sm)}.deck-search-actions button{margin:0;height:var(--control-height);padding:0 1.2em}.deck-search-end{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.deck-search-expander,.deck-actions,.deck-actions-expander{display:none}@media (max-width: 767px){.deck-search{position:fixed;top:34px;left:calc(-1*min(300px,85vw));width:min(300px,85vw);bottom:26px;height:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;margin-bottom:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;overflow-y:auto;transition:left .3s;z-index:198}.deck-search.expanded{left:0;z-index:200}.deck-search-field{flex-direction:column;align-items:flex-start;gap:var(--space-xs);width:100%}.deck-search-field .deck-search-input{width:100%}.deck-search .tag-selector--side{flex-direction:column;align-items:flex-start;width:100%}.deck-search .tag-selector--side .tag-selector-search{width:100%}.deck-search .tag-selector--side .tag-selector-pills{max-width:none;width:100%}.deck-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;position:fixed;top:34px;left:calc(-1*min(300px,85vw));width:min(300px,85vw);bottom:26px;height:auto;box-sizing:border-box;padding:8px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-color-main);color:var(--accent-text-color-main);overflow-y:auto;transition:left .3s;z-index:198}.deck-actions.expanded{left:0;z-index:200}.deck-search-expander,.deck-actions-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:44px;left:0;width:36px;min-width:36px;min-height:44px;background-color:var(--accent-color-main);color:var(--accent-text-color-main);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:left .3s;z-index:197;cursor:pointer}.deck-search-expander.has-actions{top:96px}.deck-search.expanded+.deck-search-expander,.deck-actions.expanded+.deck-actions-expander{left:min(300px,85vw)}}.tag-selector{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.tag-selector--side{flex-direction:row;align-items:center;flex-wrap:wrap;width:auto}.tag-selector--side .tag-selector-search{width:200px;flex:0 0 auto}.tag-selector--side .tag-selector-pills{flex:1 1 auto;max-width:320px}.tag-selector-search{position:relative;max-width:500px;width:100%}.tag-selector-input{box-sizing:border-box;width:100%;height:var(--control-height);margin:0}.tag-selector-suggestions{position:absolute;left:0;right:0;z-index:10}.tag-selector-suggestion{background-color:var(--control-color-main);border-style:solid;border-width:2px;border-color:var(--border-color-main);padding:4px 8px}.tag-selector-suggestion:hover{background-color:var(--control-color-secondary);cursor:pointer}.tag-selector-limit-message{margin:0;color:var(--text-color-secondary);font-size:.8rem}.text-input{box-sizing:border-box;display:block;width:100%;height:var(--control-height);margin:0;padding:0 var(--control-padding-x);font-size:var(--control-font-size);font-family:inherit;color:var(--control-text-color);background-color:var(--control-color-main);border:var(--border-width) solid var(--control-border-color);border-radius:var(--radius-sm)}.text-input::placeholder{color:var(--control-text-color);opacity:.5}.text-input:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px;border-color:var(--control-border-color)}.text-input.has-error{border-color:var(--error-color);outline-color:var(--error-color)}.toggle-switch{--toggle-width: 44px;--toggle-height: 24px;--toggle-knob-size: 18px;--toggle-knob-offset: 3px;position:relative;display:inline-block;width:var(--toggle-width);height:var(--toggle-height);flex-shrink:0;padding:0;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.toggle-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--control-color-main);border:var(--border-width) solid var(--control-border-color);border-radius:calc(var(--toggle-height) / 2);transition:background-color .2s}.toggle-switch-slider:before{content:"";position:absolute;width:var(--toggle-knob-size);height:var(--toggle-knob-size);left:var(--toggle-knob-offset);top:50%;translate:0 -50%;background-color:var(--control-text-color);border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--button-hover-color)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(calc(var(--toggle-width) - var(--toggle-knob-size) - 2 * var(--toggle-knob-offset) - 2 * var(--border-width)))}.toggle-switch input:focus-visible+.toggle-switch-slider{outline:2px solid var(--focus-ring-color);outline-offset:2px}#practice-page-container{display:flex;flex-direction:row;padding:0;min-height:0}#practice-content-area{position:relative;flex:1;overflow-x:hidden;padding-bottom:1.5rem}@media (max-width: 767px){#practice-content-area{box-sizing:border-box;padding-left:var(--space-md);padding-right:var(--space-md)}}@page{size:letter;margin:.5in}@media print{.printouts-active #top-nav,.printouts-active footer,.printouts-active #practice-side-nav,.printouts-active #practice-side-nav-expander,.printouts-active #section-selection-menu,.printouts-active #section-selection-menu-expander{display:none!important}.printouts-active#practice-page{display:block;height:auto}.printouts-active #practice-page-container{display:block;height:auto;overflow:visible}.printouts-active #practice-content-area{overflow:visible}}.practice-table{position:relative;--practice-card-width: max(240px, min(90vw, 460px, calc((100dvh - 220px) * 17 / 22)));--practice-card-height: calc(var(--practice-card-width) * 22 / 17);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;min-height:100%;padding:var(--space-md);perspective:2200px}.practice-stack-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:0 0 auto}.practice-stack-group.is-hidden{visibility:hidden}.practice-stack{position:relative;box-sizing:border-box;flex:0 0 auto;width:calc(var(--practice-card-width) * .55);aspect-ratio:17 / 22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003}.practice-stack:before,.practice-stack:after{content:"";position:absolute;inset:calc(-1 * var(--card-border-width));background-color:var(--accent-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md)}.practice-stack:before{transform:translate(6px,6px);z-index:-1}.practice-stack:after{transform:translate(12px,12px);z-index:-2}.practice-stack.stack-depth-1:before,.practice-stack.stack-depth-1:after,.practice-stack.stack-depth-2:after{display:none}.practice-stack-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - var(--card-border-width));z-index:0}.practice-stack-dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;border-radius:calc(var(--radius-md) - var(--card-border-width));z-index:1}.practice-stack-check{position:relative;z-index:2;font-size:2.5rem;color:var(--green-success)}.practice-stack-count{font-size:2rem;font-weight:700}.practice-current-card{box-sizing:border-box;flex:0 0 auto;width:var(--practice-card-width);height:var(--practice-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;transform-style:preserve-3d;transition:border-color .2s ease}.practice-current-card.is-correct{border-color:var(--green-success)}.practice-current-card.is-wrong{border-color:var(--error-color)}.practice-current-card.is-clickable{cursor:pointer}.practice-current-card #Flashcard{flex:1 1 auto;min-height:0;width:100%}.practice-current-card .auto-size-text{flex:3 1 0;min-height:0;height:auto;width:100%;margin:var(--space-sm) 0}.practice-current-card #answer-window{flex:2 1 0;min-height:0;display:flex;margin:0}.practice-current-card #answer-window .auto-size-text{flex:1 1 auto;height:auto;margin:0}.practice-current-card .image-question-container{flex:1 1 0;min-height:100px;width:100%;overflow:hidden}.practice-current-card .flashcard-question-image{max-height:100%}.practice-current-card.is-correct #flashcard-practice-form,.practice-current-card.is-correct .multiple-choice-options,.practice-current-card.is-correct #Flashcard>button{visibility:hidden}.practice-phase-draw-in{animation:practice-draw-in .5s ease}.practice-phase-exit-left{animation:practice-exit-left .5s ease forwards}.practice-phase-exit-right{animation:practice-exit-right .5s ease forwards}@keyframes practice-draw-in{0%{transform:translate(30%) rotateY(-160deg) scale(.7);opacity:.2}to{transform:translate(0) rotateY(0) scale(1);opacity:1}}@keyframes practice-exit-left{0%{transform:translate(0) rotateY(0) scale(1);opacity:1}to{transform:translate(-70%) rotateY(180deg) scale(.6);opacity:0}}@keyframes practice-exit-right{0%{transform:translate(0) rotateY(0) scale(1);opacity:1}to{transform:translate(70%) rotateY(180deg) scale(.6);opacity:0}}.practice-results-actions{display:flex;justify-content:center;margin-top:var(--space-md)}@media (prefers-reduced-motion: reduce){.practice-phase-draw-in,.practice-phase-exit-left,.practice-phase-exit-right{animation:none}}@media (max-width: 767px){.practice-table{--practice-card-width: min( calc(100vw - 120px) , 420px);--practice-card-height: min(calc(var(--practice-card-width) * 22 / 17), calc(var(--app-vvh, 100dvh) - 100px));gap:var(--space-sm);padding:var(--space-sm)}.practice-current-card{padding:var(--space-sm)}.practice-stack{width:26px;height:calc(var(--practice-card-height) * .6);gap:var(--space-xs)}.practice-stack:before,.practice-stack:after{display:none}.practice-stack-image,.practice-stack-dim{display:none}.practice-stack-check{font-size:1.2rem}.practice-stack-count{font-size:1rem}}#Flashcard{display:flex;flex-direction:column;align-items:center}#answer-window{width:100%;margin:var(--space-sm) 0}#answer-window .auto-size-text{width:100%;height:clamp(60px,16dvh,150px);margin:0}#answer-window .review-answer-text{white-space:pre-line}.input-panel{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:var(--control-max-width);margin:var(--space-md) auto 0}.input-panel input{margin:0}.input-panel>.flashcard-guess-control,.input-panel .combobox-container{flex:1;min-width:0}.input-panel button{margin:0;height:var(--control-height);padding:0 1.2em;flex-shrink:0}#status-panel{display:flex;flex-direction:row;justify-content:center}#status-panel>div{padding-right:1em}.flashcard-question-image{max-width:100%;max-height:300px;object-fit:contain}.audio-question-container{display:flex;justify-content:center;width:100%}.multiple-choice-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);width:100%;max-width:700px;margin:0 auto}.multiple-choice-option{min-width:0;padding:.75rem 1rem;text-align:left;word-break:break-word}.multiple-choice-option.selected-correct{background-color:var(--green-success);color:#fff;opacity:1}.combobox-container{position:relative}.combobox-textbox{width:100%}.combobox-suggestions-container{position:absolute;top:100%;left:0;right:0;z-index:20;box-sizing:border-box;max-height:240px;overflow-y:auto;background-color:var(--control-color-main);border:var(--border-width) solid var(--control-border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:0 6px 12px #00000040;text-align:left}.combobox-suggestions-container.open-up{top:auto;bottom:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:0 -6px 12px #00000040}.combobox-option{padding:var(--space-sm) var(--control-padding-x);font-size:var(--control-font-size);color:var(--control-text-color);cursor:pointer;overflow-wrap:anywhere}.combobox-option:hover,.combobox-option:focus-visible{background-color:var(--control-color-secondary)}.combobox-option:focus-visible{outline:none}.audio-player{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background-color:var(--accent-color-main);width:100%;box-sizing:border-box}.audio-play-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background-color:var(--accent-color-main);color:var(--accent-text-color-main);flex-shrink:0;font-size:14px}.audio-play-button:hover{opacity:.85}.audio-progress-slider{flex:1;min-width:0;height:4px;accent-color:var(--accent-color-main);cursor:pointer}.audio-time{font-size:.8rem;color:var(--accent-text-color-main);white-space:nowrap;flex-shrink:0;min-width:70px;text-align:right}.auto-size-text{width:min(900px,90%);height:clamp(140px,calc(100dvh - 360px),420px);margin:1.5rem auto;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}@media (max-width: 767px){.auto-size-text{width:92%;height:clamp(120px,calc(100dvh - 260px),180px);margin:1rem auto}}.auto-size-text-inner{box-sizing:border-box;padding:10px;overflow-x:hidden;overflow-y:hidden;line-height:1.2;text-align:center;user-select:none;-webkit-user-select:none}.review-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;max-width:1200px;min-height:100%;margin:0 auto;padding:var(--space-md);box-sizing:border-box}.review-results-heading{margin:0;color:var(--text-color-main);text-align:center;font-size:2.25rem}.review-results-save-error{color:var(--error-color);text-align:center;margin:0}.review-results-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);width:100%}.review-stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);flex:1 1 0;min-width:140px;min-height:10rem;padding:var(--space-md);background-color:var(--accent-color-secondary);border:var(--border-width) solid var(--border-color-main);border-radius:var(--radius-md)}.review-stat-value{font-size:2.4rem;font-weight:700;color:var(--accent-text-color-main)}.review-stat-label{font-size:calc(var(--control-font-size) + 3px);color:var(--accent-text-color-secondary);text-align:center}.review-stat-tile.right .review-stat-value{color:var(--green-success)}.review-stat-tile.wrong .review-stat-value{color:var(--error-color)}.review-results-changes{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.review-results-changes-heading{margin:0;color:var(--text-color-main);font-size:1.6rem}.review-results-changes-row{display:flex;align-items:stretch;gap:var(--space-sm);width:100%}.review-changes-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);flex:1 1 auto}.review-change-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);flex:1 1 140px;min-width:140px;max-width:200px;min-height:10rem;padding:var(--space-sm) var(--space-md);background-color:var(--accent-color-secondary);border:var(--border-width) solid var(--border-color-main);border-radius:var(--radius-md)}.review-change-delta{display:flex;align-items:center;gap:var(--space-xs);font-weight:700}.review-change-card.improved .review-change-delta{color:var(--green-success)}.review-change-card.worsened .review-change-delta{color:var(--error-color)}.review-change-card.improved{border-color:var(--green-success)}.review-change-card.worsened{border-color:var(--error-color)}.review-change-arrow{flex:0 0 auto}.review-change-question{color:var(--accent-text-color-main);font-size:calc(var(--control-font-size) + 3px);overflow-wrap:anywhere}.review-changes-nav{flex:0 0 auto;align-self:center;margin:0}.review-changes-nav.hidden{visibility:hidden}.review-results-missed{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.review-results-missed-heading{margin:0;color:var(--text-color-main);font-size:1.6rem}.review-missed-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);width:100%}.review-missed-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);flex:1 1 140px;min-width:140px;max-width:200px;min-height:10rem;padding:var(--space-sm) var(--space-md);background-color:var(--accent-color-secondary);border:var(--border-width) solid var(--error-color);border-radius:var(--radius-md)}.review-missed-question{color:var(--accent-text-color-main);font-size:calc(var(--control-font-size) + 3px);text-align:center;overflow-wrap:anywhere}.review-missed-count{font-size:calc(var(--control-font-size) + 3px);color:var(--error-color)}.review-media-image{max-width:100%;max-height:6rem;min-height:0;object-fit:contain;border-radius:var(--radius-sm)}.review-missed-card .audio-player,.review-change-card .audio-player{padding:var(--space-xs) var(--space-sm);gap:6px}.review-missed-card .audio-play-button,.review-change-card .audio-play-button{width:24px;height:24px;font-size:10px}.review-missed-card .audio-time,.review-change-card .audio-time{display:none}.begin-review-button{margin-top:var(--space-md)}@media (max-width: 767px){.review-results{gap:var(--space-md);padding:var(--space-sm)}.review-results-heading{font-size:1.6rem}.review-results-changes-heading,.review-results-missed-heading{font-size:1.2rem}.review-results-stats,.review-changes-cards,.review-missed-cards,.review-results-changes-row{gap:var(--space-xs)}.review-stat-tile,.review-change-card,.review-missed-card{flex:1 1 0;min-width:0;max-width:9rem;min-height:5.5rem;gap:var(--space-xs);padding:var(--space-xs)}.review-stat-value{font-size:1.3rem}.review-stat-label,.review-change-question,.review-missed-question,.review-missed-count{font-size:.7rem}.review-changes-nav{padding:var(--space-xs);font-size:.7rem}.review-media-image{max-height:3.5rem}}.review-results-retry{margin-left:var(--space-sm)}.review-results-storm-coins{font-size:1.5rem}.storm-coin-reward{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:700;color:var(--text-color-main)}.storm-coin-reward-amount{font-size:1.5rem}.storm-coin-reward-image{height:1.75rem;width:auto}.daily-challenge-progress{position:absolute;top:var(--space-sm);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:min(90%,420px);padding:var(--space-sm) var(--space-md);box-sizing:border-box;background-color:var(--accent-color-main);color:var(--accent-text-color-main);border:var(--border-width) solid var(--border-color-main);border-radius:var(--radius-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.daily-challenge-progress.is-visible{opacity:1;visibility:visible}.daily-challenge-label{font-size:var(--control-font-size);font-weight:700}.daily-challenge-row{display:flex;align-items:center;gap:var(--space-sm);width:100%}.daily-challenge-track{flex:1 1 auto;height:12px;background-color:var(--bg-color-secondary);border-radius:var(--radius-sm);overflow:hidden}.daily-challenge-fill{height:100%;background-color:var(--primary-color);transition:width .4s ease}.daily-challenge-progress.is-complete .daily-challenge-fill{background-color:var(--green-success)}.daily-challenge-count{flex:0 0 auto;font-size:var(--control-font-size)}.daily-challenge-bonus{flex:0 0 auto;color:var(--accent-text-color-main)}.daily-challenge-error{margin:0;color:var(--error-color);font-size:var(--control-font-size)}#flashcard-learn-section{--learn-card-width: max(220px, min(90vw, 440px, calc((100dvh - 200px) * 17 / 22)));--learn-card-height: calc(var(--learn-card-width) * 22 / 17);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:100%}#flashcard-learn-container{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;width:100%;overflow:hidden;padding:48px 0;margin:-48px 0}.learn-fan-slot{flex:0 0 var(--fan-slot-width, 110px);display:flex;align-items:center;box-sizing:border-box;min-width:0;isolation:isolate}.learn-fan-slot-left{justify-content:flex-end}.learn-fan-slot-right{justify-content:flex-start}#flashcard-learn-viewport{flex:0 0 auto;min-width:0;position:relative;z-index:1;touch-action:pan-y;display:flex;flex-direction:column;align-items:center}@keyframes flashcard-learn-slide-forward{0%{transform:translate(28px);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes flashcard-learn-slide-back{0%{transform:translate(-28px);opacity:.5}to{transform:translate(0);opacity:1}}#flashcard-learn-viewport.slide-forward{animation:flashcard-learn-slide-forward .22s ease-out}#flashcard-learn-viewport.slide-back{animation:flashcard-learn-slide-back .22s ease-out}@media (prefers-reduced-motion: reduce){#flashcard-learn-viewport.slide-forward,#flashcard-learn-viewport.slide-back{animation:none}}.learn-random-row{display:flex;justify-content:center;margin-top:var(--space-sm)}.learn-random-row.is-hidden{visibility:hidden}.learn-random-button{margin:0;font-size:1.2rem}.show-answer-hold-mode{user-select:none;-webkit-user-select:none;touch-action:none}@media (max-width: 767px){#flashcard-learn-section{--learn-card-width: min( calc(100vw - 90px) , calc((100dvh - 170px) * 17 / 22));--learn-card-height: calc(var(--learn-card-width) * 22 / 17)}.learn-flashcard-card{padding:var(--space-sm)}.learn-fan-slot{flex:0 0 auto}.learn-fan-slot-left{padding-right:var(--space-sm)}.learn-fan-slot-right{padding-left:var(--space-sm)}}.learn-flashcard-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;overflow:hidden}.learn-flashcard-card:not(.learn-flashcard-flip-front):not(.learn-flashcard-flip-back):not(.learn-flashcard-card-peek){width:var(--learn-card-width);height:var(--learn-card-height)}.learn-flashcard-card .auto-size-text{width:100%;height:100%;margin:0}.learn-flashcard-flip{position:relative;width:var(--learn-card-width);height:var(--learn-card-height);perspective:2200px;cursor:pointer}.learn-flashcard-flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s}.learn-flashcard-flip[data-flipped=true] .learn-flashcard-flip-inner{transform:rotateY(180deg)}.learn-flashcard-flip-front,.learn-flashcard-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.learn-flashcard-flip-back{transform:rotateY(180deg);background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary)}.learn-flashcard-flip:not([data-flipped=true]) .learn-flashcard-flip-back{pointer-events:none}.learn-flashcard-flip[data-flipped=true] .learn-flashcard-flip-front{pointer-events:none}@media (prefers-reduced-motion: reduce){.learn-flashcard-flip-inner{transition:none}}.learn-flashcard-card-peek{position:relative;width:var(--learn-card-width);height:var(--learn-card-height);padding-bottom:calc(var(--space-lg) + var(--control-height) + var(--space-md))}.learn-flashcard-answer-control{position:absolute;left:0;right:0;bottom:var(--space-lg);display:flex;justify-content:center}.learn-flashcard-region{flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.learn-region-hidden{visibility:hidden}.learn-answer-text{white-space:pre-line}.image-question-container{display:flex;justify-content:center;align-items:center;min-height:150px}.flashcard-question-image{max-width:100%;max-height:min(300px,100%);object-fit:contain}.image-loading,.image-error{font-size:1rem;color:var(--text-color-secondary)}.flashcard-fan{--fan-edge-width: 16px;--fan-edge-overlap: 9px;position:relative;display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;box-sizing:border-box;padding:0 var(--space-xs)}.flashcard-fan-count{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-xs);color:var(--text-color-main);font-weight:700;pointer-events:none}.flashcard-fan-part{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:0;background:none;border:none;border-radius:0;cursor:pointer;outline:none}.flashcard-fan-part+.flashcard-fan-part,.flashcard-fan-edge+.flashcard-fan-edge{margin-left:calc(-1 * var(--fan-edge-overlap))}.flashcard-fan-flat .flashcard-fan-part+.flashcard-fan-part,.flashcard-fan-flat .flashcard-fan-edge+.flashcard-fan-edge{margin-left:var(--space-xs)}.flashcard-fan-edge{display:block;width:var(--fan-edge-width);height:var(--fan-edge-height, 380px);box-sizing:border-box;flex-shrink:0;background-color:var(--control-color-main);border:var(--border-width) solid var(--accent-color-secondary);border-radius:var(--radius-sm);transition:background-color .15s ease}.flashcard-fan-left .flashcard-fan-edge{transform-origin:bottom right}.flashcard-fan-right .flashcard-fan-edge{transform-origin:bottom left}.flashcard-fan-edge-new{background-color:transparent;border-style:dashed;border-width:3px;border-color:var(--border-color-main)}.flashcard-fan-part:hover .flashcard-fan-edge,.flashcard-fan-part:focus-visible .flashcard-fan-edge{background-color:var(--accent-color-secondary)}.flashcard-fan-edge-new:is(.flashcard-fan-part:hover *,.flashcard-fan-part:focus-visible *){background-color:transparent;border-color:var(--text-color-main)}.flashcard-fan-part:focus,.flashcard-fan-part:focus-visible{outline:none}@media (max-width: 767px){.flashcard-fan{--fan-edge-width: 14px;padding:0}}.review-table{position:relative;--review-card-width: max(240px, min(90vw, 460px, calc((100dvh - 220px) * 17 / 22)));--review-card-height: calc(var(--review-card-width) * 22 / 17);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;min-height:100%;padding:var(--space-md);perspective:2200px}.review-card-column{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.review-stack{position:relative;box-sizing:border-box;flex:0 0 auto;width:calc(var(--review-card-width) * .55);aspect-ratio:17 / 22;background-color:var(--accent-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003}.review-stack:before,.review-stack:after{content:"";position:absolute;inset:calc(-1 * var(--card-border-width));background-color:var(--accent-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md)}.review-stack-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - var(--card-border-width))}.review-stack-dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;border-radius:calc(var(--radius-md) - var(--card-border-width))}.review-stack:before{transform:translate(6px,6px);z-index:-1}.review-stack:after{transform:translate(12px,12px);z-index:-2}.review-current-card{box-sizing:border-box;flex:0 0 auto;width:var(--review-card-width);height:var(--review-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;transform-style:preserve-3d;transition:border-color .2s ease}.review-current-card.is-correct{border-color:var(--green-success)}.review-current-card.is-wrong{border-color:var(--error-color)}.review-current-card.is-clickable{cursor:pointer}.review-current-card #Flashcard{flex:1 1 auto;min-height:0;width:100%}.review-current-card .auto-size-text{flex:3 1 0;min-height:0;height:auto;width:100%;margin:var(--space-sm) 0}.review-current-card #answer-window{flex:2 1 0;min-height:0;display:flex;margin:0}.review-current-card #answer-window .auto-size-text{flex:1 1 auto;height:auto;margin:0}.review-current-card .image-question-container{flex:1 1 0;min-height:100px;width:100%;overflow:hidden}.review-current-card .flashcard-question-image{max-height:100%}.review-current-card.is-correct #flashcard-practice-form,.review-current-card.is-correct .multiple-choice-options,.review-current-card.is-correct #Flashcard>button{visibility:hidden}.review-phase-draw-in{animation:review-draw-in .5s ease}.review-phase-exit{animation:review-exit .5s ease forwards}@keyframes review-draw-in{0%{transform:translate(30%) rotateY(-160deg) scale(.7);opacity:.2}to{transform:translate(0) rotateY(0) scale(1);opacity:1}}@keyframes review-exit{0%{transform:translate(0) rotateY(0) scale(1);opacity:1}to{transform:translate(70%) rotateY(180deg) scale(.6);opacity:0}}.finish-review-button{margin-top:var(--space-lg)}@media (prefers-reduced-motion: reduce){.review-phase-draw-in,.review-phase-exit{animation:none}}@media (max-width: 767px){.review-table{--review-card-width: min( calc(100vw - 100px) , 420px);--review-card-height: min(calc(var(--review-card-width) * 22 / 17), calc(var(--app-vvh, 100dvh) - 130px));gap:var(--space-sm);padding:var(--space-sm)}.review-current-card{padding:var(--space-sm)}.review-stack{width:26px;height:calc(var(--review-card-height) * .6);aspect-ratio:auto}.review-stack:before,.review-stack:after{display:none}.review-stack-image,.review-stack-dim{display:none}}#print-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg)}#print-deck-title{margin:0}#print-controls{position:relative;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);width:100%;box-sizing:border-box;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--accent-color-main);color:var(--accent-text-color-main)}#print-controls .text-input,#print-controls .toggle-switch-slider{background-color:var(--bg-color-main)}#print-controls .toggle-switch input:checked+.toggle-switch-slider{background-color:var(--button-hover-color)}.print-control{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.print-control label,.print-control-label{white-space:nowrap}.print-control input[type=number]{width:70px}.print-mode-toggle{display:flex;gap:var(--space-sm)}.print-mode-toggle button{height:var(--control-height);box-sizing:border-box;margin:0;padding:0 12px;cursor:pointer;background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border:none;border-radius:var(--radius-sm);opacity:.6}.print-mode-toggle button.isSelected{opacity:1}#print-button{padding:var(--space-sm) 20px;cursor:pointer;background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border:none;border-radius:var(--radius-sm)}#print-controls-expander{display:none}#print-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;width:100%;color:var(--text-color-main)}.print-note{color:var(--text-color-main);font-style:italic}#print-preview-area{width:100%;min-width:0;flex-shrink:0;overflow-x:auto}@media (max-width: 767px){#print-controls{position:fixed;top:34px;left:calc(-1*min(300px,85vw));width:min(300px,85vw);bottom:26px;height:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;border-radius:0 var(--radius-sm) var(--radius-sm) 0;overflow-y:auto;transition:left .3s;z-index:198}#print-controls.expanded{left:0;z-index:200}.print-control{flex-wrap:wrap}#print-controls-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:148px;left:0;width:36px;min-width:36px;min-height:44px;background-color:var(--accent-color-main);color:var(--accent-text-color-main);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:left .3s;z-index:197;cursor:pointer}#print-controls.expanded+#print-controls-expander{left:min(300px,85vw)}}@media print{#print-deck-title,#print-controls,#print-controls-expander,#print-legend,#print-button{display:none!important}#print-section{display:block;padding:0;gap:0}#print-preview-area{display:block;overflow:visible}}.print-preview{display:flex;flex-direction:column;align-items:center;gap:20px;width:fit-content;margin:0 auto}.print-sheet{width:8.5in;height:11in;box-sizing:border-box;padding:.5in;background:#fff;color:#000;box-shadow:0 0 8px #00000040}.print-grid{width:100%;height:100%;display:grid;gap:0}.print-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:4px;border:1px solid #000;overflow:hidden;text-align:center;overflow-wrap:anywhere}.print-cell-folded{flex-direction:row}.print-cell-empty{border:none}.print-fold-line{align-self:stretch;margin:0 4px;border-left:1px dashed #000}.print-question,.print-answer{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.print-question-image{max-width:100%;max-height:100%;object-fit:contain}.print-question-caption{margin-top:2px}.print-answer-blank{min-height:1em}@media print{.print-preview{gap:0}.print-sheet{width:7.5in;height:10in;box-shadow:none;padding:0;break-after:page}.print-sheet:last-child{break-after:auto}}#section-selection-menu{position:absolute;width:min(300px,85vw);left:calc(-1*min(300px,85vw));background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);height:100%;top:0;transition:left .3s;display:flex;flex-direction:column;z-index:100}#section-selection-menu.expanded{left:0}#section-selection-menu>.checkbox-option{font-size:large}#section-selection-menu-expander{position:absolute;top:0;left:0;min-width:44px;min-height:44px;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);transition:left .3s;display:flex;align-items:center;justify-content:center;z-index:99;border-radius:0 var(--radius-sm) var(--radius-sm) 0}#section-selection-menu.expanded+#section-selection-menu-expander{left:min(300px,85vw)}#section-selection-menu-expander:hover{cursor:pointer}#section-selection-container{flex:1;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}#section-selection-action-menu{min-height:60px;align-content:center}@media (max-width: 767px){#section-selection-menu{position:fixed;top:34px;left:calc(-1*min(300px,85vw));bottom:26px;height:auto;z-index:198}#section-selection-menu.expanded{z-index:200}#section-selection-menu-expander{position:fixed;top:96px;left:0;width:36px;min-width:36px;z-index:197;border-radius:0 var(--radius-sm) var(--radius-sm) 0}#section-selection-menu.expanded+#section-selection-menu-expander{left:min(300px,85vw)}}.checkbox-option-select-all{text-align:left;padding:2px 20px}.checkbox-option{text-align:left;padding:2px 30px}#practice-side-nav{background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);min-width:150px;box-sizing:border-box;padding:var(--space-sm) 0}#practice-side-nav>ul{display:flex;flex-direction:column;gap:var(--space-xs)}#practice-side-nav li{width:100%;margin:0;cursor:pointer}#practice-side-nav li div{padding:var(--space-sm) var(--space-md)}#practice-side-nav li div:hover{background:var(--accent-color-main)}#practice-side-nav .isSelected{font-weight:700;background:var(--accent-color-main)}#practice-side-nav-expander{display:none}@media (max-width: 767px){#practice-side-nav{position:fixed;top:34px;left:calc(-1*min(65vw,220px));width:min(65vw,220px);bottom:26px;z-index:200;overflow-y:auto;transition:left .3s}#practice-side-nav.expanded{left:0}#practice-side-nav-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:44px;left:0;width:36px;min-height:44px;z-index:199;cursor:pointer;transition:left .3s;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}#practice-side-nav.expanded+#practice-side-nav-expander{left:min(65vw,220px)}}#exam-page-container{display:flex;flex-direction:column;align-items:center}.exam-table{--exam-card-width: max(240px, min(90vw, 460px, calc((100dvh - 220px) * 17 / 22)));--exam-card-height: calc(var(--exam-card-width) * 22 / 17);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;min-height:100%;padding:var(--space-md);perspective:2200px}.exam-card-column{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.exam-stack-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:0 0 auto}.exam-stack-group.is-hidden{visibility:hidden}.exam-stack{position:relative;box-sizing:border-box;flex:0 0 auto;width:calc(var(--exam-card-width) * .55);aspect-ratio:17 / 22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003}.exam-stack:before,.exam-stack:after{content:"";position:absolute;inset:calc(-1 * var(--card-border-width));background-color:var(--accent-color-secondary);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md)}.exam-stack:before{transform:translate(6px,6px);z-index:-1}.exam-stack:after{transform:translate(12px,12px);z-index:-2}.exam-stack.stack-depth-1:before,.exam-stack.stack-depth-1:after,.exam-stack.stack-depth-2:after{display:none}.exam-stack-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - var(--card-border-width));z-index:0}.exam-stack-dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;border-radius:calc(var(--radius-md) - var(--card-border-width));z-index:1}.exam-stack-check{position:relative;z-index:2;font-size:2.5rem;color:var(--text-color-main)}.exam-stack-count{font-size:2rem;font-weight:700}.exam-current-card{box-sizing:border-box;flex:0 0 auto;width:var(--exam-card-width);height:var(--exam-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;transform-style:preserve-3d}.exam-current-card .auto-size-text{flex:3 1 0;min-height:0;height:auto;width:100%;margin:var(--space-sm) 0}.exam-current-card .exam-question-image-container{flex:1 1 0;min-height:100px;width:100%;margin:var(--space-sm) 0;overflow:hidden}.exam-current-card .exam-question-image{max-width:100%;max-height:100%;object-fit:contain}.exam-question-image-container{display:flex;justify-content:center;align-items:center}.exam-question-audio-container{display:flex;justify-content:center;align-items:center;width:100%;margin:var(--space-sm) 0}.media-question-caption{margin:.5rem 0 1rem;font-size:1.1rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:center}.exam-input-row{display:flex;flex-direction:row;align-items:center;flex:0 0 auto;max-width:100%}.exam-answer-input{width:100%;max-width:260px;box-sizing:border-box;font-size:1em;padding:.6em 1.2em;margin-bottom:0}.exam-input-row .combobox-container{width:100%;max-width:260px}.exam-input-row .combobox-textbox{font-size:1em;padding:.6em 1.2em}.exam-multiple-choice-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;overflow-y:auto}.exam-multiple-choice-option{min-width:0;padding:.6em 1.2em;text-align:left;word-break:break-word}.exam-multiple-choice-option.selected{box-shadow:inset 0 0 0 2px var(--button-hover-color);font-weight:700}.exam-input-column{flex-direction:column;width:100%;align-items:center;gap:1rem}.exam-action-button{width:220px;max-width:100%}#exam-cancel-button{background-color:var(--delete-color);margin-top:var(--space-lg)}.exam-phase-draw-in{animation:exam-draw-in .5s ease}.exam-phase-exit{animation:exam-exit-left .5s ease forwards}@keyframes exam-draw-in{0%{transform:translate(30%) rotateY(-160deg) scale(.7);opacity:.2}to{transform:translate(0) rotateY(0) scale(1);opacity:1}}@keyframes exam-exit-left{0%{transform:translate(0) rotateY(0) scale(1);opacity:1}to{transform:translate(-70%) rotateY(180deg) scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.exam-phase-draw-in,.exam-phase-exit{animation:none}}#exam-result{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}#exam-score{font-size:4rem;font-weight:700;color:var(--exam-color)}#exam-new-medal{display:flex;flex-direction:column;align-items:center;gap:8px}.exam-new-medal-image{width:48px;height:48px;object-fit:contain}.exam-error{color:var(--delete-color)}@media (max-width: 767px){.exam-table{--exam-card-width: min( calc(100vw - 120px) , 420px);--exam-card-height: min(calc(var(--exam-card-width) * 22 / 17), calc(var(--app-vvh, 100dvh) - 130px));gap:var(--space-sm);padding:var(--space-sm)}.exam-current-card{padding:var(--space-sm)}.exam-stack{width:26px;height:calc(var(--exam-card-height) * .6);aspect-ratio:auto;gap:var(--space-xs)}.exam-stack:before,.exam-stack:after{display:none}.exam-stack-image,.exam-stack-dim{display:none}.exam-stack-check{font-size:1.2rem}.exam-stack-count{font-size:1rem}}.exam-storm-coins{margin:var(--space-sm) 0}#deckedit-form{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;height:100%;padding:var(--space-lg) var(--space-md);overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}#deckedit-form .image-picker-preview{width:200px;height:300px}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:var(--control-max-width);margin:0 auto var(--space-md);text-align:left}.form-field-main{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field-inline .form-field-main{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm)}.form-field-label{color:var(--text-color-main);font-size:var(--control-font-size);font-weight:500;padding:0}.form-field-error{color:var(--error-color);font-size:.85rem;margin:0}.input-action-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.input-action-row>:first-child{flex:1;min-width:0}.input-action-row button{margin:0;flex-shrink:0}.select-input{box-sizing:border-box;display:block;width:100%;height:var(--control-height);margin:0;padding:0 var(--control-padding-x);font-size:var(--control-font-size);font-family:inherit;color:var(--control-text-color);background-color:var(--control-color-main);border:var(--border-width) solid var(--control-border-color);border-radius:var(--radius-sm)}.select-input:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px;border-color:var(--control-border-color)}.select-input.has-error{border-color:var(--error-color);outline-color:var(--error-color)}.image-crop-modal{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);width:min(90vw,640px);overflow-x:hidden}.image-crop-title{margin:0;color:var(--text-color-main)}.image-crop-cropper{position:relative;width:100%;height:min(55vh,400px);background:var(--accent-color-secondary);border:var(--border-width) solid var(--control-border-color);border-radius:var(--radius-sm);overflow:hidden}.image-crop-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;min-width:0}.image-crop-zoom{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;color:var(--text-color-main)}.image-crop-zoom input[type=range]{flex:1;min-width:0;margin:0;padding:0}.image-crop-rotate{display:flex;gap:var(--space-sm)}.image-crop-rotate button{margin:0}.image-crop-readout{margin:0;color:var(--text-color-main);font-size:.9rem}.image-crop-readout-over{color:var(--error-color)}.image-crop-error{margin:0;color:var(--error-color);font-size:.9rem}.image-crop-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.image-crop-actions button{margin:0}.image-picker{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.image-picker-file-input{display:none}.image-picker-preview{max-width:100%;max-height:300px;object-fit:contain;border:var(--border-width) solid var(--control-border-color);border-radius:var(--radius-sm)}.image-picker button{margin:0}.image-picker-error{color:var(--error-color);font-size:.85rem;margin:0}#settings-edit-container{position:relative;display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}@media (max-width: 767px){#settings-edit-container .page-section{box-sizing:border-box;padding-left:40px;padding-right:40px}}#account-edit-page-section{position:relative;display:flex;flex-direction:column}#two-factor-section{position:relative;width:100%;max-width:var(--control-max-width);margin:0 auto;padding:0 var(--space-md) var(--space-md);box-sizing:border-box;color:var(--text-color-main)}#two-factor-section h3{margin-bottom:var(--space-sm)}#two-factor-section button{margin-top:var(--space-sm);margin-right:var(--space-sm)}.two-factor-on,.two-factor-off{color:var(--text-color-main);font-weight:700}.two-factor-backup-remaining{color:var(--text-color-main)}.two-factor-error{color:var(--error-color);font-style:italic}.two-factor-qr{display:inline-block;padding:var(--space-sm);background:#fff;border-radius:var(--radius-md)}.two-factor-secret-label{margin-bottom:var(--space-xs)}.two-factor-secret{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--accent-color-main);color:var(--accent-text-color-main);border-radius:var(--radius-sm);letter-spacing:2px;word-break:break-all}.two-factor-setup .form-field,.two-factor-disable .form-field{margin-top:var(--space-sm);margin-bottom:var(--space-sm);text-align:left}.two-factor-backup-codes ul{list-style:none;padding:var(--space-sm);margin:var(--space-sm) 0;background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.two-factor-backup-codes code,.two-factor-secret{font-family:monospace}.two-factor-actions{margin-top:var(--space-sm)}.two-factor-cancel{background:none;color:var(--text-color-main)}#settings-ai-section{display:flex;flex-direction:column;color:var(--text-color-main)}#settings-ai-section .ai-content{width:100%;max-width:640px;margin:0 auto;padding:0 20px 20px;box-sizing:border-box}#settings-ai-section h1{color:var(--text-color-main)}#settings-ai-section .ai-intro{color:var(--text-color-main);margin-bottom:1.5rem}#settings-ai-section .ai-error{color:var(--error-color);font-weight:700}#settings-ai-section .ai-use-mcp{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:1rem}#settings-ai-section .ai-setup,#settings-ai-section .ai-status,#settings-ai-section .ai-token-panel{width:100%;box-sizing:border-box;background-color:var(--accent-color-main);color:var(--accent-text-color-main);border:var(--border-width) solid var(--border-color-main);border-radius:var(--radius-md);padding:1.25rem;margin-top:1rem}#settings-ai-section .ai-setup-heading{font-weight:700;margin:0 0 .75rem}#settings-ai-section .ai-scope-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}#settings-ai-section .ai-scope-group{border:var(--border-width) solid var(--border-color-main);border-radius:var(--radius-md);padding:.75rem}#settings-ai-section .ai-scope-group legend{font-weight:700;padding:0 .35rem;color:var(--accent-text-color-main)}#settings-ai-section .ai-scope-option{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;cursor:pointer}#settings-ai-section .ai-scope-option input[type=checkbox]{background-color:var(--bg-color-main);border-color:var(--border-color-main)}#settings-ai-section .ai-expiration{display:flex;align-items:center;gap:.5rem;margin:1.25rem 0;line-height:1}#settings-ai-section .ai-expiration-select{width:auto;background-color:var(--bg-color-main);border-color:var(--border-color-main)}#settings-ai-section .ai-setup-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}#settings-ai-section .ai-token-warning{color:var(--accent-text-color-main);font-weight:700;margin-top:0}#settings-ai-section .ai-token-value{display:flex;align-items:center;gap:.75rem;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);padding:.6rem .75rem;border-radius:var(--radius-sm);margin-bottom:1rem;overflow-x:auto}#settings-ai-section .ai-token-value code{flex:1;word-break:break-all;font-family:monospace}#settings-ai-section .ai-expired{color:var(--accent-text-color-main);font-weight:700}#settings-ai-section .ai-status-details{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0 0 1.25rem}#settings-ai-section .ai-status-details dt{font-weight:700;color:var(--accent-text-color-main)}#settings-ai-section .ai-status-details dd{margin:0}#settings-ai-section .ai-scope-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}#settings-ai-section .ai-scope-list li{background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:12px;padding:.15rem .6rem;font-size:.85rem;font-family:monospace}#settings-ai-section .ai-connect-block{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color-main)}#settings-ai-section .ai-connect-heading{font-weight:700;margin:0 0 .75rem}#settings-ai-section .ai-connect-details{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0 0 1rem}#settings-ai-section .ai-connect-details dt{font-weight:700;color:var(--accent-text-color-main)}#settings-ai-section .ai-connect-details dd{margin:0;word-break:break-all;font-family:monospace}#settings-ai-section .ai-connect-label{margin:0 0 .4rem}#settings-ai-section .ai-connect-snippet{display:flex;align-items:center;gap:.75rem;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);padding:.6rem .75rem;border-radius:var(--radius-sm);overflow-x:auto}#settings-ai-section .ai-connect-snippet code{flex:1;word-break:break-all;font-family:monospace}#settings-ai-section .ai-connect-note{margin:.9rem 0 0;font-size:.9rem}#settings-ai-section .ai-connect-note code{font-family:monospace;word-break:break-all}.confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--ink-color) 50%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-dialog{background-color:var(--accent-color-main);color:var(--accent-text-color-main);border-radius:8px;padding:24px 32px;max-width:400px;width:90%;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 24px #0000004d}.confirmation-message{margin:0;font-size:1rem;line-height:1.5}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-button{padding:8px 20px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:opacity .15s}.confirmation-button:hover{opacity:.85}.confirmation-button-confirm{background-color:var(--accent-color-main);color:var(--accent-text-color-main)}.confirmation-button-cancel{background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary)}#preferences-edit-form .form-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}#preferences-edit-form .save-message{color:var(--text-color-main);font-size:.9em}#preferences-edit-form .save-message.error-message{color:var(--error-color)}#preferences-edit-form{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;height:100%;padding:0 var(--space-md) var(--space-lg);overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}.data-grid{--data-grid-line: color-mix(in srgb, var(--accent-text-color-main) 25%, transparent);background-color:var(--accent-color-main);border:var(--card-border-width) solid var(--data-grid-line);overflow:auto;min-height:120px}.data-grid-table{width:100%;border-collapse:collapse;color:var(--accent-text-color-main)}.data-grid-table th,.data-grid-table td{text-align:left;padding:var(--space-sm) var(--space-md);vertical-align:middle}.data-grid-table thead th{background-color:var(--bg-color-main);color:var(--text-color-main);font-weight:700;border-bottom:var(--card-border-width) solid color-mix(in srgb,var(--text-color-main) 45%,transparent);position:sticky;top:0;z-index:1}.data-grid-table tbody tr:not(:last-child) td{border-bottom:var(--card-border-width) solid var(--data-grid-line)}.data-grid-table button{margin:0;padding:var(--space-xs) var(--space-sm);font-size:.9em;line-height:1.2}.data-grid-empty{margin:0;padding:var(--space-lg);text-align:center;color:var(--accent-text-color-main)}.share-request-actions{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.share-request-actions button{margin:0}.share-request-actions-error{margin:0;color:var(--error-color)}#share-requests-section{position:relative;display:flex;flex-direction:column;color:var(--text-color-main)}#share-requests-section .requests-content{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-md) var(--space-md);box-sizing:border-box}#share-requests-section .requests-message{margin:0;min-height:1lh;color:var(--text-color-main)}#share-requests-section .requests-error{color:var(--error-color);margin:0}#share-requests-section .requests-empty{margin:var(--space-lg) 0;text-align:center;color:var(--text-color-main)}#share-requests-section .data-grid{min-height:0}#share-requests-section .deck-title-cell{width:100%;min-width:160px}#share-requests-section .shared-by-cell{min-width:140px;white-space:nowrap}#share-requests-section .expires-on-cell,#share-requests-section .request-actions-cell{min-width:170px;white-space:nowrap}#share-requests-section .request-actions-cell button{margin:0 var(--space-xs) 0 0}#settings-edit-side-nav{background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);min-width:150px;box-sizing:border-box;padding:var(--space-sm) 0}#settings-edit-side-nav>ul{display:flex;flex-direction:column;gap:var(--space-xs)}#settings-edit-side-nav li{width:100%;margin:0;cursor:pointer}#settings-edit-side-nav li div{padding:var(--space-sm) var(--space-md)}#settings-edit-side-nav li div:hover{background:var(--accent-color-main)}#settings-edit-side-nav .isSelected{font-weight:700;background:var(--accent-color-main)}#settings-side-nav-expander{display:none}@media (max-width: 767px){#settings-edit-side-nav{position:fixed;top:34px;bottom:26px;left:calc(-1*min(65vw,220px));width:min(65vw,220px);z-index:200;overflow-y:auto;transition:left .3s}#settings-edit-side-nav.expanded{left:0}#settings-side-nav-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:44px;left:0;width:36px;min-height:44px;z-index:199;cursor:pointer;transition:left .3s;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}#settings-edit-side-nav.expanded+#settings-side-nav-expander{left:min(65vw,220px)}}html{background:var(--bg-color-main);height:100%}body{background:var(--bg-color-main);margin:0;min-width:320px;height:100%}#root{display:block;height:100%;width:100%;margin:0 auto;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;text-align:center;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light dark;color:var(--text-color-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.page{display:flex;height:100%;flex-flow:column}.page-container{position:relative;flex:1;padding:1rem;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}.page-section{position:relative;width:100%;flex:1;min-height:0;min-width:0}.form-container{margin-top:40px;height:calc(100% - 40px);min-width:0;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}ul{list-style-type:none;display:flex;padding:0;margin:0px 2rem}nav ul{margin:0}a{font-weight:500;color:var(--hyper-link-color);text-decoration:inherit}a:hover{color:var(--hyper-link-hovered-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;border-color:var(--border-color-main);color:var(--button-text-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-color);cursor:pointer;transition:border-color .25s;margin:2px 10px}button:hover{border-color:var(--button-hover-color)}button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{border-color:var(--border-color-main)}button.delete-button{background-color:#ff4500;padding:0;height:30px;width:40px}label{padding-left:5px}.form-row{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;width:100%;margin-bottom:1rem}.form-row.checkbox-row{flex-direction:row}.form-list-row{display:flex;flex-direction:row;align-items:center;justify-self:center;gap:1rem;max-width:500px;width:100%;margin-bottom:1rem}input{background-color:var(--control-color-main);box-sizing:border-box;border-radius:4px;border-width:1px;border-color:var(--control-border-color);border-style:solid;color:var(--control-text-color);padding:10px 15px;margin-bottom:10px;font-size:14px}input.textbox{width:100%;display:block}input:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}input::placeholder{color:var(--control-text-color);opacity:.5}select{background-color:var(--control-color-main);box-sizing:border-box;border-radius:4px;border-width:1px;border-color:var(--control-border-color);border-style:solid;color:var(--control-text-color);padding:10px 15px;margin-bottom:10px;font-size:14px}select:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;margin-bottom:0;position:relative;background-color:var(--control-color-main);border:1px solid var(--control-border-color);border-radius:4px;cursor:pointer}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--control-text-color);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}#flashcard-group-nav{display:flex;justify-content:center}.add-deck-button{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-right:0}@media (max-width: 767px){.add-deck-button{justify-content:center;width:100%;margin-left:0}}.follow-error{color:var(--error-color);text-align:center;font-weight:700}.practice-link{background-color:var(--practice-color);top:5px}.exam-link{background-color:var(--exam-color);top:35px}.game-link{background-color:var(--game-color);top:65px}.edit-link{background-color:var(--edit-color);top:125px}.delete-button{background-color:var(--delete-color);top:155px;border:none;padding:0;margin:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.delete-button.deck-link{width:120px}.collection-container>ul>li.add-deck-tile{box-shadow:0 0 3px var(--border-color-main);transition:box-shadow .5s}.collection-container>ul>li.add-deck-tile:hover{box-shadow:0 0 12px var(--border-color-main)}.add-deck-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--accent-color-main);color:var(--accent-text-color-main);text-decoration:none;cursor:pointer}.add-deck-link:hover{color:var(--accent-text-color-main)}.add-deck-label{font-size:24px;font-weight:700}.add-deck-icon{margin-top:8px;font-size:32px}#deckedit-container{position:relative;display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}@media (max-width: 767px){#deckedit-container .page-section{box-sizing:border-box;padding-left:40px;padding-right:40px}}#flashcard-section-edit-form{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;height:100%;padding:var(--space-lg) var(--space-md);overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}#section-edit-actions{display:flex;flex-direction:row;justify-content:center;gap:var(--space-sm);width:100%;max-width:var(--control-max-width);margin-top:var(--space-sm)}#flashcard-edit-page-section{display:flex;flex-direction:column}#flashcard-edit-container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;box-sizing:border-box;flex:1;min-height:0;overflow:hidden}.flashcard-fan-slot{flex:0 0 var(--fan-slot-width, 110px);display:flex;align-items:center;box-sizing:border-box;min-width:0;isolation:isolate}.flashcard-fan-slot-left{justify-content:flex-end}.flashcard-fan-slot-right{justify-content:flex-start}#flashcard-edit-form-viewport{flex:0 1 calc(var(--control-max-width) + 2 * var(--space-lg));min-width:0;min-height:0;position:relative;z-index:1;overflow:visible;touch-action:pan-y}@keyframes flashcard-slide-forward{0%{transform:translate(28px);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes flashcard-slide-back{0%{transform:translate(-28px);opacity:.5}to{transform:translate(0);opacity:1}}#flashcard-edit-form-viewport.slide-forward{animation:flashcard-slide-forward .22s ease-out}#flashcard-edit-form-viewport.slide-back{animation:flashcard-slide-back .22s ease-out}@media (prefers-reduced-motion: reduce){#flashcard-edit-form-viewport.slide-forward,#flashcard-edit-form-viewport.slide-back{animation:none}}#flashcard-preview-panel{flex-shrink:0;display:flex;flex-direction:column;width:100%}#flashcard-preview-panel-expander{display:none}@media (max-width: 767px){.flashcard-fan-slot{flex:0 0 auto}.flashcard-fan-slot-left{padding-right:var(--space-sm)}.flashcard-fan-slot-right{padding-left:var(--space-sm)}#flashcard-preview-panel{position:fixed;top:34px;bottom:26px;left:calc(-1*min(80vw,300px));width:min(80vw,300px);z-index:200;flex-direction:row-reverse;align-items:stretch;overflow:hidden;background:var(--control-color-main);border-right:var(--border-width) solid var(--accent-color-secondary);transition:left .3s}#flashcard-preview-panel.expanded{left:0}#flashcard-preview-panel-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:92px;left:0;width:36px;min-height:44px;z-index:199;cursor:pointer;transition:left .3s;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}#flashcard-preview-panel.expanded+#flashcard-preview-panel-expander{left:min(80vw,300px)}}#flashcardedit-form{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative;z-index:1;width:100%;max-height:calc(100% - 2 * var(--space-md));margin:var(--space-md) 0;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}#flashcardedit-form.new-flashcard{border-style:dashed;border-width:3px}.flashcard-flip{position:relative;width:100%;height:100%;perspective:1600px}.flashcard-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.flashcard-flip[data-flipped=true] .flashcard-flip-inner{transform:rotateY(180deg)}.flashcard-flip-front,.flashcard-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flashcard-flip-back{transform:rotateY(180deg)}.flashcard-flip:not([data-flipped=true]) .flashcard-flip-back{pointer-events:none}.flashcard-flip[data-flipped=true] .flashcard-flip-front{pointer-events:none}.flashcard-flip-back-card{box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:var(--edit-form-height, calc(100% - 2 * var(--space-md)));margin:var(--space-md) 0;padding:var(--space-lg) var(--space-md);background-color:var(--bg-color-main);color:var(--text-color-main);border:var(--card-border-width) solid var(--border-color-main);border-radius:var(--radius-md);box-shadow:0 2px 6px #0003;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}.flashcard-flip-tab{position:absolute;top:calc(var(--space-md) + var(--radius-md));right:-40px;display:flex;flex-direction:row-reverse;align-items:center;height:32px;margin:0;padding:0;border:none;cursor:pointer;white-space:nowrap;color:var(--text-color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:transform .3s ease,background-color .3s ease}.flashcard-flip-tab:hover{transform:translate(70px)}.flashcard-flip-tab-icon{flex:0 0 40px;display:flex;align-items:center;justify-content:center}.flashcard-flip-tab-label{flex:0 0 70px;padding-right:6px;font-size:15px;font-weight:700;text-align:right}.flashcard-flip-tab-preview{background-color:var(--exam-color)}.flashcard-flip-tab-edit{background-color:var(--edit-color)}.flashcard-flip-tab-delete{top:calc(var(--space-md) + var(--radius-md) + 32px + var(--space-sm));background-color:var(--delete-color)}@media (prefers-reduced-motion: reduce){.flashcard-flip-inner{transition:none}}#flashcardedit-form .image-picker-preview{max-width:min(300px,100%);max-height:200px}#flashcardedit-form .number-input{max-width:120px}#flashcard-button-panel{max-width:var(--control-max-width);width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:var(--control-height);margin-top:var(--space-sm)}.audio-input{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.audio-controls{display:flex;flex-direction:row;gap:.5rem;align-items:center}.audio-record-button.recording{background-color:var(--accent-color-main);color:var(--accent-text-color-main)}.field-error{color:var(--error-color);font-size:.85rem;margin:0}.audio-convert-notice{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--text-color-main);font-size:.85rem;text-align:center}.audio-convert-notice p{margin:0}.flashcard-preview{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flashcard-preview #Flashcard{width:100%}.flashcard-preview .auto-size-text{width:100%;height:clamp(140px,calc(100dvh - 420px),300px);margin:var(--space-md) auto}.flashcard-preview .flashcard-question-image{max-height:180px}.flashcard-preview .image-question-container{min-height:120px}.flashcard-preview .multiple-choice-options{grid-template-columns:1fr;max-width:100%}.flashcard-preview .input-panel{max-width:100%}.flashcard-flip-back-card{transition:border-color .2s ease}.flashcard-flip-back-card:has(>.flashcard-preview.preview-correct){border-color:var(--green-success)}.flashcard-flip-back-card:has(>.flashcard-preview.preview-wrong){border-color:var(--error-color)}.text-area{box-sizing:border-box;display:block;width:100%;min-height:calc(var(--control-height) * 2);margin:0;padding:var(--space-sm) var(--control-padding-x);font-size:var(--control-font-size);font-family:inherit;color:var(--control-text-color);background-color:var(--control-color-main);border:var(--border-width) solid var(--control-border-color);border-radius:var(--radius-sm);resize:vertical}.text-area::placeholder{color:var(--control-text-color);opacity:.5}.text-area:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px;border-color:var(--control-border-color)}.text-area.has-error{border-color:var(--error-color);outline-color:var(--error-color)}#flashcard-preview-strip{flex-shrink:0;box-sizing:border-box;width:100%;transform:scaleY(-1);border-bottom:var(--border-width) solid var(--accent-color-secondary);background:var(--control-color-main);overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--control-text-color) var(--control-color-main);cursor:grab}#flashcard-preview-strip::-webkit-scrollbar{width:8px;height:8px}#flashcard-preview-strip::-webkit-scrollbar-button{display:none;width:0;height:0}#flashcard-preview-strip::-webkit-scrollbar-track{background:transparent}#flashcard-preview-strip::-webkit-scrollbar-thumb{background:var(--control-text-color);border-radius:var(--radius-sm)}.preview-strip-track{display:flex;flex-direction:row;align-items:center;gap:var(--space-xs);padding:var(--space-sm);transform:scaleY(-1);-webkit-user-select:none;user-select:none}.preview-tile{flex-shrink:0;box-sizing:border-box;width:120px;height:80px;margin:0;padding:var(--space-xs);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:var(--accent-color-secondary);color:var(--accent-text-color-secondary)}.preview-tile:hover{background:var(--accent-color-main);color:var(--accent-text-color-main)}.preview-tile.active{background:var(--accent-color-main);color:var(--accent-text-color-main);border-color:var(--accent-text-color-main);font-weight:700}.preview-tile-add{text-align:center}.preview-tile-image{max-width:100%;max-height:100%;object-fit:contain}.preview-tile-audio{font-style:italic}.preview-tile-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-tile-text-inner{width:100%;text-align:center;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}@media (max-width: 767px){#flashcard-preview-strip{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;transform:none;border-bottom:none}.preview-strip-track{flex-direction:column;align-items:stretch;transform:none}.preview-tile{width:100%}}#flashcard-section-tabs{flex-shrink:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;transform:scaleY(-1);scrollbar-width:thin;scrollbar-color:var(--control-text-color) transparent}#flashcard-section-tabs::-webkit-scrollbar{width:8px;height:8px}#flashcard-section-tabs::-webkit-scrollbar-button{display:none;width:0;height:0}#flashcard-section-tabs::-webkit-scrollbar-track{background:transparent}#flashcard-section-tabs::-webkit-scrollbar-thumb{background:var(--control-text-color);border-radius:var(--radius-sm)}.section-tabs-track{display:flex;flex-direction:row;align-items:flex-end;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm) 0 var(--space-sm);transform:scaleY(-1)}.section-tab{flex:0 0 auto;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:var(--space-xs) var(--space-sm);cursor:pointer;border:var(--border-width) solid var(--accent-color-secondary);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent-color-main);color:var(--accent-text-color-main)}.section-tab:hover{background:var(--accent-color-secondary);color:var(--accent-text-color-secondary)}.section-tab.active{background:var(--control-color-main);color:var(--control-text-color);border-color:var(--accent-text-color-main);font-weight:700}@media (max-width: 767px){#flashcard-section-tabs{flex:0 0 auto;min-height:0;overflow-x:hidden;overflow-y:auto;transform:none;border-left:var(--border-width) solid var(--accent-color-secondary)}.section-tabs-track{flex-direction:column;align-items:stretch;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;transform:none}.section-tab{max-width:120px;text-align:left;border:var(--border-width) solid var(--accent-color-secondary);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-color-main);color:var(--accent-text-color-main)}.section-tab:hover{background:var(--accent-color-secondary);color:var(--accent-text-color-secondary)}.section-tab.active{background:var(--accent-text-color-main);color:var(--accent-color-main);border-color:var(--accent-text-color-main);border-left:none;font-weight:700}}#deck-edit-side-nav{background:var(--accent-color-secondary);color:var(--accent-text-color-secondary);min-width:150px;box-sizing:border-box;padding:var(--space-sm) 0}#deck-edit-side-nav>ul{display:flex;flex-direction:column;gap:var(--space-xs)}#deck-edit-side-nav li{width:100%;margin:0;cursor:pointer}#deck-edit-side-nav li div{padding:var(--space-sm) var(--space-md)}#deck-edit-side-nav li div:hover{background:var(--accent-color-main)}#deck-edit-side-nav .isSelected{font-weight:700;background:var(--accent-color-main)}#deck-edit-side-nav-expander{display:none}@media (max-width: 767px){#deck-edit-side-nav{position:fixed;top:34px;bottom:26px;left:calc(-1*min(65vw,220px));width:min(65vw,220px);z-index:200;overflow-y:auto;transition:left .3s}#deck-edit-side-nav.expanded{left:0}#deck-edit-side-nav-expander{display:flex;align-items:center;justify-content:center;position:fixed;top:44px;left:0;width:36px;min-height:44px;z-index:199;cursor:pointer;transition:left .3s;background-color:var(--accent-color-secondary);color:var(--accent-text-color-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}#deck-edit-side-nav.expanded+#deck-edit-side-nav-expander{left:min(65vw,220px)}}#exam-template-edit-section{position:relative;display:flex;justify-content:center}#exam-template-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);box-sizing:border-box;width:100%;height:100%;padding:var(--space-lg) var(--space-md);overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--control-text-color) var(--control-color-main)}#exam-template-form .form-field{margin-bottom:0}#exam-template-type-options{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:var(--control-max-width)}#exam-template-form .count-input{max-width:100px}#exam-template-sections{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:var(--control-max-width)}.section-template-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.section-name{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;color:var(--text-color-main)}.include-all-label{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-color-main);white-space:nowrap}.section-template-row .count-input{width:70px}.section-max{color:var(--text-color-secondary);font-size:.9em}.form-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.save-message{color:var(--text-color-main);font-size:.9em}.error-message{color:var(--error-color)}#deck-sharing-section{position:relative;display:flex;justify-content:center}#deck-sharing-form{display:flex;flex-direction:column;gap:var(--space-md);box-sizing:border-box;width:100%;max-width:960px;height:100%;padding:var(--space-lg) var(--space-md);overflow-y:auto;color:var(--text-color-main)}#deck-sharing-form h3{margin:0}#share-form{display:flex;flex-direction:column;gap:var(--space-sm)}#share-form .share-form-row{display:flex;align-items:center;gap:var(--space-sm);width:100%}#share-form .share-form-row .form-field{flex:1 1 auto;min-width:0;margin:0}#share-form .share-form-row .form-field:not(:has(.form-field-error)){padding-bottom:calc(var(--space-xs) + .85rem * 1.35)}#share-form .share-form-row .text-input{width:100%}#share-form .share-form-row button{flex:0 0 auto;white-space:nowrap;margin:0;padding:.6em .8em}#share-form .share-message{margin:0;min-height:1lh;color:var(--text-color-main)}#deck-sharing-form .share-error{color:var(--error-color);margin:0}#deck-sharing-form .data-grid{min-height:0}#deck-sharing-form .share-user-cell{width:100%;min-width:220px}#deck-sharing-form .share-user{display:flex;flex-direction:column;gap:2px}#deck-sharing-form .share-user-email{font-size:.85em;opacity:.8}#deck-sharing-form .share-expires-cell{min-width:170px;white-space:nowrap}#deck-sharing-form .share-status-cell{min-width:90px;white-space:nowrap}#deck-sharing-form .share-status-pending{font-size:.85em;padding:.15em .6em;border-radius:var(--radius-md);background-color:var(--bg-color-main);color:var(--text-color-main)}#deck-sharing-form .share-remove-cell{min-width:50px;white-space:nowrap;text-align:right}#deck-sharing-form .share-remove-button{background:none;border:none;color:var(--error-color);cursor:pointer}#game-container{overflow-x:hidden}@media (min-width: 768px){#game-container{--section-expander-width: 44px;padding-left:calc(var(--section-expander-width) + var(--space-md))}}#game-group-nav{display:flex;justify-content:center}#game-group-nav>ul>li.game-group{height:200px}@media only screen and (max-width: 480px){#game-group-nav>ul>li.game-group{height:120px}}.game-group{rotate:0deg;z-index:1;transition:rotate .4s,z-index .4s}.game-group:not(.disabled):has(:hover){rotate:-5deg;z-index:10;transition:rotate .4s,z-index 0s}.game-group.disabled{opacity:.5}.game-card-link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none}.game-title{position:relative;z-index:2;background-color:var(--accent-color-main);color:var(--accent-text-color-main);opacity:.9}.game-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;background-color:var(--bg-color-secondary)}.game-image-placeholder{flex:1;width:100%;background-color:var(--bg-color-secondary)}.match2-page-container{padding:0;display:flex;flex-direction:column}.match2-game-frame{flex:1;width:100%;border:none}.match2-status-message{margin:auto;color:var(--text-color-secondary);font-size:1.2rem}.shootout-page-container{padding:0;display:flex;flex-direction:column}.shootout-game-frame{flex:1;width:100%;border:none}.shootout-status-message{margin:auto;color:var(--text-color-secondary);font-size:1.2rem}.flashcard-rpg-page-container{padding:0;display:flex;flex-direction:column}.flashcard-rpg-game-frame{flex:1;width:100%;border:none}.flashcard-rpg-status-message{margin:auto;color:var(--text-color-secondary);font-size:1.2rem}.skyscape-scramble-page-container{padding:0;display:flex;flex-direction:column}.skyscape-scramble-game-frame{flex:1;width:100%;border:none}.skyscape-scramble-status-message{margin:auto;color:var(--text-color-secondary);font-size:1.2rem}#not-found-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm);padding:var(--space-lg);background-color:var(--bg-color-main);color:var(--text-color-main)}#admin-dashboard-page .page-container{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) clamp(var(--space-lg),4vw,3rem)}#admin-dashboard-page h1{color:var(--text-color-main)}#admin-dashboard-page h1,#admin-dashboard-page #invite-form{flex-shrink:0}#admin-dashboard-page #invite-form{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}#admin-dashboard-page .invite-form-row{display:flex;align-items:center;gap:var(--space-sm);width:100%}#admin-dashboard-page .invite-form-row .form-field{flex:0 1 var(--control-max-width);min-width:0;margin:0}#admin-dashboard-page .invite-form-row .form-field:not(:has(.form-field-error)){padding-bottom:calc(var(--space-xs) + .85rem * 1.35)}#admin-dashboard-page .invite-form-row .text-input{width:100%}#admin-dashboard-page .invite-form-row button{flex:0 0 auto;white-space:nowrap;margin:0;padding:.6em .8em}#admin-dashboard-page .invite-message{margin:0;min-height:1lh}#admin-dashboard-page .invite-error,#admin-dashboard-page .fetch-error,#admin-dashboard-page .resend-error{color:var(--error-color);margin:0}#admin-dashboard-page .invite-success{color:var(--text-color-secondary);margin:0}#admin-dashboard-page .email-cell{width:100%;min-width:180px}#admin-dashboard-page .sent-on-cell{min-width:170px;white-space:nowrap}#admin-dashboard-page .code-cell{min-width:240px;white-space:nowrap}#admin-dashboard-page td.code-cell{font-family:monospace}#admin-dashboard-page .resend-cell{min-width:90px;white-space:nowrap}