:root{--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px -2px rgb(0 0 0 / .1), 0 2px 6px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 30px -4px rgb(0 0 0 / .12), 0 4px 12px -4px rgb(0 0 0 / .08);--focus-ring-color: var(--accent);--focus-ring-offset: 2px;--focus-ring-width: 3px}[data-theme=sage]{--bg: #EDEAE0;--surface: #FBFAF5;--text: #2C3A33;--text-muted: #5E6B62;--accent: #3E7058;--accent-contrast: #F7F5EE;--accent-soft: #DCE8E0;--on-accent-soft: #2C4A3A;--border: #DCD8CB}[data-theme=sage][data-mode=dark],[data-theme=sage].dark{--bg: #1B231F;--surface: #26302A;--text: #E4E9E3;--text-muted: #9DA89F;--accent: #6FA88E;--accent-contrast: #1B231F;--accent-soft: #2C3D34;--on-accent-soft: #B8D4C4;--border: #333D36}[data-theme=dusty-blue]{--bg: #E7ECF1;--surface: #F6F8FA;--text: #28323D;--text-muted: #586675;--accent: #4A6E8F;--accent-contrast: #F6F8FA;--accent-soft: #DCE6EF;--on-accent-soft: #2A4458;--border: #D3DBE3}[data-theme=dusty-blue][data-mode=dark],[data-theme=dusty-blue].dark{--bg: #1C232B;--surface: #283039;--text: #DCE3EA;--text-muted: #8794A2;--accent: #7FA6C6;--accent-contrast: #1C232B;--accent-soft: #273444;--on-accent-soft: #B4CBE0;--border: #333D47}[data-theme=purple-heather]{--bg: #ECE8F0;--surface: #F8F5FB;--text: #322B3D;--text-muted: #635A70;--accent: #6B5B8A;--accent-contrast: #F8F5FB;--accent-soft: #E0D8EC;--on-accent-soft: #43355E;--border: #DAD2E2}[data-theme=purple-heather][data-mode=dark],[data-theme=purple-heather].dark{--bg: #211D29;--surface: #2D2738;--text: #E6E1EE;--text-muted: #A89DB8;--accent: #A593C4;--accent-contrast: #211D29;--accent-soft: #332B42;--on-accent-soft: #C4B8DC;--border: #3A3348}[data-theme=warm-sand]{--bg: #F0EAE0;--surface: #FBF7F0;--text: #3A322A;--text-muted: #6E6356;--accent: #795028;--accent-contrast: #FBF7F0;--accent-soft: #EADFCF;--on-accent-soft: #5A4632;--border: #E0D6C6}[data-theme=warm-sand][data-mode=dark],[data-theme=warm-sand].dark{--bg: #221E18;--surface: #2E2820;--text: #ECE5DA;--text-muted: #AB9E8C;--accent: #C79A6B;--accent-contrast: #221E18;--accent-soft: #362C20;--on-accent-soft: #D4B488;--border: #3A3328}[data-theme=eucalyptus]{--bg: #E6EDEA;--surface: #F5F9F7;--text: #283733;--text-muted: #5A6B66;--accent: #3D7A6E;--accent-contrast: #F5F9F7;--accent-soft: #D6E6E1;--on-accent-soft: #244A43;--border: #D0DBD7}[data-theme=eucalyptus][data-mode=dark],[data-theme=eucalyptus].dark{--bg: #1A2421;--surface: #25302C;--text: #E0E8E5;--text-muted: #93A39D;--accent: #6FB0A2;--accent-contrast: #1A2421;--accent-soft: #253530;--on-accent-soft: #9FCFC4;--border: #313D38}:root{color-scheme:light dark}html:not([data-theme]){--bg: #EDEAE0;--surface: #FBFAF5;--text: #2C3A33;--text-muted: #5E6B62;--accent: #3E7058;--accent-contrast: #F7F5EE;--accent-soft: #DCE8E0;--on-accent-soft: #2C4A3A;--border: #DCD8CB}@media(prefers-color-scheme:dark){html:not([data-theme]){--bg: #1B231F;--surface: #26302A;--text: #E4E9E3;--text-muted: #9DA89F;--accent: #6FA88E;--accent-contrast: #1B231F;--accent-soft: #2C3D34;--on-accent-soft: #B8D4C4;--border: #333D36}}@media(prefers-color-scheme:dark){[data-mode=system]{--bg: var(--bg);--surface: var(--surface);--text: var(--text);--text-muted: var(--text-muted);--accent: var(--accent);--accent-contrast: var(--accent-contrast);--accent-soft: var(--accent-soft);--on-accent-soft: var(--on-accent-soft);--border: var(--border)}}body{background-color:var(--bg);color:var(--text);overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;font-size:clamp(.875rem,1rem,1.5rem)}*:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--accent);outline-offset:var(--focus-ring-offset, 2px);border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-page{min-height:100vh;background-color:var(--bg);color:var(--text)}.app-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.app-btn-accent{background-color:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-xl);font-weight:900;padding:1rem 1.5rem;transition:opacity .15s,transform .1s;cursor:pointer;border:none;min-height:44px;min-width:44px}.app-btn-accent:active{transform:scale(.97);opacity:.92}.app-btn-accent:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-btn-ghost{background-color:transparent;color:var(--text-muted);border-radius:var(--radius-lg);font-weight:700;padding:.625rem 1rem;transition:background-color .15s,color .15s;cursor:pointer;border:1px solid var(--border);min-height:44px}.app-btn-ghost:hover{background-color:var(--accent-soft);color:var(--on-accent-soft)}.app-icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);padding:.375rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.app-icon-btn:hover{background-color:var(--accent-soft);color:var(--on-accent-soft)}.app-text-muted{color:var(--text-muted)}.app-badge{background-color:var(--accent-soft);color:var(--on-accent-soft);border-radius:var(--radius-full);font-size:.625rem;font-weight:900;padding:.125rem .5rem;text-transform:uppercase;letter-spacing:.05em}.app-border{border-color:var(--border)}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.app-modal-overlay{align-items:center;padding:1.5rem}}.app-modal-panel{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}@media(min-width:640px){.app-modal-panel{border-radius:var(--radius-3xl);max-height:80vh}}.app-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.app-modal-title{font-size:1.125rem;font-weight:900;color:var(--text)}.app-section-label{font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.app-radio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.app-radio-tile{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border-radius:var(--radius-xl);border:2px solid var(--border);background-color:var(--bg);color:var(--text-muted);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s;min-height:44px}.app-radio-tile:hover{background-color:var(--accent-soft);color:var(--on-accent-soft);border-color:var(--accent)}.app-radio-tile--selected{border-color:var(--accent);background-color:var(--accent-soft);color:var(--on-accent-soft)}.app-radio-icon{font-size:1.25rem;line-height:1}.app-radio-label{font-size:.75rem;font-weight:700}.app-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.app-theme-tile{display:flex;align-items:center;gap:.625rem;padding:.75rem;border-radius:var(--radius-xl);border:2px solid var(--border);background-color:var(--bg);cursor:pointer;transition:border-color .15s,background-color .15s;position:relative;min-height:44px}.app-theme-tile:hover,.app-theme-tile--selected{border-color:var(--accent);background-color:var(--accent-soft)}.app-theme-swatch{width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0}.app-theme-name{font-size:.8125rem;font-weight:700;color:var(--text);flex:1}.app-theme-check{color:var(--accent);flex-shrink:0}.app-about-body{padding-top:.25rem}.app-about-heading{font-size:1.0625rem;font-weight:900;color:var(--text);margin-bottom:1rem}.app-about-p{font-size:.9375rem;line-height:1.7;color:var(--text);margin-bottom:1rem}.app-about-credits{font-size:.8125rem;line-height:1.6;color:var(--text-muted);margin-top:1.25rem}[data-font=lexend] body{font-family:Lexend,sans-serif}[data-font=atkinson] body{font-family:Atkinson Hyperlegible,sans-serif}[data-font=lexend] h1,[data-font=atkinson] h1{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-spacing=comfortable] body{line-height:1.75;letter-spacing:.015em}[data-spacing=comfortable] h1{line-height:normal;letter-spacing:normal}.app-font-group{display:flex;flex-direction:column;gap:.5rem}.app-font-tile{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-xl);border:2px solid var(--border);background-color:var(--bg);cursor:pointer;transition:border-color .15s,background-color .15s;position:relative;min-height:44px}.app-font-tile:hover,.app-font-tile--selected{border-color:var(--accent);background-color:var(--accent-soft)}.app-font-tile-inner{display:flex;flex-direction:column;gap:.125rem;flex:1}.app-font-name{font-size:.9375rem;font-weight:700;color:var(--text)}.app-font-desc{font-size:.75rem;color:var(--text-muted)}.app-toggle-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;min-height:44px}.app-toggle-text{display:flex;flex-direction:column;gap:.125rem;flex:1}.app-toggle-label{font-size:.9375rem;font-weight:700;color:var(--text)}.app-toggle-desc{font-size:.75rem;color:var(--text-muted)}.app-toggle-switch{position:relative;width:2.75rem;height:1.5rem;border-radius:var(--radius-full);background-color:var(--border);flex-shrink:0;cursor:pointer;transition:background-color .2s;outline:none}.app-toggle-switch:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--accent);outline-offset:var(--focus-ring-offset, 2px)}.app-toggle-switch--on{background-color:var(--accent)}.app-toggle-thumb{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background-color:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.app-toggle-switch--on .app-toggle-thumb{transform:translate(1.25rem)}.dragging{opacity:.5;transform:scale(1.05)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gem-completed{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 3s infinite linear}@keyframes pop-in{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.word-token{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-2xl);font-weight:900;padding:.75rem 1rem;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:border-color .15s,transform .1s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.word-token:hover{border-color:var(--accent)}.word-token:active{transform:scale(.95)}.word-token--focused{border-color:var(--accent);background-color:var(--accent-soft);color:var(--on-accent-soft)}