*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[alan\:enter\]{alan:enter}.\[alan\:exit\]{alan:exit}.\[fit\:applied\]{fit:applied}.\[fit\:enter\]{fit:enter}.\[fit\:settle\]{fit:settle}.\[fit\:single\]{fit:single}.\[fit\:spread\]{fit:spread}.\[flip\:spread\]{flip:spread}.\[mode\:change\]{mode:change}:root{--brand-50: #F2F0FE;--brand-100: #E0DCFD;--brand-200: #C4BCFB;--brand-300: #A898FA;--brand-400: #9B8CF8;--brand-500: #6C4EF6;--brand-600: #5538D6;--brand-700: #3E25AA;--brand-primary: var(--brand-500);--brand-secondary: var(--brand-400);--brand-gradient: linear-gradient(135deg, #7C6CF8 0%, #A594FA 100%);--warm-0: #FFFFFF;--warm-50: #FDFCFB;--warm-100: #F7F5F2;--warm-150: #F0EDE8;--warm-200: #E8E4DD;--warm-300: #D4CEC5;--warm-400: #A8A09A;--warm-500: #7A7268;--warm-700: #3D3830;--warm-900: #1A1712;--accent-coral: #FF6B6B;--accent-amber: #FFB830;--accent-teal: #2DD4BF;--accent-sky: #60C5F8;--accent-rose: #F472B6;--accent-lime: #A3E635;--accent-coral-lt: #FFF0F0;--accent-amber-lt: #FFF8E6;--accent-teal-lt: #F0FDFB;--accent-sky-lt: #F0F9FF;--accent-rose-lt: #FDF2F8;--accent-lime-lt: #F7FEE7;--color-success: #16A34A;--color-success-lt: #F0FDF4;--color-warning: #D97706;--color-warning-lt: #FFFBEB;--color-danger: #DC2626;--color-danger-lt: #FEF2F2;--bg-app: var(--warm-50);--bg-panel: var(--warm-0);--bg-panel-subtle: var(--warm-100);--bg-panel-soft: var(--warm-100);--bg-canvas: var(--warm-150);--bg-overlay: rgba(253,252,251,.88);--bg-hover: var(--warm-100);--bg-active: var(--brand-50);--bg-input: var(--warm-0);--text-primary: var(--warm-900);--text-secondary: var(--warm-500);--text-tertiary: var(--warm-400);--text-on-brand: var(--warm-0);--text-inverse: var(--warm-0);--text-brand: var(--brand-600);--border-light: #EDE9E3;--border-medium: #DDD8D0;--border-strong: var(--warm-300);--border-focus: var(--brand-400);--shadow-xs: 0 1px 3px rgba(60,50,40,.05);--shadow-sm: 0 2px 8px rgba(60,50,40,.07), 0 1px 3px rgba(60,50,40,.04);--shadow-md: 0 4px 16px rgba(60,50,40,.08), 0 2px 6px rgba(60,50,40,.04);--shadow-lg: 0 8px 30px rgba(60,50,40,.1), 0 4px 10px rgba(60,50,40,.05);--shadow-xl: 0 20px 60px rgba(60,50,40,.12), 0 8px 20px rgba(60,50,40,.06);--shadow-brand: 0 4px 20px rgba(108,78,246,.25);--shadow-panel: var(--shadow-md);--shadow-button: var(--shadow-xs);--shadow-hover: var(--shadow-md);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 9999px;--radius-full: 9999px;--font-display: "Nunito", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 40px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .38s cubic-bezier(.34, 1.6, .64, 1);--transition-spring: all .38s cubic-bezier(.34, 1.6, .64, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.8, .64, 1);--z-page: 1;--z-page-overlay: 100;--z-fab: 200;--z-chrome: 455;--z-panel: 500;--z-vkb-panel: 900;--z-modal: 2500;--z-gate: 9999;--z-toast: 10000;color-scheme:light}body.dark{color-scheme:dark}body.dark,[data-theme=dark]{--bg-app: #1C1917;--bg-panel: #28241F;--bg-panel-subtle: #312D27;--bg-panel-soft: #312D27;--bg-canvas: #1C1917;--bg-overlay: rgba(28,25,23,.88);--bg-hover: #3A352E;--bg-active: rgba(108,78,246,.18);--bg-input: #312D27;--text-primary: #F5F1EB;--text-secondary: #A89F95;--text-tertiary: #6E6760;--border-light: #3A352E;--border-medium: #4A4440;--shadow-xs: 0 1px 3px rgba(0,0,0,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 30px rgba(0,0,0,.45);--shadow-xl: 0 20px 60px rgba(0,0,0,.5);--shadow-panel: var(--shadow-md)}html,body{height:100%;margin:0}html{overflow:hidden}body{-moz-user-select:none;user-select:none;-webkit-user-select:none;font-family:var(--font-body);background:var(--bg-app);color:var(--text-primary);overflow:hidden;--strip-h: 56px}body.screen-phone{--strip-h: 52px}body.screen-smartboard{--strip-h: 64px}.view{display:none}.view.active{display:block}#library-root.active{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg-app)}#viewer-root.active{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.book-card{background:var(--bg-panel);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-spring)}.book-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg);border-color:var(--brand-200)}.book-cover{position:relative;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;z-index:1}.book-cover-img+.book-cover-initial{display:none}.book-cover-initial{color:#fff;font-family:var(--font-display);font-weight:900;font-size:3rem;opacity:.9;text-shadow:0 2px 12px rgba(0,0,0,.18);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-spring)}.book-card:hover .book-cover-initial{transform:scale(1.08)}.book-cover-shade{position:absolute;inset-inline:0;bottom:0;height:48px;background:linear-gradient(to top,rgba(0,0,0,.2),transparent)}.book-trial-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:var(--accent-amber-lt);color:#92400e;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 1px 3px #00000014}.book-info{padding:var(--space-3, 12px);border-top:1px solid var(--border-light);background:var(--bg-panel)}.book-info .book-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);line-height:1.3;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-info .book-publisher{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-info .book-pages{font-family:var(--font-body);font-size:11px;color:var(--text-tertiary);margin:3px 0 0}@keyframes popup-in{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-from-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.top-bar{height:48px;background:var(--bg-panel);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 16px;gap:12px;position:relative;z-index:455;flex-shrink:0}.top-bar-back{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.top-bar-back:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.book-title-pill{display:flex;align-items:center;gap:8px;background:var(--bg-panel-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-title-pill .check-icon{color:#22c55e;flex-shrink:0}.book-title-pill .close-btn{width:18px;height:18px;border-radius:50%;background:var(--border-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.book-title-pill .close-btn:hover{background:#fca5a5}.canvas-area{flex:1;position:relative;background:var(--bg-canvas);overflow:hidden;touch-action:none}body.tahta-mode .canvas-area,body.alansec-active .canvas-area{background:#fff}.page-flip-wrapper{perspective:1200px;transform-style:preserve-3d}.tool-panel{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:110px;min-width:96px;max-width:240px;max-height:calc(100dvh - 24px);overflow:visible;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:400}.panel-logo{width:100%;height:clamp(44px,5.5vh,64px);margin:0 0 8px;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;box-sizing:border-box}.panel-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none}.tool-panel.panel-horizontal .panel-logo{display:none}.tool-panel.panel-floating{position:fixed!important;transform:none!important;z-index:500;box-shadow:var(--shadow-panel),0 12px 40px #0000002e;cursor:move}.tool-panel.panel-floating .tool-btn,.tool-panel.panel-floating button,.tool-panel.panel-floating input{cursor:pointer}.panel-logo-compact{font-size:18px;font-weight:700;line-height:1;color:var(--text-secondary)}.panel-top-controls{display:flex;gap:8px;margin-bottom:8px;opacity:.5}.panel-top-controls button{width:20px;height:20px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:0;display:flex;align-items:center;justify-content:center}.panel-divider{width:56px;height:1px;background:var(--border-light);margin:4px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%}.tool-btn{width:100%;min-width:0;max-width:76px;height:60px;overflow:hidden;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:var(--transition-spring);position:relative;box-sizing:border-box}.tool-btn svg{width:24px;height:24px;color:var(--text-secondary);transition:var(--transition-spring)}.tool-btn .tool-icon{display:flex;align-items:center;justify-content:center}.tool-btn .tool-label{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-tertiary);transition:var(--transition-spring);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-btn[data-tool=tamekran] .tool-label{font-size:11px;white-space:normal;line-height:1.05;text-overflow:clip;overflow-wrap:break-word;word-break:keep-all}.tool-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.tool-btn:hover svg{color:var(--brand-primary);transform:scale(1.08)}.tool-btn:hover .tool-label{color:var(--brand-primary)}.tool-btn:active{transform:scale(.96);transition:var(--transition-fast)}.tool-btn.active{background:linear-gradient(135deg,#6c4ef61f,#4ecff614);border:1px solid var(--border-medium)}.tool-btn.active svg{color:var(--brand-primary)}.tool-btn.active .tool-label{color:var(--brand-primary);font-weight:700;font-size:15px}.tool-btn.active:after{content:"";position:absolute;bottom:3px;width:14px;height:2px;background:var(--brand-gradient);border-radius:1px}.tool-grid[data-group=rotation] .tool-label{display:none}.size-popup{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:12px;display:flex;flex-direction:column;gap:8px;width:160px;animation:popup-in .15s cubic-bezier(.34,1.56,.64,1);z-index:500}.size-presets{display:flex;gap:8px;align-items:center;justify-content:center}.size-preset{border-radius:50%;background:var(--brand-primary);cursor:pointer;transition:transform var(--transition-fast);border:2px solid transparent}.size-preset:hover{transform:scale(1.2)}.size-preset.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px #6c4ef62e}.size-tooltip{position:absolute;top:0;transform:translate(-50%);background:var(--warm-900);color:var(--warm-0);font-family:var(--font-display);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);pointer-events:none;white-space:nowrap}.size-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--warm-900)}.viewer-exit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#1a171259;display:flex;align-items:center;justify-content:center;animation:popup-in .16s ease}.viewer-exit-card{background:var(--bg-panel);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:28px 32px;width:min(92vw,400px);display:flex;flex-direction:column;gap:10px;animation:popup-in .22s cubic-bezier(.34,1.6,.64,1)}.viewer-exit-card h2{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.viewer-exit-card p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 10px}.viewer-exit-actions{display:flex;gap:10px;justify-content:flex-end}.viewer-exit-actions button{font-family:var(--font-display);font-size:13px;font-weight:700;padding:10px 22px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-spring)}.viewer-exit-actions .btn-cancel{background:var(--bg-panel);color:var(--text-primary);border:1.5px solid var(--border-medium)}.viewer-exit-actions .btn-cancel:hover{border-color:var(--brand-400);color:var(--brand-600);background:var(--brand-50);transform:translateY(-1px)}.viewer-exit-actions .btn-confirm{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;box-shadow:0 4px 14px #dc262640}.viewer-exit-actions .btn-confirm:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #dc262652}.user-menu-popup{padding:0;overflow:hidden;width:280px}.user-menu-card{display:flex;flex-direction:column;gap:12px;padding:16px}.user-menu-header{display:flex;align-items:center;gap:12px}.user-menu-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:var(--brand-50);border:2px solid var(--border-light)}.user-menu-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:18px;color:var(--brand-700)}.user-menu-identity{flex:1;min-width:0}.user-menu-name{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.user-menu-title{font-family:var(--font-display);font-weight:900;font-size:15px;color:var(--text-primary);letter-spacing:-.01em}.user-menu-body{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin:0}.btn-google-signin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;background:var(--bg-panel);color:var(--text-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-spring)}.btn-google-signin:hover{border-color:var(--brand-400);background:var(--brand-50);transform:translateY(-1px)}.btn-signout{width:100%;padding:9px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.btn-signout:hover{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.user-menu-or{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted, var(--text-secondary));text-transform:uppercase;letter-spacing:.08em}.user-menu-or:before,.user-menu-or:after{content:"";flex:1;height:1px;background:var(--border-light)}.btn-local-signin{width:100%;padding:10px 16px;background:var(--brand-gradient, var(--brand-500, #6C4EF6));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.btn-local-signin:hover{filter:brightness(1.05);transform:translateY(-1px)}.user-menu-signup{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-secondary)}.btn-local-signup{background:none;border:none;padding:0;color:var(--brand-500, #6C4EF6);font-weight:700;font-size:12px;cursor:pointer;text-decoration:underline;font-family:inherit}body.hide-answer-btns .answer-btn,body.hide-answer-btns #cevap-panel,body.hide-zoom-tools .tool-grid[data-group=zoom],body.hide-zoom-tools .tool-grid[data-group=fit],body.screen-phone #tool-panel,body.screen-phone #cevap-panel,body.screen-phone #side-arrows-left,body.screen-phone #side-arrows-right{display:none!important}body.screen-phone .book-title-pill{max-width:160px;font-size:12px;padding:4px 10px}body.screen-phone .top-bar{padding:0 8px;gap:6px}body.screen-phone .bottom-strip{padding:0 4px;gap:1px;height:52px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}body.screen-phone .bottom-strip::-webkit-scrollbar{display:none}body.screen-phone .bottom-strip>*{flex-shrink:0}body.screen-phone .strip-left,body.screen-phone .strip-center,body.screen-phone .strip-right{flex-shrink:0}body.screen-phone .strip-center{flex:0 0 auto}body.screen-phone .strip-nav-btn span:not(.book-icon),body.screen-phone .apps-btn span:not(.coming-soon-badge){display:none}body.screen-phone .strip-nav-btn,body.screen-phone .apps-btn{padding:6px 8px;flex-shrink:0}body.screen-phone .strip-divider{margin:0 2px;flex-shrink:0}body.screen-phone #strip-phone-tools{display:flex!important}body.screen-phone .canvas-area{padding-bottom:52px!important}.phone-quick-pill{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);left:8px;display:none;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-overlay);border:1px solid var(--border-light);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);z-index:260}body.screen-phone .phone-quick-pill{display:flex}.phone-quick-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.phone-quick-btn:hover{background:var(--bg-hover)}.phone-quick-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.phone-quick-btn.phone-quick-more{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--bg-panel)}.phone-answer-fab{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);right:8px;width:40px;height:40px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--brand-primary);color:var(--brand-primary);font-family:var(--font-display);font-size:20px;font-weight:800;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-panel);z-index:260}body.screen-phone .phone-answer-fab{display:flex}.phone-answer-menu{background:var(--bg-overlay);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:200px;z-index:270}.phone-answer-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);text-align:left}.phone-answer-item:hover{background:var(--bg-hover)}.phone-answer-label{flex:1}.phone-answer-state{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-panel-subtle);color:var(--text-tertiary)}.phone-answer-state.on{background:var(--brand-primary);color:#fff}.phone-araclar-sheet{position:fixed;left:0;right:0;bottom:calc(52px + env(safe-area-inset-bottom,0px));background:var(--bg-panel);border-top:1px solid var(--border-light);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -8px 32px #0000002e;z-index:280;max-height:70vh;display:flex;flex-direction:column;animation:sheet-up .18s cubic-bezier(.2,.7,.2,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.phone-araclar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light)}.phone-araclar-title{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text-primary)}.phone-araclar-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel-subtle);cursor:pointer;font-size:20px;line-height:1;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.phone-araclar-grid{padding:14px 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px 6px}.phone-araclar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--brand-primary);cursor:pointer;font-family:var(--font-display)}.phone-araclar-btn:hover{background:var(--bg-hover)}.phone-araclar-btn span{font-size:10px;font-weight:700;color:var(--text-secondary)}.phone-araclar-footer{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 12px;border-top:1px solid var(--border-light)}.phone-araclar-footer button{height:40px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-panel);color:var(--brand-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.phone-araclar-footer button:hover{background:var(--bg-hover)}body:not(.screen-phone) .phone-quick-pill,body:not(.screen-phone) .phone-answer-fab,body:not(.screen-phone) #phone-araclar-sheet{display:none!important}#strip-phone-tools{display:none}body.screen-tablet .tool-panel{width:150px}body.screen-tablet .book-title-pill{max-width:220px}body.screen-tablet .tool-btn{width:66px;height:54px}body.screen-smartboard .tool-panel{width:220px;padding:14px 12px}body.screen-smartboard .tool-btn{width:90px!important;height:72px!important}body.screen-smartboard .tool-btn svg{width:30px!important;height:30px!important}body.screen-smartboard .tool-btn .tool-label{font-size:16px}body.screen-smartboard .bottom-strip{height:64px;padding:0 18px}body.screen-smartboard .strip-nav-btn{font-size:14px;padding:8px 14px}body.screen-smartboard .panel-logo{height:clamp(60px,7vh,84px);padding:8px 12px}.color-popup{position:absolute;right:calc(100% + 8px);background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:12px;display:grid;grid-template-columns:repeat(5,28px);gap:6px;animation:popup-in .15s cubic-bezier(.34,1.56,.64,1);z-index:500}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast);border:2px solid transparent}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border-color:var(--text-primary);transform:scale(1.1)}.bottom-strip{height:56px;background:var(--bg-panel);border-top:1px solid var(--border-light);display:flex;align-items:center;padding:0 12px;gap:4px;position:relative;z-index:455;flex-shrink:0}.strip-left,.strip-right{display:flex;align-items:center;gap:2px}.strip-left{margin-right:8px}.strip-right{margin-left:auto;gap:4px}.strip-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.strip-divider{width:1px;height:28px;background:var(--border-light);margin:0 6px;flex-shrink:0}.strip-nav-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-secondary);transition:var(--transition-spring);white-space:nowrap}.strip-nav-btn:hover{background:var(--bg-hover);color:var(--brand-primary);transform:translateY(-1px)}.strip-nav-btn.active{background:#6c4ef614;color:var(--brand-primary)}.strip-nav-btn.tahta-active{background:#6c4ef61f;color:var(--brand-primary);border:1px solid var(--border-medium)}.page-nav-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.page-nav-btn:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.view-single-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-panel-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.view-single-btn:disabled,.view-single-btn.rotation-locked{opacity:.4;cursor:not-allowed}.page-indicator{display:flex;align-items:center;gap:6px;background:var(--bg-panel-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.page-indicator:hover{border-color:var(--brand-primary);background:#6c4ef60f}.page-indicator .book-icon{color:var(--brand-primary);width:16px;height:16px}.page-indicator .page-num{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);min-width:20px;text-align:center}.save-btn,.delete-btn,.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.save-btn:hover{background:#22c55e1a;color:#16a34a}.delete-btn:hover{background:#ef44441a;color:#dc2626}.icon-btn:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.apps-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.apps-btn:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.popup{position:absolute;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);animation:popup-in .15s cubic-bezier(.34,1.56,.64,1);z-index:500}.popup-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.tahta-return-btn{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--brand-primary);cursor:pointer;animation:popup-in .2s cubic-bezier(.34,1.56,.64,1)}.tahta-controls{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:300;animation:popup-in .2s ease}.tahta-ctrl-btn{padding:6px 14px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--brand-primary);cursor:pointer;white-space:nowrap}.tahta-ctrl-btn:hover{background:var(--bg-panel-subtle)}.thumbnail-strip{position:fixed;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--border-light);padding:12px 16px;display:flex;flex-direction:column;gap:10px;animation:slide-up .2s cubic-bezier(.4,0,.2,1);z-index:460}.thumbnail-header{display:flex;align-items:center;justify-content:space-between}.thumbnail-search-row{display:flex;align-items:center;gap:8px}.page-number-input{width:80px;padding:6px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-display);font-size:13px;text-align:center;outline:none;background:var(--bg-panel);color:var(--text-primary);transition:border-color var(--transition-fast)}.page-number-input:focus{border-color:var(--brand-primary)}.go-btn{padding:6px 14px;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer}.thumbnail-scroll{display:flex;gap:8px;overflow-x:scroll;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.thumbnail-scroll::-webkit-scrollbar{height:10px}.thumbnail-scroll::-webkit-scrollbar-track{background:transparent}.thumbnail-scroll::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-pill)}.thumbnail-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.thumbnail-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.thumbnail-img{width:72px;height:96px;border-radius:var(--radius-sm);border:2px solid transparent;overflow:hidden;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);background:var(--bg-canvas)}.thumbnail-item:hover .thumbnail-img{border-color:var(--border-medium);transform:translateY(-2px)}.thumbnail-item.current .thumbnail-img{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.thumbnail-page-num{font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--text-tertiary)}.thumbnail-item.current .thumbnail-page-num{color:var(--brand-primary)}.thumbnail-item.thumb-loading .thumbnail-img{position:relative}.thumbnail-item.thumb-loading .thumbnail-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:22px;block-size:22px;border:3px solid color-mix(in oklch,var(--brand-primary),transparent 65%);border-block-start-color:var(--brand-primary);border-radius:50%;animation:thumb-spin .7s linear infinite}@keyframes thumb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.thumbnail-item.thumb-loading .thumbnail-img:after{animation-duration:2.4s}}.settings-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;padding:0;overflow:hidden}.settings-header{padding:14px 16px 10px;font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-light)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;transition:background var(--transition-fast)}.settings-row:hover{background:var(--bg-panel-subtle)}.settings-label{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-medium);border-radius:var(--radius-pill);transition:background var(--transition-base)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:0 1px 4px #0003}input:checked~.toggle-track{background:var(--brand-primary)}input:checked~.toggle-track:after{transform:translate(20px)}.apps-popup{bottom:calc(100% + 8px);right:44px;width:200px;padding:8px}.app-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.app-item:hover{background:var(--bg-panel-subtle)}.app-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-sm);background:#6c4ef61a;display:flex;align-items:center;justify-content:center;color:var(--brand-primary);flex-shrink:0}.app-name{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary)}.coming-soon-badge{margin-left:auto;font-size:9px;font-weight:700;padding:2px 6px;background:#6c4ef61a;color:var(--brand-primary);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em}.timer-widget{position:absolute;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:20px;width:280px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:400;animation:popup-in .15s cubic-bezier(.34,1.56,.64,1)}.timer-tab{padding:10px 14px!important;min-block-size:40px;font-size:13px!important;font-weight:700!important;border-radius:var(--radius-pill)!important;line-height:1.2!important;letter-spacing:0!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-display{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding:16px 0 20px;line-height:1}.timer-controls{display:flex;gap:10px;margin-top:4px}.timer-toast{position:fixed;top:max(16px,env(safe-area-inset-top,0px) + 16px);inset-inline-end:16px;z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 14px;min-inline-size:240px;max-inline-size:min(360px,calc(100vw - 32px));background:var(--bg-elevated, var(--bg-panel));color:var(--fg-default, var(--text-primary));border-radius:var(--radius-lg, 12px);border:1px solid #b91c1c;border:1px solid color-mix(in oklch,var(--brand-primary, #B91C1C) 35%,var(--border-default, #e5e5e5));box-shadow:0 12px 32px #0000002e,0 4px 8px #00000014;animation:timer-toast-in .25s cubic-bezier(.34,1.56,.64,1)}.timer-toast.out{animation:timer-toast-out .2s ease-in forwards}.timer-toast-icon{inline-size:36px;block-size:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#b91c1c2e;background:color-mix(in oklch,var(--brand-primary, #B91C1C) 18%,transparent);color:var(--brand-primary, #B91C1C)}.timer-toast-body{flex:1;min-inline-size:0}.timer-toast-title{font-size:14px;font-weight:700;font-family:var(--font-display)}.timer-toast-sub{font-size:12px;color:var(--text-secondary, var(--fg-muted));margin-top:2px}.timer-toast-close{background:transparent;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--text-tertiary, var(--fg-muted));padding:4px 8px;border-radius:4px;flex-shrink:0}.timer-toast-close:hover{background:var(--bg-subtle, var(--bg-panel-subtle));color:var(--text-primary, var(--fg-default))}@keyframes timer-toast-in{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes timer-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.timer-btn{flex:1;padding:12px 16px;min-block-size:44px;border-radius:var(--radius-pill);border:none;font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.timer-start{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-button)}.timer-start:hover{opacity:.92;transform:translateY(-1px)}.timer-reset{background:var(--bg-panel-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.timer-reset:hover{background:var(--border-light)}.toc-panel{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--bg-panel);border-right:1px solid var(--border-light);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;z-index:460;animation:slide-from-left .25s cubic-bezier(.4,0,.2,1)}.toc-header{padding:16px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.toc-search-wrap{padding:8px 12px;border-bottom:1px solid var(--border-light)}.toc-search-input{width:100%;padding:8px 10px;font-size:13px;font-family:var(--font-display);color:var(--text-primary);background:var(--bg-panel-subtle, var(--bg-panel));border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none}.toc-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-primary) 25%,transparent)}.toc-list{flex:1;overflow-y:auto;padding:8px}.toc-chapter{margin-bottom:4px}.toc-chapter-header{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);transition:background var(--transition-fast)}.toc-chapter-header:hover{background:var(--bg-panel-subtle)}.toc-chapter-header.current{color:var(--brand-primary)}.toc-chapter-range{font-weight:400;color:var(--text-secondary);font-size:.9em;margin-inline-start:6px}.toc-page-item{padding:8px 12px 8px 36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:12px;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.toc-page-item:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.toc-page-item.current{color:var(--brand-primary);font-weight:600}.toc-page-number{font-size:11px;color:var(--text-tertiary);background:var(--bg-panel-subtle);padding:2px 8px;border-radius:var(--radius-pill)}.answer-btn{--ab-hue: 275;--ab-ring-alpha: .3;--ab-base: var(--book-btn-color, oklch(58% .2 var(--ab-hue)));--ab-edge: oklch(from var(--ab-base) calc(l - .12) c h);--ab-ink: oklch(100% 0 0);position:absolute;inline-size:var(--book-btn-size, 32px);block-size:var(--book-btn-size, 32px);padding:0;border:none;border-radius:50%;cursor:pointer;z-index:100;display:grid;place-items:center;font-family:var(--font-display);font-size:calc(var(--book-btn-size, 32px) * .55);font-weight:800;line-height:1;color:#fff;color:var(--ab-ink);background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,#6e2bc4,#54219c);background:radial-gradient(120% 120% at 30% 20%,oklch(100% 0 0 / .32),transparent 55%),linear-gradient(160deg in oklch,var(--ab-base),var(--ab-edge));box-shadow:0 2px 6px -2px #6e2bc499,0 10px 24px -8px #6e2bc48c,inset 0 1px #ffffff59,inset 0 -2px 6px #0000001f;box-shadow:0 2px 6px -2px color-mix(in oklch,var(--ab-base),transparent 40%),0 10px 24px -8px color-mix(in oklch,var(--ab-base),transparent 45%),inset 0 1px #ffffff59,inset 0 -2px 6px #0000001f;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.34,1.5,.64,1),box-shadow .18s var(--ease-out, ease-out),filter .16s ease-out}@starting-style{.answer-btn{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.answer-btn:hover{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.05);box-shadow:0 4px 10px -2px #6e2bc4b3,0 18px 32px -10px #6e2bc4a6,inset 0 1px #ffffff80,inset 0 -2px 8px #00000026;box-shadow:0 4px 10px -2px color-mix(in oklch,var(--ab-base),transparent 30%),0 18px 32px -10px color-mix(in oklch,var(--ab-base),transparent 35%),inset 0 1px #ffffff80,inset 0 -2px 8px #00000026}.answer-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #6e2bc4,0 10px 24px -8px #6e2bc48c;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--ab-base),0 10px 24px -8px color-mix(in oklch,var(--ab-base),transparent 45%)}.answer-btn:active{transform:translate(-50%,-50%) scale(.94)}.answer-btn:before{content:"";position:absolute;inset:min(-11px,calc((var(--book-btn-size, 32px) - 44px) / 2));border-radius:50%;background:#0000;z-index:-1}.answer-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid rgba(110,43,196,.3);border:1.5px solid oklch(from var(--ab-base) l c h / var(--ab-ring-alpha));animation:answer-btn-pulse 2.2s ease-out infinite;pointer-events:none}@keyframes answer-btn-pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.answer-btn.revealed{--ab-hue: 150;--ab-ring-alpha: .35}.answer-btn.revealed:after{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){.answer-btn,.answer-btn:after{animation:none;transition:none}}[data-low-power="1"] .answer-btn,[data-low-power="1"] .answer-btn:after{animation:none;transition:none}.audio-btn,.video-btn{position:absolute;inline-size:var(--book-btn-size, 32px);block-size:var(--book-btn-size, 32px);padding:0;border:none;border-radius:50%;cursor:pointer;z-index:100;display:grid;place-items:center;font-family:var(--font-display);font-size:calc(var(--book-btn-size, 32px) * .55);font-weight:800;line-height:1;color:#fff;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.34,1.5,.64,1),box-shadow .18s ease-out,filter .16s ease-out}.audio-btn{--av-base: var(--book-btn-color, oklch(62% .18 250));--av-edge: oklch(from var(--av-base) calc(l - .12) c h);background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,#3b82f6,#1d4ed8);background:radial-gradient(120% 120% at 30% 20%,oklch(100% 0 0 / .32),transparent 55%),linear-gradient(160deg in oklch,var(--av-base),var(--av-edge));box-shadow:0 2px 6px -2px #1d4ed899,0 10px 24px -8px #1d4ed88c,inset 0 1px #ffffff59;box-shadow:0 2px 6px -2px color-mix(in oklch,var(--av-base),transparent 40%),0 10px 24px -8px color-mix(in oklch,var(--av-base),transparent 45%),inset 0 1px #ffffff59}.video-btn{--av-base: var(--book-btn-color, oklch(58% .2 350));--av-edge: oklch(from var(--av-base) calc(l - .12) c h);background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,#ec4899,#be185d);background:radial-gradient(120% 120% at 30% 20%,oklch(100% 0 0 / .32),transparent 55%),linear-gradient(160deg in oklch,var(--av-base),var(--av-edge));box-shadow:0 2px 6px -2px #be185d99,0 10px 24px -8px #be185d8c,inset 0 1px #ffffff59;box-shadow:0 2px 6px -2px color-mix(in oklch,var(--av-base),transparent 40%),0 10px 24px -8px color-mix(in oklch,var(--av-base),transparent 45%),inset 0 1px #ffffff59}.audio-btn:hover,.video-btn:hover{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.05)}.audio-btn:active,.video-btn:active{transform:translate(-50%,-50%) scale(.94)}.audio-btn:focus-visible,.video-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px currentColor}.audio-btn:before,.video-btn:before{content:"";position:absolute;inset:min(-11px,calc((var(--book-btn-size, 32px) - 44px) / 2));border-radius:50%;background:#0000;z-index:-1}.magnifier-btn{--mag-base: var(--book-btn-color, var(--brand-primary, #6C4EF6));position:absolute;inline-size:var(--book-btn-size, 32px);block-size:var(--book-btn-size, 32px);min-inline-size:var(--book-btn-size, 32px);min-block-size:var(--book-btn-size, 32px);padding:0;border:2px solid color-mix(in oklab,var(--mag-base) 70%,white);border-radius:50%;cursor:pointer;z-index:100;display:grid;place-items:center;color:#fff;transform:translate(-50%,-50%);background:radial-gradient(120% 120% at 30% 20%,oklch(100% 0 0 / .32),transparent 55%),var(--mag-base);box-shadow:0 2px 6px -2px color-mix(in oklab,var(--mag-base) 60%,transparent),0 10px 24px -8px color-mix(in oklab,var(--mag-base) 55%,transparent),inset 0 1px #ffffff59;font-size:calc(var(--book-btn-size, 32px) * .6);transition:transform .18s cubic-bezier(.34,1.5,.64,1),box-shadow .18s ease-out,filter .16s ease-out}.magnifier-btn:before{content:"";position:absolute;inset:min(-8px,calc((var(--book-btn-size, 32px) - 44px) / 2));border-radius:50%;background:#0000;z-index:-1}.magnifier-btn:hover{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.05)}.magnifier-btn:active{transform:translate(-50%,-50%) scale(.94)}.magnifier-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--mag-base, var(--brand-primary, #6C4EF6))}.audio-popover,.video-popover{position:absolute;z-index:350;min-inline-size:280px;max-inline-size:min(420px,90vw);background:var(--bg-elevated, #fff);color:var(--fg-default);border-radius:var(--radius-lg, 8px);box-shadow:0 10px 30px #0000002e,0 4px 12px #0000001a;padding:12px;font-family:var(--font-body);display:grid;gap:10px;transition:opacity .15s ease-out}.audio-popover-head,.video-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-popover-title,.video-popover-title{font-weight:600;font-size:13px;color:var(--fg-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-popover-close,.video-popover-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--fg-muted);inline-size:36px;block-size:36px;display:grid;place-items:center;padding:0;border-radius:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.audio-popover-close:hover,.video-popover-close:hover{background:var(--bg-subtle, #f3f4f6)}.audio-popover-controls{display:flex;align-items:center;gap:10px}.audio-popover-play{inline-size:44px;block-size:44px;border:none;border-radius:50%;background:#0089ea;background:oklch(62% .18 250);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.audio-popover-seek{flex:1;accent-color:oklch(62% .18 250)}.audio-popover-time{font-size:11px;color:var(--fg-muted);font-family:var(--font-mono);min-inline-size:78px;text-align:end}.video-popover-frame,.video-popover-video{inline-size:100%;aspect-ratio:16 / 9;border:none;border-radius:var(--radius-md, 6px);background:#000}.video-popover-link{display:inline-block;padding:8px 12px;background:#ca358b;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:13px;text-align:center}[data-low-power="1"] .audio-btn,[data-low-power="1"] .video-btn{transition:none}[data-low-power="1"] .tool-btn:hover,[data-low-power="1"] .strip-nav-btn:hover,[data-low-power="1"] .page-nav-btn:hover,[data-low-power="1"] .icon-btn:hover{transform:none}[data-low-power="1"] .strip-nav-btn,[data-low-power="1"] .page-nav-btn,[data-low-power="1"] .icon-btn,[data-low-power="1"] .save-btn,[data-low-power="1"] .delete-btn,[data-low-power="1"] .apps-btn{min-block-size:48px!important;min-inline-size:48px!important}[data-low-power="1"] .side-arrow{min-block-size:56px!important;min-inline-size:56px!important}[data-low-power="1"] .konvajs-content,[data-low-power="1"] .konvajs-content canvas,.canvas-area .konvajs-content,.canvas-area .konvajs-content canvas{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.bottom-strip,.bottom-strip *,.tool-panel,.tool-panel *,.audio-btn,.video-btn,.answer-btn,.magnifier-btn,.audio-popover,.video-popover{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.bottom-strip button,.tool-panel button,.audio-btn,.video-btn,.answer-btn,.magnifier-btn{touch-action:manipulation}@media(prefers-contrast:more){.answer-btn{outline:2px solid var(--ab-ink);outline-offset:2px}}.cevap-reveal{position:absolute;z-index:350;cursor:pointer;border:0;border-radius:4px;outline:1px solid #22C55E;outline-offset:-1px;overflow:hidden;background:#fff}.cevap-reveal img{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#cevap-panel{position:absolute!important;right:20px!important;top:72px!important;left:auto!important;bottom:auto!important;transform:translate(0)!important;z-index:400;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);transition:transform .3s cubic-bezier(.4,0,.2,1)}body.tool-panel-right #cevap-panel{transform:translate(calc(-100vw + 100% + 40px))!important}#cevap-btn{width:calc(100% - 16px);max-width:64px;aspect-ratio:1;border-radius:50%;margin:0 auto;background:var(--bg-panel-subtle);border:2px solid var(--border-medium);font-size:20px;font-weight:700;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}#cevap-btn:hover{background:#6c4ef61a}#cevap-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}#cevap-btn-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-align:center;width:100%;word-break:keep-all;line-height:1.3}#cevap-switch{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}#cevap-switch-track{width:36px;height:20px;background:var(--border-medium);border-radius:10px;position:relative;transition:background .2s}#cevap-switch-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0000004d}#cevap-switch-track.on{background:var(--brand-primary)}#cevap-switch-track.on #cevap-switch-thumb{left:18px}#cevap-switch-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-align:center;width:100%;word-break:keep-all;line-height:1.3}.save-toast{position:fixed;bottom:72px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;animation:toast-in .2s ease,toast-out .2s ease 1.5s forwards;pointer-events:none;z-index:9999}#calc-modal{position:fixed;width:280px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);z-index:2500;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-panel-subtle);border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);cursor:move}.calc-close{background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1}.calc-close:hover{color:#ef4444}.calc-display{padding:16px 14px;text-align:right;font-size:26px;font-weight:700;color:var(--text-primary);background:var(--bg-panel-subtle);border-bottom:1px solid var(--border-light);min-height:30px;word-break:break-all;font-variant-numeric:tabular-nums;font-family:var(--font-display)}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-light)}.calc-btn{background:var(--bg-panel);border:none;padding:14px 0;font-size:18px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .1s;font-family:var(--font-display)}.calc-btn:hover{background:var(--bg-panel-subtle)}.calc-btn:active{background:var(--border-light)}.calc-fn{color:var(--text-secondary);background:var(--bg-panel-subtle)}.calc-op{color:var(--brand-primary);background:#6c4ef60a}.calc-eq{color:#fff;background:var(--brand-primary)}.calc-eq:hover{opacity:.9}.vkb-fab{position:fixed;bottom:72px;right:16px;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:var(--bg-panel);color:var(--text-secondary);border-radius:50%;box-shadow:var(--shadow-panel);cursor:pointer;z-index:var(--z-fab);transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.vkb-fab:hover{background:var(--bg-panel-subtle);color:var(--brand-primary);transform:translateY(-2px)}.vkb-fab:active{transform:translateY(0)}.vkb-fab-active,.vkb-fab[aria-pressed=true]{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.vkb-fab:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}body.screen-phone .vkb-fab{bottom:64px;right:8px;width:48px;height:48px}.vkb-root{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--z-vkb-panel);background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 12px 28px #0000002e;padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px;--vkb-key-min: clamp(34px, 3.4vmin, 56px);--vkb-key-gap: 6px;inline-size:calc(15 * var(--vkb-key-min) + 13 * var(--vkb-key-gap) + 24px);max-inline-size:95vw;block-size:auto;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;opacity:0;transition:opacity .18s ease-out;will-change:transform}.vkb-root[data-open=true]{opacity:1}.vkb-root[data-dragging=true]{cursor:grabbing}.vkb-root[data-dragging=true] .vkb-key{pointer-events:none}@media(prefers-reduced-motion:reduce){.vkb-root{transition:none}}.vkb-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 0;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-secondary)}.vkb-title{letter-spacing:.04em;text-transform:uppercase}.vkb-close{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.vkb-close:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.vkb-keys{display:flex;flex-direction:column;gap:var(--vkb-key-gap, 6px)}.vkb-row{display:flex;gap:var(--vkb-key-gap, 6px)}.vkb-key{--vkb-wide: 1;flex:0 0 calc(var(--vkb-key-min) * var(--vkb-wide));min-width:0;min-height:var(--vkb-key-min);background:var(--bg-panel-subtle);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-display);font-size:clamp(13px,2.2vmin,20px);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),transform 60ms ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0 4px}.vkb-key-fn{background:var(--bg-panel);color:var(--text-secondary);font-size:clamp(14px,2.2vh,18px);font-weight:700}.vkb-key-number,.vkb-key-punct{background:var(--bg-panel);color:var(--text-primary)}.vkb-key:hover{background:var(--bg-hover);color:var(--brand-primary)}.vkb-key-pressed,.vkb-key:active{background:var(--brand-primary)!important;color:#fff!important;transform:scale(.96)}.vkb-key-flash{animation:vkb-flash .12s ease-out}@keyframes vkb-flash{0%{background:var(--brand-primary);color:#fff}to{background:var(--bg-panel-subtle);color:var(--text-primary)}}.vkb-key-active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.vkb-key-lock{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:inset 0 0 0 2px #fff6}.vkb-key:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;z-index:1}@media(prefers-contrast:more){.vkb-key{border-width:2px}.vkb-root{border-top-width:2px}}.alansec-exit-btn{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--brand-primary);cursor:pointer;z-index:300;white-space:nowrap;animation:popup-in .2s cubic-bezier(.34,1.56,.64,1)}.alansec-exit-btn:hover{background:var(--bg-panel-subtle)}.alansec-exit-group{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:300;animation:popup-in .2s cubic-bezier(.34,1.56,.64,1)}.alansec-exit-group .alansec-exit-btn{position:static;transform:none;bottom:auto;left:auto;animation:none}.alansec-align-row{display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel)}.alansec-align-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.alansec-align-btn:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.alansec-align-btn.active{background:#6c4ef61f;color:var(--brand-primary)}.alansec-align-btn svg{display:block}@keyframes book-page-turn-forward{0%{transform:perspective(1200px) rotateY(0);transform-origin:left center;opacity:1}to{transform:perspective(1200px) rotateY(-180deg);transform-origin:left center;opacity:.1}}@keyframes book-page-turn-backward{0%{transform:perspective(1200px) rotateY(0);transform-origin:right center;opacity:1}to{transform:perspective(1200px) rotateY(180deg);transform-origin:right center;opacity:.1}}.book-turn-forward{animation:book-page-turn-forward .28s ease-in;pointer-events:none}.book-turn-backward{animation:book-page-turn-backward .28s ease-in;pointer-events:none}.tool-panel{width:180px;padding:12px 10px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.tool-panel.panel-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;padding:6px 10px!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:none!important;overflow:visible!important;border-radius:var(--radius-pill)!important;align-items:center!important}.tool-panel.panel-horizontal #panel-content{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px}.tool-panel.panel-horizontal .tool-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;width:auto!important}.tool-panel.panel-horizontal .panel-divider{width:1px;height:28px;margin:0 4px;flex-shrink:0}.tool-panel.panel-horizontal .tool-btn{width:40px!important;height:40px!important;padding:4px!important;gap:0;max-width:40px!important}.tool-panel.panel-horizontal .tool-btn svg{width:22px!important;height:22px!important}.tool-panel.panel-horizontal .tool-btn .tool-label{display:none}.tool-panel.panel-horizontal .tool-btn.active:after{bottom:1px}.tool-panel.panel-horizontal .panel-top-controls{flex-direction:row;margin-bottom:0;margin-right:4px;gap:4px;align-items:center}.strip-nav-btn{font-size:13px}.settings-label{font-size:14px}.popup-title{font-size:12px}.page-indicator .page-num{font-size:14px}.shapes-popup{z-index:500}.sessions-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#1412288c;display:flex;align-items:center;justify-content:center;animation:popup-in .18s ease}.sessions-modal{width:min(560px,92vw);max-height:80vh;background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;overflow:hidden}.sessions-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#6c4ef60a,#4ecff605)}.sessions-modal-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.sessions-modal-subtitle{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-tertiary);margin-top:2px}.sessions-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-panel-subtle);color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.sessions-modal-close:hover{background:#ef44441a;color:#dc2626}.sessions-modal-body{flex:1;overflow-y:auto;padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px}.sessions-empty{padding:48px 20px;text-align:center;color:var(--text-secondary);font-family:var(--font-display);font-size:14px;font-weight:600}.session-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-panel-subtle);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.session-card:hover{border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 4px 12px #6c4ef614}.session-card-thumb{width:56px;height:56px;flex-shrink:0;background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.session-card-info{flex:1;min-width:0}.session-card-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary)}.session-card-meta{font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--text-tertiary);margin-top:2px}.session-card-actions{display:flex;gap:6px;flex-shrink:0}.session-btn{padding:6px 14px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:700;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.session-btn-open{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-button)}.session-btn-open:hover{opacity:.92;transform:translateY(-1px)}.session-btn-del{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:14px;padding:6px 10px}.session-btn-del:hover{background:#ef44441a}.session-btn-rename{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);font-size:13px;padding:6px 10px}.session-btn-rename:hover{background:var(--bg-panel-subtle);color:var(--brand-primary)}.session-card-title{cursor:text}.strip-nav-btn:disabled,.tool-btn.tool-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@media(max-width:600px){.tool-panel{width:72px;right:8px;padding:8px 4px}.tool-btn{width:44px;height:44px}.tool-btn .tool-label{font-size:9px}.bottom-strip{height:52px;padding:0 8px}.strip-nav-btn{padding:8px 12px;font-size:12px;min-height:44px}.top-bar{height:44px;padding:0 12px}.phone-quick-btn{width:44px;height:44px}}#game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-app);z-index:500;display:flex;flex-direction:column;animation:overlay-in .25s cubic-bezier(.4,0,.2,1)}@keyframes overlay-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.game-header{min-height:56px;background:var(--bg-panel);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:8px 16px;gap:12px;flex-shrink:0}.game-type-badge{padding:3px 10px;border-radius:var(--radius-pill);background:#6c4ef61a;color:var(--brand-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.game-type-badge[data-type=multiple_choice]{background:#185fa51a;color:#185fa5}.game-type-badge[data-type=fill_blank]{background:#1d9e751a;color:#1d9e75}.game-type-badge[data-type=memory]{background:#ba75171a;color:#ba7517}.game-type-badge[data-type=ordering]{background:#8c8c8c1a;color:#666}.game-type-badge[data-type=drag_drop]{background:#d4537e1a;color:#d4537e}.game-type-badge[data-type=word_builder]{background:#6399221a;color:#639922}.game-title{font-size:15px;font-weight:700;color:var(--text-primary);flex:1;font-family:var(--font-display)}.game-timer{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.game-timer.urgent{color:#dc2626;animation:pulse-text 1s ease infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.4}}.game-score{font-size:13px;font-weight:700;color:var(--text-secondary);min-width:48px;text-align:right}.game-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel-subtle);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);color:var(--text-secondary)}.game-close-btn:hover{background:#ef44441a;color:#dc2626;border-color:#fca5a5}.game-area{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px}.matching-root{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:720px;width:100%}.matching-col{display:flex;flex-direction:column;gap:12px}.match-card{padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-panel);cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.match-card.selected{border-color:var(--brand-primary);background:#6c4ef614}.match-card.correct{border-color:#16a34a;background:#16a34a1a;color:#16a34a;pointer-events:none}.match-card.wrong{border-color:#dc2626;background:#dc26261a;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-root{max-width:640px;width:100%;display:flex;flex-direction:column;gap:16px}.quiz-progress{height:6px;background:var(--bg-panel-subtle);border-radius:var(--radius-pill);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--brand-gradient);width:0%;transition:width .3s ease}.quiz-question{background:var(--bg-panel);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.quiz-q-num{font-size:11px;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.quiz-q-text{font-size:16px;font-weight:700;color:var(--text-primary)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option{padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-panel);cursor:pointer;font-size:14px;font-weight:600;text-align:left;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;color:var(--text-primary)}.quiz-option:hover:not(.correct):not(.wrong){background:#6c4ef60f;border-color:var(--border-medium)}.quiz-option.correct{border-color:#16a34a;background:#16a34a1f;color:#16a34a}.quiz-option.wrong{border-color:#dc2626;background:#dc26261f;color:#dc2626}.quiz-explanation{font-size:13px;color:var(--text-secondary);padding:10px 14px;background:var(--bg-panel-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light)}.fill-root{max-width:640px;width:100%;display:flex;flex-direction:column;gap:16px}.fill-body{display:flex;flex-direction:column;gap:12px}.fill-row{font-size:16px;font-weight:600;color:var(--text-primary);line-height:2}.fill-input{display:inline-block;width:140px;padding:4px 8px;border:2px solid var(--border-medium);background:var(--bg-panel);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);color:var(--text-primary);outline:none;margin:0 4px}.fill-input:focus{border-color:var(--brand-primary)}.fill-input.correct{border-color:#16a34a;color:#16a34a;background:#16a34a14}.fill-input.wrong{border-color:#dc2626;color:#dc2626;background:#dc262614}.fill-bank{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:var(--bg-panel-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-md)}.fill-chip{padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-pill);cursor:grab;font-size:13px;font-weight:600}.fill-submit{align-self:flex-start;padding:10px 18px;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;box-shadow:var(--shadow-button)}.memory-root{width:100%;max-width:640px}.memory-grid{display:grid;gap:10px}.memory-card{perspective:600px;aspect-ratio:1;position:relative;cursor:pointer}.memory-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .35s ease}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-button)}.memory-card-front{background:var(--brand-gradient)}.memory-card-back{background:var(--bg-panel);color:var(--text-primary);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;box-sizing:border-box;font-weight:700;font-size:18px;line-height:1.25;border:2px solid var(--border-medium);overflow:hidden;word-break:break-word}.ordering-root{max-width:520px;width:100%;display:flex;flex-direction:column;gap:14px}.ordering-prompt{font-size:15px;font-weight:700;color:var(--text-primary)}.ordering-list{display:flex;flex-direction:column;gap:8px}.ordering-root.horizontal .ordering-list{flex-direction:row}.ordering-item{padding:12px 14px;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:grab;font-weight:600;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease;will-change:transform}.ordering-item.dragging{opacity:.5;cursor:grabbing}.ordering-item.correct{border-color:#16a34a;background:#16a34a14;color:#16a34a}.ordering-item.wrong{border-color:#dc2626;background:#dc262614;color:#dc2626}.ordering-submit{align-self:flex-start;padding:10px 18px;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;box-shadow:var(--shadow-button)}.dd-root{width:100%;display:flex;flex-direction:column;gap:14px}.dd-root:not(.dd-canvas){max-width:720px}.dd-board{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-panel-subtle) center/contain no-repeat;border:1px solid var(--border-medium);border-radius:var(--radius-md)}.dd-zone{position:absolute;border:2px dashed var(--border-medium);background:#fff6;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}.dd-zone.filled{background:#6c4ef61a;border-color:var(--brand-primary);color:var(--brand-primary);border-style:solid}.dd-zone.correct{border-color:#16a34a;background:#16a34a1f;color:#16a34a}.dd-zone.wrong{border-color:#dc2626;background:#dc26261f;color:#dc2626}.dd-panel{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:var(--bg-panel-subtle);border-radius:var(--radius-md)}.dd-chip{padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-pill);cursor:grab;font-weight:600;font-size:13px}.dd-chip.dragging{opacity:.5}.dd-submit{align-self:flex-start;padding:10px 18px;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;box-shadow:var(--shadow-button)}.wb-root{max-width:560px;width:100%;display:flex;flex-direction:column;gap:16px;align-items:center}.wb-hint{font-size:13px;color:var(--text-secondary);font-weight:600}.wb-line{display:flex;gap:8px}.wb-slot{width:44px;height:52px;border-bottom:3px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--text-primary)}.wb-line.correct .wb-slot{border-color:#16a34a;color:#16a34a}.wb-line.wrong .wb-slot{border-color:#dc2626;color:#dc2626}.wb-tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wb-tile{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--border-medium);background:var(--bg-panel);font-size:18px;font-weight:800;cursor:pointer;color:var(--text-primary);transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease,opacity .12s ease}.wb-tile:hover:not(.used){border-color:var(--brand-primary);background:#6c4ef60f}.wb-tile.used{opacity:.25;pointer-events:none}.wb-actions{display:flex;gap:10px}.wb-back,.wb-submit{padding:9px 16px;border-radius:var(--radius-md);border:none;font-weight:700;cursor:pointer;font-size:13px}.wb-back{background:var(--bg-panel-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.wb-submit{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-button)}.game-trigger-btn{--gtb-base: var(--book-btn-color, #16A34A);position:absolute;z-index:200;inline-size:calc(var(--book-btn-size, 32px) * 1.28);block-size:calc(var(--book-btn-size, 32px) * 1.28);padding:0;border:none;background:transparent;cursor:pointer;transform:translate(-50%,-50%);display:grid;place-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 4px 10px color-mix(in oklab,var(--gtb-base) 45%,transparent))}.game-trigger-btn .gtb-halo{position:absolute;inline-size:calc(var(--book-btn-size, 32px) * 1.28);block-size:calc(var(--book-btn-size, 32px) * 1.28);border-radius:50%;background:color-mix(in oklab,var(--gtb-base) 22%,transparent);pointer-events:none;animation:gtb-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes gtb-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:.4}}.game-trigger-btn .gtb-circle{position:relative;inline-size:var(--book-btn-size, 32px);block-size:var(--book-btn-size, 32px);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--gtb-base) 60%,white) 0%,var(--gtb-base) 60%,color-mix(in oklab,var(--gtb-base) 70%,black) 100%);box-shadow:inset 0 1px #ffffff59,0 1px #0000000d;display:grid;place-items:center;pointer-events:none}.game-trigger-btn:hover .gtb-circle{filter:brightness(1.08)}.game-trigger-btn:active{transform:translate(-50%,-50%) scale(.94)}.game-trigger-btn:focus-visible{outline:2px solid var(--gtb-base);outline-offset:4px;border-radius:50%}.game-trigger-btn .gtb-label{position:absolute;inset-block-start:calc(100% + 2px);font-family:Nunito,system-ui,-apple-system,sans-serif;font-size:10px;font-weight:800;color:#0f7a36;background:#fff;border:1px solid #16A34A;border-radius:999px;padding:2px 8px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #16a34a40}.game-trigger-btn:before{content:attr(data-title);position:absolute;inset-block-end:calc(100% + 4px);font-family:Nunito,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;color:#6c4ef6;background:#fff;border-radius:999px;padding:4px 10px;white-space:nowrap;box-shadow:0 4px 8px #00000026;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.game-trigger-btn:hover:before,.game-trigger-btn:focus-visible:before{opacity:1;transform:translateY(0)}body.hide-act-btns .game-trigger-btn,body.alansec-active .game-trigger-btn{display:none!important}@media(prefers-reduced-motion:reduce){.game-trigger-btn .gtb-halo{animation:none;opacity:.55}}[data-low-power="1"] .game-trigger-btn .gtb-halo{animation:none;opacity:.55}.qr-btn{position:absolute;display:block;z-index:100;background:transparent;border:2px solid transparent;border-radius:6px;padding:0;box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:border-color .14s ease,background-color .14s ease}.qr-btn:hover,.qr-btn:focus-visible{border-color:#6c4ef6a6;background:#6c4ef60f;outline:none}.qr-btn:active{background:#6c4ef61f}body.alansec-active .qr-btn{display:none!important}.qr-click-hint{position:absolute;right:15%;bottom:15%;inline-size:22px;block-size:22px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;box-shadow:0 1px 4px #00000059,0 0 0 1px #00000014;color:var(--brand-primary, #6C4EF6);pointer-events:none;z-index:1}.qr-click-hint svg{inline-size:14px;block-size:14px;display:block}@media(pointer:coarse){.qr-click-hint{inline-size:26px;block-size:26px}.qr-click-hint svg{inline-size:16px;block-size:16px}}.akt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:449;opacity:0;transition:opacity .2s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.akt-backdrop.open{opacity:1}.akt-panel{position:fixed;left:50%;bottom:var(--strip-h, 56px);transform:translate(-50%,100%);width:min(560px,calc(100vw - 32px));max-block-size:calc(100dvh - var(--strip-h, 56px) - 24px);background-color:var(--bg-panel, #FFFFFF);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-panel);z-index:450;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.akt-panel.open{transform:translate(-50%)}.akt-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.akt-title{font-size:16px;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.akt-close{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:14px;border-radius:50%;color:var(--text-secondary)}.akt-close:hover{background:var(--bg-panel-subtle)}.akt-body{flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px}.akt-empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:13px}.akt-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md)}.akt-row:hover{background:var(--bg-panel-subtle)}.akt-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.akt-meta{flex:1;min-width:0}.akt-row-title{font-size:14px;font-weight:700;color:var(--text-primary)}.akt-row-sub{font-size:11px;color:var(--text-tertiary);margin-top:2px}.akt-play{padding:6px 12px;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-pill);font-size:12px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-button);white-space:nowrap}.akt-goto{padding:6px 12px;background:var(--bg-panel-subtle);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-pill);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.akt-goto:hover{background:var(--bg-panel);color:var(--text-primary)}.results-screen{display:flex;align-items:center;justify-content:center;width:100%}.results-card{background:var(--bg-panel);padding:32px 40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);text-align:center;max-width:360px;animation:popup-in .25s cubic-bezier(.34,1.56,.64,1)}.results-stars{display:flex;justify-content:center;gap:6px;font-size:36px;margin-bottom:12px}.results-stars .star{color:#e5e5f0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.results-stars .star.lit{color:#f5b700;transform:scale(1.15);text-shadow:0 2px 12px rgba(245,183,0,.5)}.results-message{font-size:20px;font-weight:800;font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px}.results-score{font-size:28px;font-weight:800;color:var(--brand-primary);margin-bottom:4px;font-variant-numeric:tabular-nums}.results-meta{font-size:12px;color:var(--text-tertiary);margin-bottom:20px}.results-actions{display:flex;gap:10px;justify-content:center}.results-btn{padding:10px 16px;border-radius:var(--radius-md);border:none;font-weight:700;cursor:pointer;font-size:13px}.results-btn-replay{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-button)}.results-btn-close{background:var(--bg-panel-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}#game-overlay{transform:translateZ(0)}#game-overlay.overlay-out{animation:overlay-out .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes overlay-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.game-score{display:inline-block;transition:transform .2s ease;transform-origin:center}@keyframes correct-burst{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes feedback-shake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}to{transform:translate(0)}}@keyframes item-in{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.game-item{animation:item-in .25s cubic-bezier(.34,1.2,.64,1) both;animation-delay:calc(var(--i, 0) * 50ms)}.match-card{will-change:transform;position:relative}.match-card.selected{transform:scale(1.04) translateY(-2px);box-shadow:0 4px 16px #6c4ef64d;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s cubic-bezier(.34,1.56,.64,1),background-color .15s cubic-bezier(.34,1.56,.64,1)}.match-card.correct{pointer-events:none}.match-card.wrong-tint{background:#dc262626!important;transition:background .25s ease}.match-check{display:inline-block;margin-left:6px;color:#16a34a;font-weight:900;animation:check-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes check-in{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.quiz-question{position:relative;overflow:hidden}.quiz-question.question-exit{animation:question-exit .25s ease forwards}.quiz-question.question-enter{animation:question-enter .25s ease forwards}@keyframes question-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes question-enter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.quiz-option{position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.quiz-option:hover:not(.correct):not(.wrong){transform:translate(4px);box-shadow:-3px 0 0 var(--brand-primary)}.quiz-option.picked{transform:scale(.98);transition:transform .1s ease;border-color:var(--brand-primary)}.quiz-option.correct:after,.quiz-option.wrong:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:fill-sweep .4s ease forwards}.quiz-option.correct:after{background:#16a34a26}.quiz-option.wrong:after{background:#dc262626}@keyframes fill-sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.quiz-option-check{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#16a34a;font-weight:900;font-size:18px;animation:check-in .3s cubic-bezier(.34,1.56,.64,1) both}.quiz-progress-fill{transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes fill-green-pulse{0%{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.fill-input.correct{animation:fill-green-pulse .6s ease 1}.fill-input-check{display:inline-block;margin-left:6px;color:#16a34a;font-weight:900;animation:check-in .3s cubic-bezier(.34,1.56,.64,1) both}.fill-chip{will-change:transform}.fill-chip.dragging{transform:scale(1.08) rotate(2deg);box-shadow:0 8px 24px #0003;opacity:.9;z-index:100;cursor:grabbing}.fill-input.drag-over{border-color:var(--brand-primary);background:#6c4ef614;transform:scale(1.04);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}@keyframes snap-in{0%{transform:scale(1.15)}60%{transform:scale(.92)}to{transform:scale(1)}}.fill-input.snap-in{animation:snap-in .35s cubic-bezier(.34,1.56,.64,1)}.memory-card-inner{will-change:transform;transition:transform .35s cubic-bezier(.4,0,.2,1)}.memory-card:not(.matched):not(.flipped):hover .memory-card-inner{transform:rotateY(15deg);transition:transform .2s ease}.memory-card.matched .memory-card-back{box-shadow:0 0 0 2px #16a34a,0 0 16px #16a34a4d;transition:box-shadow .3s ease}.memory-card.mismatch .memory-card-back{background:#dc262633;transition:background .2s ease}.ordering-item{will-change:transform;transition:transform .25s cubic-bezier(.4,0,.2,1)}.ordering-item.dragging{opacity:.85;transform:scale(1.05) rotate(1deg);box-shadow:0 8px 24px #0000002e;cursor:grabbing;z-index:20}@keyframes make-space{0%{transform:translateY(0)}to{transform:translateY(4px)}}.ordering-list.has-drag .ordering-item:not(.dragging){animation:make-space .15s ease forwards}.order-drop-indicator{height:2px;background:var(--brand-gradient);border-radius:2px;margin:2px 0;transform-origin:left center;animation:indicator-in .15s ease both}@keyframes indicator-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.dd-chip{will-change:transform;transition:transform .15s ease,box-shadow .15s ease}.dd-chip.dragging{transform:scale(1.08) rotate(2deg);box-shadow:0 8px 24px #0003;opacity:.9;z-index:100;cursor:grabbing}.dd-zone.drag-over{border-color:var(--brand-primary);background:#6c4ef614;transform:scale(1.05);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}.dd-zone.correct{pointer-events:none}@keyframes label-snap{0%{transform:scale(1.15) rotate(3deg)}50%{transform:scale(.92) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.dd-zone.snap{animation:label-snap .35s cubic-bezier(.34,1.56,.64,1)}.wb-tile{will-change:transform}[data-low-power="1"] .ordering-item,[data-low-power="1"] .match-card,[data-low-power="1"] .fill-chip,[data-low-power="1"] .memory-card-inner,[data-low-power="1"] .dd-chip,[data-low-power="1"] .wb-tile{will-change:auto}.wb-tile.picked{animation:tile-pick .2s ease forwards}@keyframes tile-pick{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:.3}}.wb-tile.returning{animation:tile-return .2s ease forwards}@keyframes tile-return{0%{transform:scale(.7);opacity:.3}to{transform:scale(1);opacity:1}}.wb-slot{position:relative}.wb-slot .wb-letter{display:inline-block;animation:letter-appear .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes letter-appear{0%{transform:scale(0) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.wb-slot .wb-letter.removing{animation:letter-remove .15s ease forwards}@keyframes letter-remove{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.wb-slot .wb-letter.flying-off{animation:letter-fly-off .4s cubic-bezier(.4,0,.2,1) both}@keyframes letter-fly-off{0%{transform:translateY(0);opacity:1}to{transform:translateY(-80px);opacity:0}}.wb-line{position:relative}.wb-line.correct-sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#16a34a40;border-radius:4px;pointer-events:none;animation:check-sweep .4s ease forwards}@keyframes check-sweep{0%{clip-path:inset(0 100% 0 0 round 4px);opacity:.8}to{clip-path:inset(0 0% 0 0 round 4px);opacity:0}}.wb-line.wrong-flash{background:#dc26261f;transition:background .2s ease;border-radius:6px}.results-screen{position:relative;overflow:hidden}.results-screen.entering{animation:results-in .4s cubic-bezier(.34,1.2,.64,1) both}@keyframes results-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-stars .star{display:inline-block;color:#d1d5db;transform:scale(0);opacity:0;transform-origin:center;text-shadow:none}.results-stars .star.pop-earned{color:#f59e0b;animation:star-pop .6s cubic-bezier(.34,1.56,.64,1) both}.results-stars .star.pop-grey{color:#d1d5db;animation:star-grey-in .4s ease both}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}80%{transform:scale(.85) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes star-grey-in{0%{transform:scale(0);opacity:0}to{transform:scale(.8);opacity:.3}}.results-score{transition:transform .2s ease;transform-origin:center;display:inline-block}.results-message,.results-meta{opacity:0}.results-message.label-in,.results-meta.label-in{animation:label-in .4s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes label-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-btn{opacity:0}.results-btn.label-in{animation:label-in .4s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0)}to{transform:translateY(300px) translate(calc(var(--drift,0) * 1px)) rotate(720deg);opacity:0}}@keyframes slide-down{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,100%);opacity:0}}.akt-panel.closing{animation:slide-down .25s cubic-bezier(.4,0,.2,1) forwards}.akt-play{position:relative;overflow:hidden;isolation:isolate;transition:color .2s ease,border-color .2s ease}.akt-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-primary);transform:translate(-100%);transition:transform .2s ease;z-index:-1}.akt-play:hover:before{transform:translate(0)}@media(prefers-reduced-motion:reduce){#game-overlay *,#game-overlay *:before,#game-overlay *:after,.akt-panel *,.akt-panel *:before,.akt-panel *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-low-power="1"] #game-overlay *,[data-low-power="1"] #game-overlay *:before,[data-low-power="1"] #game-overlay *:after,[data-low-power="1"] .akt-panel *,[data-low-power="1"] .akt-panel *:before,[data-low-power="1"] .akt-panel *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.game-mute-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel-subtle);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);flex-shrink:0}.game-mute-btn:hover{background:var(--bg-panel);transform:scale(1.1)}.game-mute-btn.muted{opacity:.5}.game-help-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel-subtle);cursor:pointer;font-size:14px;font-weight:700;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);flex-shrink:0}.game-help-btn:hover{background:var(--brand-primary, #6C4EF6);color:#fff;border-color:var(--brand-primary, #6C4EF6);transform:scale(1.1)}.game-help-btn:focus-visible{outline:2px solid var(--g-accent, #6C4EF6);outline-offset:2px}.result-stats{display:flex;gap:24px;justify-content:center;align-items:center;margin:12px 0}.result-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.result-stat-value{font-size:22px;font-weight:800;font-family:var(--font-display);color:var(--text-primary)}.result-stat-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.result-stat.correct .result-stat-value{color:#16a34a}.result-stat.wrong .result-stat-value{color:#dc2626}.result-perfect-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#f59e0b;color:#1f1f1f;font-weight:800;font-size:12px;letter-spacing:.04em;margin-bottom:12px;animation:label-in .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s}.akt-stars{font-size:14px;color:#f59e0b;letter-spacing:2px;margin-left:auto}.akt-stars.empty{color:#d1d5db}.side-arrows-group{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:150}.side-arrow{width:52px;height:64px;background:#ffffff2e;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .2s ease,color .2s ease,opacity .2s ease,transform .15s ease;opacity:1;padding:0;box-shadow:0 2px 8px #00000014}.side-arrows-left .side-arrow{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.side-arrows-right .side-arrow{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.side-arrow:hover{background:#6c4ef62e;color:var(--brand-primary);opacity:1}.side-arrow:active{background:#6c4ef647;transform:scale(.95)}.side-arrow:disabled{opacity:.15;cursor:not-allowed;pointer-events:none}body.dark .side-arrow{background:#00000040}body.dark .side-arrow:hover{background:#6c4ef647}@media(hover:none){.side-arrows-group{opacity:.85}.side-arrow:active{background:#6c4ef652}}@media(pointer:coarse){.side-arrow{min-block-size:56px;min-inline-size:56px}}.network-banner{display:none;position:sticky;top:0;z-index:9999;background:var(--accent-amber-lt);color:#92400e;border-bottom:1px solid #FCD34D;padding:6px 12px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-align:center}.network-banner.active{display:block}.book-cover{position:relative}.book-dl-btn{position:absolute;top:6px;left:6px;z-index:4;padding:4px 8px;border:none;border-radius:999px;font-family:var(--font-display);font-size:10px;font-weight:800;line-height:1.2;cursor:pointer;letter-spacing:.02em;box-shadow:0 2px 6px #0000002e;transition:transform .12s ease,background-color .12s ease;max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-dl-btn:hover:not(:disabled){transform:translateY(-1px)}.book-dl-btn:disabled{cursor:default}.book-dl-btn.dl-idle{background:var(--brand-500);color:#fff}.book-dl-btn.dl-downloading{background:#ffffffeb;color:var(--brand-700)}.book-dl-btn.dl-cached{background:var(--color-success);color:#fff}.viewer-video-pill{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-panel);color:var(--brand-primary);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-panel);z-index:280;transition:background var(--transition-fast),transform var(--transition-fast)}.viewer-video-pill:hover{background:var(--bg-hover);transform:scale(1.08)}.viewer-video-pill:after{content:attr(data-count);position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}body.screen-phone .viewer-video-pill{top:8px;right:56px}.top-bar-audio-slot{display:flex;align-items:center;margin-inline-start:auto;min-block-size:0}.top-bar-audio-slot[hidden]{display:none}body.tahta-mode .viewer-video-pill,body.tahta-mode .qr-btn,body.tahta-mode .magnifier-btn,body.tahta-mode .audio-btn,body.tahta-mode .video-btn,body.tahta-mode .audio-popover,body.tahta-mode .video-popover{display:none!important}.viewer-video-menu{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:6px;min-width:240px;max-width:360px;max-height:50vh;overflow-y:auto;z-index:300}.viewer-video-item{display:block;padding:10px 12px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);text-decoration:none;word-break:break-word}.viewer-video-item:hover{background:var(--bg-hover);color:var(--brand-primary)}.viewer-video-item+.viewer-video-item{margin-top:2px}.tool-btn:focus-visible,.phone-quick-btn:focus-visible,.phone-answer-fab:focus-visible,.viewer-video-pill:focus-visible,.side-arrow:focus-visible,.strip-nav-btn:focus-visible,.apps-btn:focus-visible,.save-btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.continue-prompt-toast{position:fixed;right:0;width:min(320px,calc(100vw - 32px));background:#fff;color:#0f172a;border-radius:14px 0 0 14px;border:1px solid rgba(15,23,42,.08);border-right:none;box-shadow:0 20px 40px -15px #00000052,0 8px 16px -8px #00000026;z-index:420;overflow:hidden;color-scheme:light;transform:translate(calc(100% + 24px));transition:transform .36s cubic-bezier(.22,1,.36,1)}.continue-prompt-toast.cp-enter{transform:translate(0)}.continue-prompt-toast.cp-leave{transform:translate(calc(100% + 24px))}.continue-prompt-body{padding:14px 16px 12px}.continue-prompt-body h3{margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.3;color:#0f172a;letter-spacing:-.01em}.continue-prompt-body p{margin:0 0 12px;font-size:12.5px;line-height:1.4;color:#475569}.continue-prompt-body p strong{color:#0f172a;font-weight:700}.continue-prompt-actions{display:flex;justify-content:flex-end;gap:8px}.continue-prompt-btn{font:inherit;padding:6px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:12px;transition:background .12s,border-color .12s,transform 80ms}.continue-prompt-btn:active{transform:scale(.96)}.continue-prompt-btn-secondary{background:#fff;border-color:#cbd5e1;color:#0f172a}.continue-prompt-btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.continue-prompt-btn-primary{background:linear-gradient(135deg,#6c4ef6,#8b5cf6);color:#fff;box-shadow:0 2px 8px -2px #6c4ef68c}.continue-prompt-btn-primary:hover{filter:brightness(1.08)}.continue-prompt-timer{height:3px;background:#ef4444;width:100%;transform-origin:left center;animation:cp-timer-drain 15s linear forwards}@keyframes cp-timer-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.shortcuts-dialog{color-scheme:inherit;--sd-hue: 262;--sd-brand: oklch(62% .18 var(--sd-hue));--sd-brand-soft: oklch(from var(--sd-brand) l c h / .14);--sd-surface: light-dark( oklch(from var(--sd-brand) 99% .004 h), oklch(from var(--sd-brand) 18% .014 h) );--sd-surface-alt: light-dark( oklch(from var(--sd-brand) 96% .006 h), oklch(from var(--sd-brand) 24% .016 h) );--sd-fg: light-dark( oklch(from var(--sd-brand) 22% .01 h), oklch(from var(--sd-brand) 96% .01 h) );--sd-fg-muted: light-dark( oklch(from var(--sd-brand) 44% .02 h), oklch(from var(--sd-brand) 72% .02 h) );--sd-border: light-dark( color-mix(in oklch, var(--sd-brand) 18%, oklch(90% .005 var(--sd-hue))), color-mix(in oklch, var(--sd-brand) 28%, oklch(32% .014 var(--sd-hue))) );padding:0;border:none;border-radius:20px;inline-size:min(92dvw,560px);max-block-size:86dvh;color:var(--sd-fg);background:var(--sd-surface);box-shadow:0 40px 80px -30px color-mix(in oklch,var(--sd-brand),transparent 60%),0 0 0 1px var(--sd-border),0 2px #ffffff59 inset;overflow:hidden}.shortcuts-dialog::backdrop{background:radial-gradient(120% 90% at 50% 0%,color-mix(in oklch,oklch(62% .18 262),transparent 70%),transparent 60%),color-mix(in oklch,oklch(22% .02 262),transparent 25%)}.shortcuts-dialog{opacity:1;transform:translateY(0) scale(1);transition:opacity .22s cubic-bezier(.34,1.4,.64,1),transform .22s cubic-bezier(.34,1.4,.64,1),display .22s allow-discrete,overlay .22s allow-discrete}@starting-style{.shortcuts-dialog[open]{opacity:0;transform:translateY(-16px) scale(.96)}}.shortcuts-dialog__inner{display:grid;grid-template-rows:auto auto 1fr auto;max-block-size:inherit}.shortcuts-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 4px}.shortcuts-dialog__title{font-family:var(--font-display);font-size:clamp(18px,1.6cqi + 14px,24px);font-weight:800;letter-spacing:-.01em;color:var(--sd-brand);margin:0;text-wrap:balance}.shortcuts-dialog__close{inline-size:32px;block-size:32px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--sd-fg-muted);cursor:pointer;font-size:16px;transition:background .14s ease,color .14s ease,transform .14s ease}.shortcuts-dialog__close:hover{background:var(--sd-brand-soft);color:var(--sd-brand);transform:rotate(90deg)}.shortcuts-dialog__close:focus-visible{outline:2px solid var(--sd-brand);outline-offset:2px}.shortcuts-dialog__sub{margin:0;padding:0 22px 12px;color:var(--sd-fg-muted);font-size:13px;text-wrap:pretty}.shortcuts-dialog__body{padding:6px 22px 18px;overflow-y:auto;display:grid;gap:18px;scrollbar-color:var(--sd-brand-soft) transparent;scrollbar-width:thin}.shortcuts-group{display:grid;gap:8px}.shortcuts-group-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-brand)}.shortcuts-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.shortcuts-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--sd-surface-alt);border:1px solid transparent;transition:border-color .14s ease,background .14s ease,transform .14s ease}.shortcuts-row:hover{border-color:var(--sd-brand-soft);transform:translateY(-1px)}.shortcuts-label{font-size:13px;color:var(--sd-fg);text-wrap:pretty}.shortcuts-keys{display:inline-flex;align-items:center;gap:4px;min-inline-size:0}.shortcuts-keys kbd{display:inline-grid;place-items:center;min-inline-size:24px;block-size:24px;padding:0 8px;border-radius:6px;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;font-weight:700;color:var(--sd-fg);background:light-dark(oklch(100% 0 0),oklch(26% .01 var(--sd-hue)));border:1px solid var(--sd-border);box-shadow:0 1px color-mix(in oklch,var(--sd-brand),transparent 90%),inset 0 -1px color-mix(in oklch,var(--sd-border),transparent 40%)}.shortcuts-plus{color:var(--sd-fg-muted);font-size:11px;font-weight:600}.shortcuts-dialog__foot{display:flex;justify-content:flex-end;padding:12px 22px 18px;border-top:1px solid var(--sd-border);background:color-mix(in oklch,var(--sd-surface),var(--sd-brand) 2%)}.shortcuts-dialog__ok{padding:8px 20px;border:none;border-radius:10px;background:linear-gradient(135deg in oklch,var(--sd-brand),oklch(from var(--sd-brand) calc(l - .1) c h));color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 14px -6px color-mix(in oklch,var(--sd-brand),transparent 45%),inset 0 1px #ffffff40;transition:transform .14s cubic-bezier(.34,1.4,.64,1),box-shadow .14s ease}.shortcuts-dialog__ok:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px color-mix(in oklch,var(--sd-brand),transparent 35%),inset 0 1px #ffffff59}.shortcuts-dialog__ok:focus-visible{outline:2px solid oklch(100% 0 0);outline-offset:2px}.shortcuts-dialog__ok:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.shortcuts-dialog,.shortcuts-dialog__close,.shortcuts-dialog__ok,.shortcuts-row{transition:none;animation:none}}[data-low-power="1"] .shortcuts-dialog,[data-low-power="1"] .shortcuts-dialog__close,[data-low-power="1"] .shortcuts-dialog__ok,[data-low-power="1"] .shortcuts-row{transition:none;animation:none}#strip-aktivite{min-inline-size:0;flex-shrink:1}#strip-aktivite .strip-aktivite-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}#strip-aktivite.disabled{opacity:.5;cursor:not-allowed}#strip-aktivite.disabled:hover{background:transparent;color:var(--text-secondary);transform:none}@property --ses-hue{syntax: "<number>"; inherits: true; initial-value: 258;}.top-bar-audio-slot{container:ses-dock / inline-size;inline-size:clamp(240px,38cqi,460px);max-inline-size:min(52vw,520px)}.ses-player{--ses-hue: 258;--ses-base: oklch(62% .18 var(--ses-hue));--ses-surface: light-dark( oklch(from var(--ses-base) 97% .012 h), oklch(from var(--ses-base) 22% .028 h) );--ses-edge: color-mix(in oklch, var(--ses-base) 22%, transparent);--ses-ink: light-dark( oklch(from var(--ses-base) 32% .12 h), oklch(from var(--ses-base) 92% .04 h) );--ses-subtle: color-mix(in oklch, var(--ses-ink) 60%, transparent);display:grid;grid-template-columns:auto auto auto 1fr auto auto;align-items:center;gap:6px;padding-inline:10px;padding-block:6px;block-size:38px;inline-size:100%;border-radius:999px;color:var(--ses-ink);background:radial-gradient(120% 140% at 0% 0%,color-mix(in oklch,var(--ses-base) 22%,transparent),transparent 55%),var(--ses-surface);border:1px solid var(--ses-edge);box-shadow:0 1px #ffffff59 inset,0 6px 14px -10px color-mix(in oklch,var(--ses-base),transparent 55%),0 1px 3px -1px #00000014;transition:--ses-hue .42s ease,box-shadow .18s ease;font:500 12.5px/1.2 var(--font-display, system-ui)}@starting-style{.ses-player{opacity:0;translate:0 -4px}}.ses-player{opacity:1;translate:0 0;transition:opacity .18s,translate .18s,--ses-hue .42s}.ses-btn{inline-size:28px;block-size:28px;display:inline-grid;place-items:center;padding:0;margin:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ses-ink);cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .12s ease,border-color .14s ease}.ses-btn:hover:not(:disabled){background:color-mix(in oklch,var(--ses-base) 18%,transparent);border-color:color-mix(in oklch,var(--ses-base) 26%,transparent)}.ses-btn:active:not(:disabled){transform:scale(.94)}.ses-btn:disabled{opacity:.35;cursor:not-allowed}.ses-btn:focus-visible{outline:2px solid color-mix(in oklch,var(--ses-base) 70%,transparent);outline-offset:2px}.ses-play{background:linear-gradient(135deg in oklch,oklch(from var(--ses-base) calc(l + .06) c h),var(--ses-base));color:oklch(98% .01 var(--ses-hue));box-shadow:0 0 0 1px color-mix(in oklch,var(--ses-base) 50%,transparent) inset,0 4px 10px -4px color-mix(in oklch,var(--ses-base),transparent 40%)}.ses-play:hover{background:linear-gradient(135deg in oklch,oklch(from var(--ses-base) calc(l + .1) c h),oklch(from var(--ses-base) calc(l + .02) c h));border-color:transparent}.ses-meta{display:grid;grid-template-rows:auto auto;row-gap:2px;min-inline-size:0;padding-inline:4px}.ses-title{display:flex;align-items:baseline;gap:4px;min-inline-size:0}.ses-label{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.01em;color:var(--ses-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.ses-index{font-size:11px;color:var(--ses-subtle);flex-shrink:0;font-variant-numeric:tabular-nums}.ses-seek-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-inline-size:0}.ses-seek,.ses-vol{--ses-pct: 0%;-moz-appearance:none;appearance:none;-webkit-appearance:none;block-size:4px;border-radius:999px;background:linear-gradient(to right in oklch,var(--ses-base) 0 var(--ses-pct),color-mix(in oklch,var(--ses-ink) 18%,transparent) var(--ses-pct) 100%);cursor:pointer;min-inline-size:0;inline-size:100%}.ses-seek{block-size:4px}.ses-vol{inline-size:68px}.ses-seek::-webkit-slider-thumb,.ses-vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:12px;block-size:12px;border-radius:50%;background:oklch(from var(--ses-base) calc(l + .08) c h);border:2px solid light-dark(white,oklch(22% .02 var(--ses-hue)));box-shadow:0 1px 4px -1px color-mix(in oklch,var(--ses-base),transparent 45%);-webkit-transition:transform .12s ease;transition:transform .12s ease}.ses-seek::-moz-range-thumb,.ses-vol::-moz-range-thumb{inline-size:12px;block-size:12px;border-radius:50%;background:oklch(from var(--ses-base) calc(l + .08) c h);border:2px solid light-dark(white,oklch(22% .02 var(--ses-hue)));box-shadow:0 1px 4px -1px color-mix(in oklch,var(--ses-base),transparent 45%)}.ses-seek:hover::-webkit-slider-thumb,.ses-vol:hover::-webkit-slider-thumb{transform:scale(1.15)}.ses-seek:focus-visible,.ses-vol:focus-visible{outline:2px solid color-mix(in oklch,var(--ses-base) 70%,transparent);outline-offset:3px;border-radius:999px}.ses-time{font-variant-numeric:tabular-nums;font-size:11px;color:var(--ses-subtle);flex-shrink:0;min-inline-size:7ch;text-align:end}.ses-err{grid-column:1 / -1;font-size:11px;color:#d73337;font-style:italic;padding-inline-start:4px}@container ses-dock (inline-size < 360px){.ses-vol{display:none}.ses-time{min-inline-size:0}}@container ses-dock (inline-size < 280px){.ses-label,.ses-mute{display:none}}body.screen-phone .top-bar-audio-slot{inline-size:min(58vw,340px)}body.screen-phone .ses-player{block-size:34px;padding-inline:8px;gap:4px}@media(prefers-reduced-motion:reduce){.ses-player,#strip-aktivite{animation:none;transition:none}.ses-btn:active:not(:disabled){transform:none}}[data-low-power="1"] .ses-player,[data-low-power="1"] #strip-aktivite{animation:none;transition:none}[data-low-power="1"] .ses-btn:active:not(:disabled){transform:none}.stil-popup{--stil-brand: oklch(62% .18 262);position:fixed;z-index:1000;min-inline-size:240px;padding:14px;display:grid;gap:14px;background:linear-gradient(180deg in oklch,color-mix(in oklch,var(--bg-panel),var(--stil-brand) 4%),var(--bg-panel) 55%);border:1px solid color-mix(in oklch,var(--border-light),var(--stil-brand) 22%);border-radius:var(--radius-lg);box-shadow:0 24px 48px -20px color-mix(in oklch,var(--stil-brand),transparent 55%),0 0 0 1px color-mix(in oklch,var(--stil-brand),transparent 85%),0 2px #fff9 inset;animation:stil-pop .18s cubic-bezier(.34,1.4,.64,1) both}@starting-style{.stil-popup{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes stil-pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.stil-popup__header{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stil-brand);text-wrap:balance}.stil-popup__group{display:grid;gap:8px}.stil-popup__label{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.stil-popup__slider{position:relative;padding-top:20px}.stil-popup__range{inline-size:100%;accent-color:var(--stil-brand)}.stil-popup__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px}.stil-popup__swatches .color-swatch{inline-size:100%;aspect-ratio:1;padding:0;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .12s cubic-bezier(.34,1.5,.64,1),box-shadow .12s var(--ease-out, ease-out)}.stil-popup__swatches .color-swatch:hover{transform:scale(1.12);box-shadow:0 4px 10px -2px color-mix(in oklch,currentColor,transparent 70%)}.stil-popup__swatches .color-swatch.selected{border-color:var(--stil-brand);box-shadow:0 0 0 2px var(--bg-panel),0 0 0 4px var(--stil-brand)}.tool-btn[data-tool=stil]{--stil-ink: currentColor}.tool-btn[data-tool=stil] .tool-icon svg,.tool-btn[data-tool=stil] .tool-icon svg *{color:var(--stil-ink);stroke:var(--stil-ink)}.tool-btn[data-tool=stil] .tool-label{color:var(--stil-ink)}@supports (background: oklch(from red l c h)){.tool-btn[data-tool=stil] .tool-icon svg{filter:drop-shadow(0 0 1px color-mix(in oklch,var(--stil-ink),black 65%))}}.viewer-text-editor-wrap{z-index:1000;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:start;gap:4px;animation:viewer-text-editor-pop .14s cubic-bezier(.34,1.5,.64,1) both}.viewer-text-editor-wrap.is-dragging{cursor:grabbing}.viewer-text-editor-wrap.is-dragging *{cursor:grabbing!important}.viewer-text-editor-wrap>.viewer-text-editor-handle{grid-column:1;grid-row:1}.viewer-text-editor-wrap>.viewer-text-editor-kb-toggle{grid-column:1;grid-row:2}.viewer-text-editor-wrap>.viewer-text-editor{grid-column:2;grid-row:1 / span 2}.viewer-text-editor-wrap>.viewer-text-editor-size{grid-column:1 / -1;grid-row:3}.viewer-text-editor-kb-toggle{--kb-brand: oklch(62% .18 262);inline-size:36px;block-size:36px;display:grid;place-items:center;padding:0;border-radius:8px;background:color-mix(in oklch,var(--kb-brand),transparent 80%);border:1px solid color-mix(in oklch,var(--kb-brand),transparent 60%);color:var(--kb-brand);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .14s ease,transform .14s ease}.viewer-text-editor-kb-toggle:hover{background:color-mix(in oklch,var(--kb-brand),transparent 65%)}.viewer-text-editor-kb-toggle:active{transform:scale(.94)}.viewer-text-editor-size{grid-column:1 / -1;display:flex;align-items:center;gap:6px}.viewer-text-editor-size-btn{--sz-brand: oklch(62% .18 262);min-inline-size:44px;block-size:36px;padding-inline:8px;display:grid;place-items:center;border-radius:8px;font:700 13px/1 Nunito,system-ui,sans-serif;background:color-mix(in oklch,var(--sz-brand),transparent 82%);border:1px solid color-mix(in oklch,var(--sz-brand),transparent 60%);color:var(--sz-brand);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .14s ease,transform .14s ease}.viewer-text-editor-size-btn:hover{background:color-mix(in oklch,var(--sz-brand),transparent 68%)}.viewer-text-editor-size-btn:active{transform:scale(.94)}.viewer-text-editor-size-btn:disabled{background:color-mix(in oklch,var(--text-secondary, gray),transparent 90%);border-color:color-mix(in oklch,var(--text-secondary, gray),transparent 80%);color:color-mix(in oklch,var(--text-secondary, gray),transparent 40%);cursor:not-allowed;transform:none}.viewer-text-editor-size-val{min-inline-size:56px;block-size:36px;display:grid;place-items:center;padding-inline:8px;border-radius:6px;font:700 13px/1 Nunito,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:light-dark(#1a1a1a,#f0f0f0);background:light-dark(rgba(0,0,0,.06),rgba(255,255,255,.1))}.viewer-vkb{position:fixed;inset-inline:0;inset-block-end:0;z-index:10000;display:grid;gap:6px;padding:10px max(10px,env(safe-area-inset-right,0)) max(10px,env(safe-area-inset-bottom,0)) max(10px,env(safe-area-inset-left,0));background:color-mix(in oklch,var(--bg-panel, #fff),transparent 4%);border-block-start:1px solid var(--border-default, #ddd);box-shadow:0 -8px 24px #0000002e;font-family:Nunito,system-ui,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;animation:vkb-up .18s cubic-bezier(.34,1.4,.64,1) both}@keyframes vkb-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.viewer-vkb .vkb-row{display:flex;gap:4px;justify-content:center}.viewer-vkb .vkb-key{flex:1 1 0;min-inline-size:28px;max-inline-size:56px;block-size:44px;font-size:clamp(14px,1.6cqi + 12px,18px);font-weight:600;color:var(--fg-default, #111);background:var(--bg-elevated, #fff);border:1px solid var(--border-default, #ddd);border-radius:8px;cursor:pointer;touch-action:manipulation;transition:background 90ms ease,transform 90ms ease}.viewer-vkb .vkb-key:active{background:color-mix(in oklch,oklch(62% .18 262),transparent 85%);transform:scale(.96)}.viewer-vkb .vkb-key-mod{background:color-mix(in oklch,oklch(62% .18 262),transparent 90%);color:#235bc8;font-weight:700}.viewer-vkb .vkb-key-mod.is-on{background:#4680f1;color:#fff}.viewer-vkb .vkb-key-space{flex:4 1 0;max-inline-size:none}.viewer-vkb .vkb-key-close{background:#d55753;color:#fff;border-color:#d55753}.viewer-text-editor-handle{--h-brand: oklch(62% .18 262);display:grid;grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:3px;inline-size:36px;block-size:36px;place-content:center;margin-top:2px;border-radius:8px;background:color-mix(in oklch,var(--h-brand),transparent 80%);border:1px solid color-mix(in oklch,var(--h-brand),transparent 60%);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;transition:background .14s ease,transform .14s ease}.viewer-text-editor-handle:hover{background:color-mix(in oklch,var(--h-brand),transparent 65%)}.viewer-text-editor-handle:active{cursor:grabbing;transform:scale(.96)}.viewer-text-editor-handle span{inline-size:100%;block-size:100%;border-radius:50%;background:#4680f1;display:block}.viewer-text-editor{min-inline-size:4ch;max-inline-size:min(60ch,80dvw);padding:4px 8px;margin:0;background:color-mix(in oklch,var(--bg-panel),transparent 8%);border:2px dashed oklch(62% .18 262);border-radius:6px;outline:none;resize:none;line-height:1.25;font-family:Nunito,system-ui,sans-serif;box-shadow:0 10px 30px -10px #00000040,0 0 0 4px #4680f124;caret-color:#4680f1}@keyframes viewer-text-editor-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.viewer-text-editor,.stil-popup{animation:none}}[data-low-power="1"] .viewer-text-editor,[data-low-power="1"] .stil-popup{animation:none}@property --v-brand-hue{syntax: "<number>"; inherits: true; initial-value: 262;}:root{color-scheme:light;--v-brand-hue: 262;--v-brand-o: oklch(62% .18 var(--v-brand-hue));--v-brand-soft: oklch(from var(--v-brand-o) l c h / .12);--v-brand-ring: oklch(from var(--v-brand-o) l c h / .28)}@supports (text-wrap: balance){.book-title-pill,.viewer-exit-card h2,.popup-title,.settings-header,.user-menu-name,.thumbnail-header{text-wrap:balance}.book-info,.user-menu-email,.settings-label{text-wrap:pretty}}@supports (text-box: trim-both cap alphabetic){.tool-btn,.btn-google-signin,.btn-signout,.btn-local-signin,.btn-local-signup,.phone-araclar-btn,.tahta-ctrl-btn,.size-preset,.page-nav-btn{text-box:trim-both cap alphabetic}}@supports (field-sizing: content){.page-number-input{field-sizing:content;min-inline-size:4ch;max-inline-size:10ch}.thumbnail-search-row input[type=search],.thumbnail-search-row input[type=text]{field-sizing:content;min-inline-size:12ch}}.tool-panel{background:linear-gradient(180deg in oklch,color-mix(in oklch,var(--bg-panel),var(--v-brand-o) 3%),var(--bg-panel) 60%);border:1px solid color-mix(in oklch,var(--border-light),var(--v-brand-o) 18%);box-shadow:0 20px 40px -24px color-mix(in oklch,var(--v-brand-o),transparent 60%),0 2px #fff9 inset,var(--shadow-panel)}.tool-btn{border:1px solid transparent}.tool-btn:hover:not(.active):not([aria-pressed=true]){background:color-mix(in oklch,var(--bg-hover),var(--v-brand-o) 12%);border-color:color-mix(in oklch,var(--border-light),var(--v-brand-o) 25%)}.tool-btn.active,.tool-btn[aria-pressed=true]{background:linear-gradient(135deg in oklch,color-mix(in oklch,var(--v-brand-o),transparent 82%),color-mix(in oklch,var(--v-brand-o),transparent 92%));border-color:color-mix(in oklch,var(--v-brand-o),transparent 50%);box-shadow:0 4px 14px -6px color-mix(in oklch,var(--v-brand-o),transparent 55%),0 0 0 1px color-mix(in oklch,var(--v-brand-o),transparent 75%) inset}.tool-btn:focus-visible{outline:2px solid var(--v-brand-o);outline-offset:2px}.size-preset:hover,.color-swatch:hover{outline:2px solid var(--v-brand-ring);outline-offset:1px;transform:scale(1.08)}@supports (background: oklch(from red l c h)){.settings-row:hover{background:color-mix(in oklch,var(--bg-hover),var(--v-brand-o) 6%);border-radius:var(--radius-sm)}}.popup,.size-popup,.color-popup,.apps-popup,.user-menu-popup,.phone-answer-menu,.phone-araclar-sheet,.settings-panel,.thumbnail-strip,.viewer-exit-card,.size-tooltip{transition:opacity .22s cubic-bezier(.34,1.4,.64,1),transform .22s cubic-bezier(.34,1.4,.64,1)}@supports (transition-behavior: allow-discrete){@media(prefers-reduced-motion:no-preference){@starting-style{.popup,.size-popup,.color-popup,.apps-popup,.user-menu-popup,.phone-answer-menu{opacity:0;transform:translateY(-6px) scale(.96)}}@starting-style{.phone-araclar-sheet{transform:translateY(100%)}}@starting-style{.viewer-exit-card{opacity:0;transform:scale(.94)}}.viewer-exit-overlay{transition:opacity .18s ease,background-color .18s ease}@starting-style{.viewer-exit-overlay{opacity:0}}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.book-card{animation:vm-card-rise linear both;animation-timeline:view();animation-range:entry 0% cover 20%}@keyframes vm-card-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}}}@supports (outline-color: oklch(from red l c h)){.thumbnail-item[aria-current=page],.thumbnail-item.is-active{outline:3px solid var(--v-brand-o);outline-offset:2px;box-shadow:0 0 0 6px var(--v-brand-soft),0 6px 18px -8px color-mix(in oklch,var(--v-brand-o),transparent 60%)}}@supports (background: oklch(from red l c h)){.strip-nav-btn:hover,.page-nav-btn:hover,.apps-btn:hover,.view-single-btn:hover{background:color-mix(in oklch,var(--bg-hover),var(--v-brand-o) 10%);color:var(--v-brand-o)}.strip-nav-btn:focus-visible,.page-nav-btn:focus-visible,.apps-btn:focus-visible,.view-single-btn:focus-visible{outline:2px solid var(--v-brand-ring);outline-offset:2px}}#cevap-panel{background:linear-gradient(180deg in oklch,color-mix(in oklch,var(--bg-panel),var(--v-brand-o) 3%),var(--bg-panel) 60%)!important;border-color:color-mix(in oklch,var(--border-light),var(--v-brand-o) 18%)!important;box-shadow:0 20px 40px -24px color-mix(in oklch,var(--v-brand-o),transparent 60%),0 2px #fff9 inset,var(--shadow-panel)!important}#cevap-btn.active{box-shadow:0 6px 18px -6px color-mix(in oklch,var(--brand-primary),transparent 50%),0 0 0 2px color-mix(in oklch,var(--brand-primary),transparent 75%) inset}.book-title-pill{background:linear-gradient(135deg in oklch,color-mix(in oklch,var(--bg-panel),var(--v-brand-o) 8%),var(--bg-panel) 70%);border:1px solid color-mix(in oklch,var(--border-light),var(--v-brand-o) 20%);box-shadow:0 4px 12px -6px color-mix(in oklch,var(--v-brand-o),transparent 65%),0 1px #fff9 inset}.bottom-strip{background:linear-gradient(to top in oklch,var(--bg-panel),color-mix(in oklch,var(--bg-panel),var(--v-brand-o) 2%));border-top:1px solid color-mix(in oklch,var(--border-light),var(--v-brand-o) 15%);box-shadow:0 -8px 20px -12px color-mix(in oklch,var(--v-brand-o),transparent 80%)}@supports (background: oklch(from red l c h)){.phone-quick-pill,.phone-answer-fab{background:linear-gradient(135deg in oklch,var(--v-brand-o),oklch(from var(--v-brand-o) calc(l - .1) c h));box-shadow:0 8px 24px -8px color-mix(in oklch,var(--v-brand-o),transparent 55%),inset 0 1px #fff3}.phone-answer-fab:active{transform:scale(.96)}}@supports (background: oklch(from red l c h)){.timer-widget{border-color:color-mix(in oklch,var(--border-light),var(--v-brand-o) 14%)}.timer-btn:hover{background:var(--v-brand-soft);color:var(--v-brand-o)}.coming-soon-badge{background:oklch(from var(--accent-amber) l c h / .16);color:oklch(from var(--accent-amber) 42% .14 h)}.book-trial-badge{background:oklch(from var(--accent-coral) l c h / .16);color:oklch(from var(--accent-coral) 42% .14 h)}}@supports (background: oklch(from red l c h)){.btn-google-signin:hover,.btn-local-signin:hover,.btn-local-signup:hover{background:oklch(from var(--v-brand-o) calc(l - .04) c h)}.btn-signout:hover{background:oklch(from var(--color-danger) l c h / .1);color:var(--color-danger)}}@supports (scrollbar-color: hotpink transparent){.thumbnail-scroll,.tool-grid,.phone-araclar-grid,.phone-answer-menu{scrollbar-color:var(--v-brand-ring) transparent;scrollbar-width:thin}}@media(prefers-reduced-motion:reduce){.book-card,.popup,.size-popup,.color-popup,.apps-popup,.user-menu-popup,.phone-answer-menu,.phone-araclar-sheet,.viewer-exit-card,.viewer-exit-overlay,.size-tooltip,.tool-btn,.phone-answer-fab{transition:none!important;animation:none!important}}[data-low-power="1"] .book-card,[data-low-power="1"] .popup,[data-low-power="1"] .size-popup,[data-low-power="1"] .color-popup,[data-low-power="1"] .apps-popup,[data-low-power="1"] .user-menu-popup,[data-low-power="1"] .phone-answer-menu,[data-low-power="1"] .phone-araclar-sheet,[data-low-power="1"] .viewer-exit-card,[data-low-power="1"] .viewer-exit-overlay,[data-low-power="1"] .size-tooltip,[data-low-power="1"] .tool-btn,[data-low-power="1"] .phone-answer-fab{transition:none!important;animation:none!important}@media(prefers-contrast:more){.tool-btn[aria-pressed=true],.thumbnail-item.is-active,.thumbnail-item[aria-current=page]{outline-width:3px}.book-card,.popup,.settings-panel,.thumbnail-strip{border-width:2px}}@property --g-hue{syntax: "<number>"; inherits: true; initial-value: 270;}@property --g-chroma{syntax: "<number>"; inherits: true; initial-value: .16;}#game-overlay{--g-hue: 270;--g-chroma: .17}#game-overlay:has(.game-type-badge[data-type=multiple_choice]){--g-hue: 245;--g-chroma: .18}#game-overlay:has(.game-type-badge[data-type=fill_blank]){--g-hue: 165;--g-chroma: .14}#game-overlay:has(.game-type-badge[data-type=memory]){--g-hue: 50;--g-chroma: .17}#game-overlay:has(.game-type-badge[data-type=ordering]){--g-hue: 30;--g-chroma: .17}#game-overlay:has(.game-type-badge[data-type=drag_drop]){--g-hue: 340;--g-chroma: .16}#game-overlay:has(.game-type-badge[data-type=word_builder]){--g-hue: 130;--g-chroma: .16}#game-overlay:has(.game-type-badge[data-type=matching]){--g-hue: 295;--g-chroma: .17}#game-overlay{--g-accent: oklch(62% var(--g-chroma) var(--g-hue));--g-accent-deep: oklch(48% var(--g-chroma) var(--g-hue));--g-surface: light-dark(oklch(99% .01 var(--g-hue)), oklch(22% .02 var(--g-hue)));--g-surface-2: light-dark(oklch(97% .02 var(--g-hue)), oklch(27% .025 var(--g-hue)));--g-ink: light-dark(oklch(20% .02 var(--g-hue)), oklch(96% .02 var(--g-hue)));--g-ink-dim: light-dark(oklch(46% .02 var(--g-hue)), oklch(72% .02 var(--g-hue)));--g-ring: color-mix(in oklch, var(--g-accent) 35%, transparent);--g-success: oklch(64% .17 155);--g-danger: oklch(62% .22 27);--g-spring: linear( 0, .14 4%, .94 17%, 1.15 24% 30%, 1.02 43%, .98 51%, 1 77%, 1 );background:radial-gradient(1200px 600px at 20% -10%,color-mix(in oklch,var(--g-accent) 18%,transparent),transparent 60%),radial-gradient(900px 500px at 110% 110%,color-mix(in oklch,var(--g-accent-deep) 14%,transparent),transparent 55%),var(--bg-app)}.game-header{background:color-mix(in oklch,var(--g-surface) 72%,transparent);border-bottom:1px solid color-mix(in oklch,var(--g-accent) 16%,transparent)}.game-type-badge{background:color-mix(in oklch,var(--g-accent) 14%,transparent);color:var(--g-accent-deep);border:1px solid color-mix(in oklch,var(--g-accent) 25%,transparent)}.game-title{color:var(--g-ink);text-wrap:balance}.game-timer{color:var(--g-ink-dim)}.game-timer.urgent{color:var(--g-danger)}.game-score{color:var(--g-ink)}.game-close-btn,.game-mute-btn{background:color-mix(in oklch,var(--g-surface-2) 85%,transparent);border-color:color-mix(in oklch,var(--g-accent) 14%,transparent);color:var(--g-ink-dim);transition:transform .16s var(--g-spring),background .16s ease,color .16s ease}.game-close-btn:focus-visible,.game-mute-btn:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.game-close-btn:hover{background:color-mix(in oklch,var(--g-danger) 14%,var(--g-surface));color:var(--g-danger)}.game-exit-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-block-size:44px;padding-inline:clamp(12px,2.5vw,18px);padding-block:8px;border:1px solid color-mix(in oklch,var(--g-accent-deep) 60%,transparent);border-radius:var(--radius-pill, 999px);background:var(--g-accent);color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 1px #ffffff40 inset,0 6px 14px -8px color-mix(in oklch,var(--g-accent-deep),transparent 40%);transition:transform .16s var(--g-spring),background .16s ease,box-shadow .16s ease}.game-exit-btn svg{flex-shrink:0}.game-exit-btn:hover{transform:translateY(-1px);background:var(--g-accent-deep);box-shadow:0 1px #ffffff4d inset,0 10px 22px -10px color-mix(in oklch,var(--g-accent-deep),transparent 30%)}.game-exit-btn:active{transform:translateY(0)}.game-exit-btn:focus-visible{outline:2px solid var(--g-accent-deep);outline-offset:2px}.game-header{flex-wrap:wrap;row-gap:8px}.game-title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.match-card,.quiz-option,.ordering-item,.dd-chip,.fill-chip,.wb-tile{border-radius:14px;background:var(--g-surface);border:1.5px solid color-mix(in oklch,var(--g-accent) 12%,transparent);color:var(--g-ink);box-shadow:inset 0 1px color-mix(in oklch,white 50%,transparent),0 6px 14px -10px color-mix(in oklch,var(--g-accent) 40%,transparent);transition:transform .22s var(--g-spring),border-color .18s ease,background .18s ease,box-shadow .18s ease}.match-card:hover,.quiz-option:hover:not(.correct):not(.wrong),.ordering-item:hover:not(.correct):not(.wrong),.wb-tile:hover:not(.used){border-color:color-mix(in oklch,var(--g-accent) 45%,transparent);background:color-mix(in oklch,var(--g-accent) 6%,var(--g-surface));transform:translateY(-1px)}.match-card:focus-visible,.quiz-option:focus-visible,.ordering-item:focus-visible,.wb-tile:focus-visible,.dd-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--g-ring)}.matching-root{gap:clamp(20px,4cqi,56px);container-type:inline-size}.match-card{padding:14px 18px;font-weight:650;text-wrap:balance}.match-card.selected{border-color:var(--g-accent);background:color-mix(in oklch,var(--g-accent) 12%,var(--g-surface));transform:translateY(-2px) scale(1.03);box-shadow:0 10px 24px -10px color-mix(in oklch,var(--g-accent) 55%,transparent)}.match-card.correct{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 14%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .1) c h)}.match-card.wrong,.match-card.wrong-tint{border-color:var(--g-danger);background:color-mix(in oklch,var(--g-danger) 12%,var(--g-surface))!important}.match-check{color:var(--g-success)}.quiz-progress{background:color-mix(in oklch,var(--g-accent) 12%,var(--g-surface-2));height:8px}.quiz-progress-fill{background:linear-gradient(90deg in oklch,oklch(from var(--g-accent) calc(l + .08) c h),var(--g-accent));box-shadow:0 0 12px color-mix(in oklch,var(--g-accent) 50%,transparent)}.quiz-question{background:var(--g-surface);border:1px solid color-mix(in oklch,var(--g-accent) 14%,transparent);box-shadow:0 10px 30px -18px color-mix(in oklch,var(--g-accent) 50%,transparent);padding:18px 20px}.quiz-q-num{color:var(--g-accent-deep);letter-spacing:.08em}.quiz-q-text{color:var(--g-ink);text-wrap:pretty;font-size:clamp(15px,2.2cqi,18px)}.quiz-options{gap:12px}.quiz-option{padding:14px 16px;font-weight:650}.quiz-option.picked{transform:scale(.985);border-color:var(--g-accent)}.quiz-option.correct{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 14%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .1) c h)}.quiz-option.wrong{border-color:var(--g-danger);background:color-mix(in oklch,var(--g-danger) 12%,var(--g-surface));color:oklch(from var(--g-danger) calc(l - .06) c h)}.quiz-explanation{background:var(--g-surface-2);border-color:color-mix(in oklch,var(--g-accent) 14%,transparent);color:var(--g-ink-dim);text-wrap:pretty}.fill-row{color:var(--g-ink)}.fill-input{background:var(--g-surface);border:2px solid color-mix(in oklch,var(--g-accent) 22%,transparent);color:var(--g-ink);min-inline-size:8ch;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}@supports (field-sizing: content){.viewer-text-editor,.fill-input{field-sizing:content}}.fill-input:focus{border-color:var(--g-accent);box-shadow:0 0 0 4px var(--g-ring)}.fill-input.correct{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 10%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .1) c h)}.fill-input.wrong{border-color:var(--g-danger);background:color-mix(in oklch,var(--g-danger) 10%,var(--g-surface));color:oklch(from var(--g-danger) calc(l - .06) c h)}.fill-bank{background:color-mix(in oklch,var(--g-accent) 6%,var(--g-surface-2));border:1.5px dashed color-mix(in oklch,var(--g-accent) 30%,transparent)}.fill-chip{padding:7px 14px;font-weight:650}.fill-chip:hover{transform:translateY(-1px);border-color:var(--g-accent)}.memory-card:not(.matched):not(.flipped):hover .memory-card-inner{transform:rotateY(0) scale(1.03)}.memory-card-front{background:radial-gradient(120% 120% at 20% 10%,oklch(from var(--g-accent) calc(l + .1) c h) 0%,var(--g-accent) 45%,oklch(from var(--g-accent) calc(l - .12) c h) 100%);border:1px solid color-mix(in oklch,var(--g-accent) 40%,transparent);box-shadow:inset 0 1px color-mix(in oklch,white 40%,transparent),0 8px 18px -10px color-mix(in oklch,var(--g-accent) 60%,transparent)}.memory-card-back{background:var(--g-surface);border:2px solid color-mix(in oklch,var(--g-accent) 20%,transparent);color:var(--g-ink)}.memory-card.matched .memory-card-back{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 12%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .12) c h)}.ordering-prompt{color:var(--g-ink);text-wrap:balance}.ordering-item{padding:14px 16px;font-weight:650}.ordering-item.dragging{opacity:.75;transform:scale(1.04) rotate(-.4deg);box-shadow:0 16px 32px -14px color-mix(in oklch,var(--g-accent) 55%,transparent)}.ordering-item.correct{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 12%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .12) c h)}.ordering-item.wrong{border-color:var(--g-danger);background:color-mix(in oklch,var(--g-danger) 10%,var(--g-surface))}.order-drop-indicator{background:var(--g-accent);box-shadow:0 0 10px color-mix(in oklch,var(--g-accent) 60%,transparent);border-radius:2px}.dd-board{background:var(--g-surface-2) center/contain no-repeat;border:1px solid color-mix(in oklch,var(--g-accent) 14%,transparent);box-shadow:inset 0 1px color-mix(in oklch,white 50%,transparent)}.dd-zone{border:2px dashed color-mix(in oklch,var(--g-accent) 38%,transparent);background:color-mix(in oklch,var(--g-surface) 70%,transparent);color:var(--g-ink-dim)}.dd-zone.filled{border-style:solid;border-color:var(--g-accent);background:color-mix(in oklch,var(--g-accent) 14%,var(--g-surface));color:var(--g-accent-deep)}.dd-zone.drag-over{border-color:var(--g-accent);background:color-mix(in oklch,var(--g-accent) 22%,var(--g-surface));transform:scale(1.02)}.dd-zone.correct{border-color:var(--g-success);background:color-mix(in oklch,var(--g-success) 16%,var(--g-surface));color:oklch(from var(--g-success) calc(l - .12) c h)}.dd-zone.wrong{border-color:var(--g-danger);background:color-mix(in oklch,var(--g-danger) 14%,var(--g-surface))}.dd-panel{background:color-mix(in oklch,var(--g-accent) 5%,var(--g-surface-2));border:1px solid color-mix(in oklch,var(--g-accent) 14%,transparent);border-radius:14px}.dd-chip{padding:9px 16px;font-weight:650}.wb-hint{color:var(--g-ink-dim)}.wb-slot{border-bottom:3px solid color-mix(in oklch,var(--g-accent) 35%,transparent);color:var(--g-ink);position:relative}.wb-slot:after{content:"";position:absolute;inset:auto 0 -3px 0;height:3px;background:var(--g-accent);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--g-spring);border-radius:2px}.wb-slot:has(.wb-letter):after{transform:scaleX(1)}.wb-line.correct .wb-slot{border-color:var(--g-success);color:oklch(from var(--g-success) calc(l - .12) c h)}.wb-line.wrong .wb-slot{border-color:var(--g-danger)}.wb-tile{width:48px;height:48px;font-size:19px;font-weight:800;background:var(--g-surface);border:2px solid color-mix(in oklch,var(--g-accent) 22%,transparent)}.wb-tile:hover:not(.used){border-color:var(--g-accent);background:color-mix(in oklch,var(--g-accent) 8%,var(--g-surface));transform:translateY(-2px)}.wb-tile.used{opacity:.22}.fill-submit,.ordering-submit,.dd-submit,.wb-submit{background:linear-gradient(180deg in oklch,oklch(from var(--g-accent) calc(l + .06) c h),var(--g-accent));color:#fff;border:none;padding:11px 22px;border-radius:12px;font-weight:800;letter-spacing:.01em;box-shadow:inset 0 1px color-mix(in oklch,white 50%,transparent),0 10px 22px -12px color-mix(in oklch,var(--g-accent) 80%,transparent);transition:transform .16s var(--g-spring),filter .18s ease}.fill-submit:hover,.ordering-submit:hover,.dd-submit:hover,.wb-submit:hover{transform:translateY(-1px);filter:brightness(1.05)}.fill-submit:active,.ordering-submit:active,.dd-submit:active,.wb-submit:active{transform:translateY(0) scale(.98)}.wb-back{background:var(--g-surface-2);color:var(--g-ink-dim);border:1px solid color-mix(in oklch,var(--g-accent) 18%,transparent);transition:background .16s ease,color .16s ease}.wb-back:hover{background:var(--g-surface);color:var(--g-ink)}.akt-panel{background:light-dark(white,oklch(22% .02 270));border:1px solid light-dark(oklch(92% .01 270),oklch(30% .02 270));border-bottom:none;box-shadow:0 -12px 40px -12px #0003,inset 0 1px color-mix(in oklch,white 35%,transparent)}.akt-header{border-color:color-mix(in oklch,currentColor 10%,transparent)}.akt-title{text-wrap:balance}.akt-row{transition:background .16s ease,transform .16s cubic-bezier(.34,1.56,.64,1)}.akt-row:hover{transform:translate(2px)}.akt-play{background:linear-gradient(180deg,#718fff,#4f69d7);background:linear-gradient(180deg,color(xyz 0.348 0.304 0.996),#4f69d7);box-shadow:0 6px 14px -8px #4f69d799}.akt-play:hover{filter:brightness(1.06)}.results-card{background:var(--g-surface);border:1px solid color-mix(in oklch,var(--g-accent) 16%,transparent);box-shadow:0 30px 80px -30px color-mix(in oklch,var(--g-accent) 60%,transparent),inset 0 1px color-mix(in oklch,white 45%,transparent);padding:36px 44px;max-width:420px}.results-message{color:var(--g-ink);text-wrap:balance}.results-score{background:linear-gradient(180deg in oklch,var(--g-accent),oklch(from var(--g-accent) calc(l - .15) c h));-webkit-background-clip:text;background-clip:text;color:transparent}.results-meta{color:var(--g-ink-dim)}.results-btn{transition:transform .16s cubic-bezier(.34,1.56,.64,1),filter .18s ease}.results-btn-replay{background:linear-gradient(180deg in oklch,oklch(from var(--g-accent) calc(l + .06) c h),var(--g-accent));color:#fff;box-shadow:0 10px 22px -12px color-mix(in oklch,var(--g-accent) 70%,transparent)}.results-btn-replay:hover{transform:translateY(-1px);filter:brightness(1.05)}.results-btn-close{background:var(--g-surface-2);color:var(--g-ink-dim);border:1px solid color-mix(in oklch,var(--g-accent) 16%,transparent)}.results-btn-close:hover{color:var(--g-ink)}.game-area{container-type:inline-size}@container (width < 520px){.quiz-options,.matching-root{grid-template-columns:1fr}.matching-root{gap:20px}.results-card{padding:28px 24px}}@media(prefers-reduced-motion:reduce){#game-overlay *,.akt-panel *{animation-duration:1ms!important;transition-duration:1ms!important}}[data-low-power="1"] #game-overlay *,[data-low-power="1"] .akt-panel *{animation-duration:1ms!important;transition-duration:1ms!important}.tree-root{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1000px;margin-inline:auto}.tree-tree{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px;background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.tree-branch{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:180px}.tree-children{display:flex;gap:8px;padding-inline-start:12px;border-inline-start:2px dashed var(--border-medium)}.tree-bucket{display:flex;flex-direction:column;background:color-mix(in oklab,var(--brand-primary) 5%,var(--bg-surface));border:1px solid var(--border-medium);border-radius:var(--radius-sm);overflow:hidden}.tree-bucket-label{padding:6px 10px;font-weight:700;background:color-mix(in oklab,var(--brand-primary) 15%,transparent);font-size:13px}.tree-bucket-drop{min-height:56px;padding:6px;display:flex;flex-wrap:wrap;gap:4px;transition:background .12s ease}.tree-bucket-drop.drag-over{background:color-mix(in oklab,var(--brand-primary) 20%,transparent)}.tree-pool-wrap{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.tree-pool-label{font-size:12px;color:var(--text-secondary);font-weight:600}.tree-pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:64px}.tree-item{padding:6px 12px;background:var(--bg-surface);border:2px solid var(--border-medium);border-radius:var(--radius-sm);font-weight:600;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.tree-item img{max-height:28px;width:auto}.tree-item.dragging{opacity:.5}.tree-item.placed{cursor:default;background:color-mix(in oklab,#16A34A 15%,var(--bg-surface));border-color:#16a34a}.cw-root{display:grid;grid-template-columns:auto 1fr;gap:20px;width:100%;max-width:1100px;margin-inline:auto;align-items:start}.cw-grid-wrap{padding:8px;background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.cw-grid{display:grid;gap:2px}.cw-cell{position:relative;width:36px;height:36px;border:1px solid var(--border-medium);background:var(--bg-surface)}.cw-cell.cw-block{background:var(--text-primary);border-color:var(--text-primary)}.cw-cell.cw-highlight{background:color-mix(in oklab,var(--brand-primary) 20%,var(--bg-surface))}.cw-cell.cw-solved{background:color-mix(in oklab,#16A34A 25%,var(--bg-surface))}.cw-cell input{width:100%;height:100%;text-align:center;border:0;background:transparent;font-weight:700;font-size:16px;text-transform:uppercase;outline:none;color:var(--text-primary)}.cw-cell input:focus{background:color-mix(in oklab,var(--brand-primary) 12%,transparent)}.cw-num{position:absolute;top:1px;inset-inline-start:2px;font-size:9px;font-weight:700;color:var(--text-secondary);pointer-events:none}.cw-clues{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cw-clue-col{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;max-height:420px;overflow:auto}.cw-clue-col h4{margin:0 0 6px;font-size:13px;color:var(--text-primary)}.cw-clue-list{list-style-position:inside;padding:0;margin:0;font-size:13px;line-height:1.4}.cw-clue-list li{padding:4px 6px;border-radius:4px;cursor:pointer}.cw-clue-list li:hover{background:color-mix(in oklab,var(--brand-primary) 10%,transparent)}.cw-clue-list li.active{background:color-mix(in oklab,var(--brand-primary) 18%,transparent);font-weight:600}.cw-clue-list li.solved{color:var(--text-secondary);text-decoration:line-through}@container (width < 720px){.cw-root,.cw-clues{grid-template-columns:1fr}}.lh-root{display:grid;grid-template-columns:auto 1fr;gap:24px;width:100%;max-width:980px;margin-inline:auto;align-items:start}.lh-grid-wrap{padding:18px;background:linear-gradient(135deg,color-mix(in oklab,var(--brand-primary) 6%,var(--bg-panel)),color-mix(in oklab,#4ECFF6 6%,var(--bg-panel)));border-radius:18px;border:1px solid var(--border-subtle);box-shadow:0 12px 32px -16px #364ba759,0 2px 6px #0000000f}.lh-grid{display:grid;gap:4px;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.lh-cell{width:38px;height:38px;display:grid;place-items:center;font-weight:800;font-size:17px;background:var(--bg-surface);border:2px solid var(--border-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none}.lh-cell:hover{transform:scale(1.06);border-color:var(--brand-primary);z-index:1}.lh-cell.selecting{background:linear-gradient(135deg,#6483ff,#7c6dff,#904eff);background:linear-gradient(135deg,color(xyz 0.334 0.258 1.153),color(xyz 0.331 0.221 1.067),color(xyz 0.327 0.186 0.985));border-color:#5537eb;color:#fff;transform:scale(1.1);box-shadow:0 8px 18px #614afc73;z-index:2}.lh-cell.found{--_h: var(--lh-found-hue, 145);background:linear-gradient(135deg,oklch(70% .18 var(--_h)),oklch(60% .21 var(--_h)));border-color:oklch(45% .22 var(--_h));color:#fff;text-shadow:0 1px 2px oklch(20% .1 var(--_h) / .4);box-shadow:0 4px 12px oklch(50% .22 var(--_h) / .4)}.lh-cell.found.selecting{background:linear-gradient(135deg,#6483ff,#7c6dff,#904eff);background:linear-gradient(135deg,color(xyz 0.334 0.258 1.153),color(xyz 0.331 0.221 1.067),color(xyz 0.327 0.186 0.985));border-color:#5537eb}.lh-words{background:linear-gradient(160deg,color-mix(in oklab,var(--brand-primary) 6%,var(--bg-panel)),color-mix(in oklab,#4ECFF6 4%,var(--bg-panel)));border:1px solid var(--border-subtle);border-radius:16px;padding:16px 16px 18px;box-shadow:0 12px 32px -16px #364ba74d,0 2px 6px #0000000d;min-width:220px}.lh-words-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px dashed color-mix(in oklab,var(--brand-primary) 25%,transparent)}.lh-words-icon{font-size:22px;filter:drop-shadow(0 2px 4px oklch(50% .2 270 / .3))}.lh-words h4{margin:0;flex:1;font-size:15px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--text-primary)}.lh-words-count{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#6483ff,#7c6dff,#904eff);background:linear-gradient(135deg,color(xyz 0.334 0.258 1.153),color(xyz 0.331 0.221 1.067),color(xyz 0.327 0.186 0.985));color:#fff;box-shadow:0 4px 10px #614afc59;letter-spacing:.3px}.lh-word-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lh-word-list li{--_h: var(--lh-found-hue, 270);font-size:15px;font-weight:800;padding:11px 14px 11px 38px;background:var(--bg-surface);border:2px solid var(--border-medium);border-radius:12px;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;transition:transform .24s cubic-bezier(.34,1.56,.64,1),background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease,text-decoration-color .24s ease;position:relative;overflow:hidden}.lh-word-list li:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--bg-surface);border:2px solid color-mix(in oklab,var(--brand-primary) 50%,var(--border-medium));box-shadow:inset 0 0 0 2px var(--bg-surface);transition:all .24s cubic-bezier(.34,1.56,.64,1)}.lh-word-list li.found{background:linear-gradient(135deg,oklch(72% .18 var(--_h)),oklch(60% .22 var(--_h)));border-color:oklch(45% .22 var(--_h));color:#fff;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ffffffb3;box-shadow:0 6px 16px oklch(50% .22 var(--_h) / .4),inset 0 1px #fff3;animation:lh-li-pop .38s cubic-bezier(.34,1.56,.64,1)}.lh-word-list li.found:before{content:"✓";width:20px;height:20px;background:#fffffff2;border-color:transparent;color:oklch(45% .22 var(--_h));display:grid;place-items:center;font-size:14px;font-weight:900;box-shadow:0 2px 6px oklch(20% .05 var(--_h) / .3)}.lh-word-list li.found:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,oklch(100% 0 0 / .25) 50%,transparent 70%);transform:translate(-100%);animation:lh-li-shine .7s ease-out 80ms;pointer-events:none}@keyframes lh-li-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes lh-li-shine{to{transform:translate(120%)}}@container (width < 640px){.lh-root{grid-template-columns:1fr}.lh-cell{width:34px;height:34px;font-size:15px}.lh-words{min-width:0}}.paint-root{display:flex;flex-direction:column;gap:12px;inline-size:100%;max-inline-size:960px;margin-inline:auto}.paint-stage{position:relative;inline-size:100%;aspect-ratio:4/3;background:var(--bg-panel) center/contain no-repeat;border-radius:var(--radius-md);border:1px solid var(--border-medium);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.06))}.paint-region{position:absolute;background:transparent;border:2px solid color-mix(in oklab,var(--brand-primary) 0%,transparent);border-radius:4px;cursor:pointer;transition:border-color .12s ease,background-color .2s ease;container-type:size;container-name:paint-region;display:grid;place-items:center}.paint-region:hover{border-color:color-mix(in oklab,var(--brand-primary) 70%,transparent)}.paint-region.correct{border-color:color-mix(in oklab,#16A34A 90%,transparent);border-style:solid}.paint-region.glowing{--paint-glow-color: var(--brand-primary);border-color:color-mix(in oklab,var(--paint-glow-color) 75%,transparent);animation:paint-region-pulse 2s ease-in-out infinite;z-index:1}@keyframes paint-region-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--paint-glow-color) 35%,transparent),0 0 12px 2px color-mix(in oklab,var(--paint-glow-color) 25%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--paint-glow-color) 18%,transparent),0 0 20px 6px color-mix(in oklab,var(--paint-glow-color) 38%,transparent)}}@media(prefers-reduced-motion:reduce){.paint-region.glowing{animation:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--paint-glow-color) 22%,transparent),0 0 14px 4px color-mix(in oklab,var(--paint-glow-color) 30%,transparent)}}.paint-region-label{pointer-events:none;font-weight:700;font-size:clamp(10px,14cqi,22px);line-height:1.1;text-align:center;letter-spacing:.2px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:92%}@container paint-region (width < 60px){.paint-region-label{display:none}}@container paint-region (width < 110px){.paint-region-label{font-size:clamp(9px,12cqi,14px);padding:1px 4px}}.paint-palette{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px;background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.paint-swatch{inline-size:38px;block-size:38px;border-radius:50%;border:3px solid color-mix(in oklab,var(--text-primary) 8%,transparent);cursor:pointer;padding:0;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.1)),inset 0 0 0 1px color-mix(in oklab,var(--text-primary) 12%,transparent);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.paint-swatch:hover{transform:scale(1.1)}.paint-swatch:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-primary) 40%,transparent)}.paint-swatch.selected{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-primary) 30%,transparent)}@container (width < 480px){.paint-swatch{inline-size:32px;block-size:32px;border-width:2px}}.input-root{display:grid;place-items:center;padding:16px;width:100%}.input-card{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.input-image{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;margin-inline:auto}.input-prompt{font-size:18px;font-weight:700;color:var(--text-primary);text-align:center}.input-hint{font-size:13px;color:var(--text-secondary);text-align:center;font-style:italic}.input-field{width:100%;padding:12px 14px;font-size:18px;text-align:center;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);outline:none}.input-field:focus{border-color:var(--brand-primary)}.input-feedback{min-height:22px;text-align:center;font-weight:700;font-size:14px}.input-feedback.correct{color:#16a34a}.input-feedback.wrong{color:var(--color-danger, #c00)}.input-actions{display:flex;gap:8px;justify-content:center}.input-submit,.input-skip{padding:10px 20px;border-radius:var(--radius-sm);font-weight:700;border:2px solid var(--border-medium);background:var(--bg-surface);cursor:pointer;color:var(--text-primary)}.input-submit{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.input-submit:hover{filter:brightness(1.05)}@keyframes gf-pulse-correct-kf{0%{transform:scale(1);box-shadow:0 0 #16a34a8c}50%{transform:scale(1.07);box-shadow:0 0 0 10px #16a34a00}to{transform:scale(1);box-shadow:0 0 #16a34a00}}.gf-pulse-correct{animation:gf-pulse-correct-kf .36s ease-out;outline:2px solid #16A34A;outline-offset:2px}@keyframes gf-shake-wrong-kf{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.gf-shake-wrong{animation:gf-shake-wrong-kf .44s ease-in-out;outline:2px solid var(--color-danger, #B91C1C);outline-offset:2px}.gf-glow-target{box-shadow:0 0 0 3px #6c4ef673,0 0 18px 6px #6c4ef640;transition:box-shadow .12s ease-out}.gf-tilt{transform:rotate(5deg) translateY(-2px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.18));transition:transform 80ms ease-out,filter 80ms ease-out}@keyframes gf-bounce-kf{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.gf-bounce{animation:gf-bounce-kf .32s ease-out}@keyframes gf-hint-kf{0%{box-shadow:0 0 #f59e0b99}60%{box-shadow:0 0 0 12px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.gf-hint-sparkle{animation:gf-hint-kf .5s ease-out}@keyframes gf-celebrate-flash-kf{0%,to{background-color:transparent}50%{background-color:#f59e0b2e}}.gf-celebrate-flash{animation:gf-celebrate-flash-kf .6s ease-in-out}.gf-celebrate-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.gf-confetti{position:absolute;top:50%;left:50%;width:8px;height:14px;background:var(--gf-c, #6C4EF6);transform:translate(-50%,-50%) rotate(0);animation:gf-confetti-kf var(--gf-d, .9s) cubic-bezier(.14,.78,.42,1) forwards;border-radius:1px}@keyframes gf-confetti-kf{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--gf-x, 0px)),calc(-50% + 280px)) rotate(var(--gf-r, 360deg));opacity:0}}@media(prefers-reduced-motion:reduce){.gf-pulse-correct,.gf-shake-wrong,.gf-bounce,.gf-hint-sparkle{animation:none}.gf-tilt{transform:none}.gf-confetti{display:none}}[data-low-power="1"] .gf-pulse-correct,[data-low-power="1"] .gf-shake-wrong,[data-low-power="1"] .gf-bounce,[data-low-power="1"] .gf-hint-sparkle{animation:none}[data-low-power="1"] .gf-tilt{transform:none}[data-low-power="1"] .gf-confetti{display:none}.gc-wrap{position:absolute;left:12px;bottom:12px;width:96px;height:96px;z-index:50;pointer-events:none;display:flex;align-items:flex-end}.gc-svg{width:96px;height:96px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}@keyframes gc-pop-in-kf{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.gc-pop-in .gc-svg{animation:gc-pop-in-kf .35s cubic-bezier(.34,1.56,.64,1)}@keyframes gc-blink-kf{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.gc-watching .gc-eye-l,.gc-watching .gc-eye-r{transform-origin:center;animation:gc-blink-kf 7s infinite}.gc-thinking .gc-svg{transform:rotate(-6deg);transition:transform .25s ease-out}@keyframes gc-wobble-kf{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.gc-encouraging .gc-svg{animation:gc-wobble-kf .8s ease-in-out 1}@keyframes gc-celebrate-kf{0%,to{transform:translateY(0)}35%{transform:translateY(-12px)}70%{transform:translateY(0)}}.gc-celebrating .gc-svg{animation:gc-celebrate-kf .7s ease-out 1}.gc-hint-giving .gc-wing-r{transform:rotate(-25deg);transform-origin:74px 60px;transition:transform .2s}.gc-zzz{opacity:0;transition:opacity .25s}.gc-sleeping .gc-zzz{opacity:1}.gc-sleeping .gc-eye-l,.gc-sleeping .gc-eye-r{transform:scaleY(.1);transform-origin:center}.gc-sleeping .gc-pupil{opacity:0}.gc-speech{position:absolute;left:92px;bottom:60px;background:#fff;color:#1f2937;border:1px solid var(--border-light, #e5e7eb);border-radius:12px;padding:6px 10px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0000001f;pointer-events:none;animation:gc-pop-in-kf .25s ease-out}.gc-speech:before{content:"";position:absolute;left:-6px;bottom:10px;border:6px solid transparent;border-right-color:#fff}@media(prefers-reduced-motion:reduce){.gc-watching .gc-eye-l,.gc-watching .gc-eye-r,.gc-encouraging .gc-svg,.gc-celebrating .gc-svg,.gc-pop-in .gc-svg{animation:none}}[data-low-power="1"] .gc-watching .gc-eye-l,[data-low-power="1"] .gc-watching .gc-eye-r,[data-low-power="1"] .gc-encouraging .gc-svg,[data-low-power="1"] .gc-celebrating .gc-svg,[data-low-power="1"] .gc-pop-in .gc-svg{animation:none}.gi-wrap{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(180deg,rgba(108,78,246,.06) 0%,transparent 100%);border-bottom:1px solid var(--border-light, #e5e7eb)}.gi-narrate{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-medium, #d1d5db);background:#fff;cursor:pointer;font-size:16px;display:grid;place-items:center;transition:transform .12s ease-out,background-color .12s ease-out}.gi-narrate:hover{background:var(--brand-primary, #6C4EF6);color:#fff;transform:scale(1.05)}.gi-narrate.gi-playing{background:var(--brand-primary, #6C4EF6);color:#fff;animation:gi-pulse-kf 1.4s ease-in-out infinite}@keyframes gi-pulse-kf{0%,to{box-shadow:0 0 #6c4ef666}50%{box-shadow:0 0 0 8px #6c4ef600}}.gi-text{flex:1 1 auto;font-size:14px;font-weight:500;color:var(--text-primary, #111827);line-height:1.4}@media(prefers-reduced-motion:reduce){.gi-narrate.gi-playing{animation:none}}[data-low-power="1"] .gi-narrate.gi-playing{animation:none}.dd-root.dd-canvas{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;box-sizing:border-box;max-inline-size:min(1400px,98vw);inline-size:100%;margin-inline:auto}.dd-canvas-scene{position:relative;flex:none;align-self:center;inline-size:100%;background-color:var(--bg-panel-subtle, #f9fafb);border-radius:12px;border:1px solid var(--border-light, #e5e7eb);overflow:hidden}.dd-canvas-scene-img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dd-canvas-scene--placeholder{display:grid;place-items:center;color:var(--text-muted, #9ca3af);font-style:italic;font-size:14px}.dd-canvas-hotspot{position:absolute;border-radius:6px;pointer-events:none;border:2px dashed rgba(108,78,246,.35);background:#6c4ef60a;transition:background-color .12s ease-out,border-color .12s ease-out}.dd-canvas-tray{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:var(--bg-panel-subtle, #f9fafb);border-radius:12px;border:1px solid var(--border-light, #e5e7eb);align-items:center;justify-content:center;container:dd-tray / inline-size}.dd-canvas-sticker{flex:0 0 var(--dd-tile-w, 200px);inline-size:var(--dd-tile-w, 200px);block-size:var(--dd-tile-h, 150px);aspect-ratio:auto;border-radius:12px;background:#fff;border:1px solid var(--border-medium, #d1d5db);display:grid;place-items:center;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:box-shadow .12s ease-out,transform .12s ease-out;padding:6px;box-sizing:border-box}.dd-canvas-sticker:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.dd-canvas-sticker:active{cursor:grabbing}.dd-canvas-sticker img{inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none}.dd-canvas-sticker--placed img{-o-object-fit:contain;object-fit:contain}.dd-canvas-sticker--text{font-size:12px;font-weight:600;color:var(--text-primary, #111827);padding:4px 8px;text-align:center}.dd-canvas-sticker--wrong{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262673!important;animation:dd-wrong-shake .4s ease-in-out}@keyframes dd-wrong-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dd-canvas-sticker--placed{cursor:default;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a40;position:absolute!important;inset-inline-start:var(--dd-placed-x, 0)!important;inset-block-start:var(--dd-placed-y, 0)!important;inline-size:var(--dd-placed-w, auto)!important;block-size:var(--dd-placed-h, auto)!important;flex:none!important;aspect-ratio:auto!important;min-inline-size:0!important;min-block-size:0!important;padding:0!important}button,[role=button],.akt-card,.gam-tile,.aktivite-tile,.tool-btn,.swatch,.color-swatch,.size-dot,.preset,.match-card,.ordering-item,.cw-cell,.tree-item,.dd-zone,.dd-chip{touch-action:manipulation}[draggable=true]{touch-action:none;-webkit-user-drag:element}.dd-zone,.dd-canvas-sticker,.tree-bucket-drop,.game-board{touch-action:none}.toc-list,.akt-body,.game-area,.cw-clue-col,.shortcuts-dialog__body,.timer-tab-body,.tool-panel__scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch}.canvas-area,.canvas-area canvas,.canvas-area img,button,[role=button]{-webkit-touch-callout:none}.touch-drag-ghost{pointer-events:none!important;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media(pointer:coarse){:where(.bottom-strip button,.tool-panel button,.akt-card,.tool-btn){min-block-size:44px;min-inline-size:44px}:where(button,[role=button]){--focus-ring-width: 3px}}body[data-screen=smartboard] :where(button,[role=button]){min-block-size:56px;min-inline-size:56px}.toast,.tooltip,.pill,.page-indicator,.network-banner,.video-popover,.audio-popover{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(pointer:coarse){input,textarea,select{font-size:max(16px,1em)!important}}.canvas-area img,.gam-tile img,.game-item img,.dd-chip img,.match-card img,.tree-item img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.canvas-area,.viewer-root,#viewer-root{overscroll-behavior:contain}@supports not (color: light-dark(red,blue)){.shop-drawer,.sd-shop,.sd-card,.sd-card-active,.sd-tab{background:var(--bg-panel, #FFFFFF);color:var(--text-primary, #1A1712)}[data-theme=dark] .shop-drawer,[data-theme=dark] .sd-shop,[data-theme=dark] .sd-card,[data-theme=dark] .sd-card-active,[data-theme=dark] .sd-tab{background:#171717;color:#fafafa}}@supports not (color: oklch(0% 0 0)){.top-bar{background:var(--bg-panel, #FFFFFF)!important;border-bottom:1px solid var(--border-light, #EDE9E3)!important}.tool-panel{background:var(--bg-panel, #FFFFFF)!important;border:1px solid var(--border-light, #EDE9E3)!important;box-shadow:0 4px 16px #3c322814,0 2px 6px #3c32280a!important}.bottom-strip{background:var(--bg-panel, #FFFFFF)!important;border-top:1px solid var(--border-light, #EDE9E3)!important;box-shadow:none!important}.book-title-pill{background:var(--bg-panel-subtle, #F7F5F2)!important;border:1px solid var(--border-light, #EDE9E3)!important;box-shadow:0 2px 8px #3c322812!important}#cevap-panel{background:var(--bg-panel, #FFFFFF)!important;border:1px solid var(--border-light, #EDE9E3)!important;box-shadow:0 4px 16px #3c322814,0 2px 6px #3c32280a!important}#cevap-btn.active{box-shadow:0 6px 18px -6px #6c4ef680,inset 0 0 0 2px #6c4ef640!important}.tool-btn:hover:not(.active):not([aria-pressed=true]){background:var(--bg-hover, #F7F5F2)!important;border-color:var(--border-light, #EDE9E3)!important}.tool-btn.active,.tool-btn[aria-pressed=true]{background:linear-gradient(135deg,#6c4ef62e,#6c4ef614)!important;border-color:#6c4ef680!important;box-shadow:0 4px 14px -6px #6c4ef673,inset 0 0 0 1px #6c4ef640!important}.tool-btn:focus-visible{outline:2px solid var(--brand-primary, #6C4EF6)!important;outline-offset:2px!important}.strip-nav-btn:hover,.page-nav-btn:hover,.apps-btn:hover,.view-single-btn:hover{background:var(--bg-hover, #F7F5F2)!important;color:var(--brand-primary, #6C4EF6)!important}.strip-nav-btn:focus-visible,.page-nav-btn:focus-visible,.apps-btn:focus-visible,.view-single-btn:focus-visible{outline:2px solid var(--brand-primary, #6C4EF6)!important;outline-offset:2px!important}.thumbnail-item[aria-current=page],.thumbnail-item.is-active{outline:3px solid var(--brand-primary, #6C4EF6)!important;outline-offset:2px!important;box-shadow:0 0 0 6px #6c4ef61f,0 6px 18px -8px #6c4ef666!important}.settings-row:hover{background:var(--bg-hover, #F7F5F2)!important;border-radius:var(--radius-sm, 8px)!important}.answer-btn{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,var(--book-btn-color, #6E2BC4),#54219C)!important;box-shadow:0 2px 6px -2px #6e2bc499,0 10px 24px -8px #6e2bc48c,inset 0 1px #ffffff59,inset 0 -2px 6px #0000001f!important;color:#fff!important}.answer-btn:hover{box-shadow:0 4px 10px -2px #6e2bc4b3,0 18px 32px -10px #6e2bc4a6,inset 0 1px #ffffff80,inset 0 -2px 8px #00000026!important}.answer-btn:after{border:1.5px solid rgba(110,43,196,.3)!important}.answer-btn.revealed{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,var(--book-btn-color, #16A34A),#0F7A36)!important}.answer-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--book-btn-color, #6E2BC4),0 10px 24px -8px #6e2bc48c!important}.audio-btn{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,var(--book-btn-color, #3B82F6),#1D4ED8)!important;box-shadow:0 2px 6px -2px #1d4ed899,0 10px 24px -8px #1d4ed88c,inset 0 1px #ffffff59!important;color:#fff!important}.video-btn{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,var(--book-btn-color, #EC4899),#BE185D)!important;box-shadow:0 2px 6px -2px #be185d99,0 10px 24px -8px #be185d8c,inset 0 1px #ffffff59!important;color:#fff!important}.audio-btn:focus-visible,.video-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px currentColor!important}.magnifier-btn{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.32),transparent 55%),var(--book-btn-color, var(--brand-primary, #6C4EF6))!important;border:2px solid rgba(255,255,255,.7)!important;box-shadow:0 2px 6px -2px #6c4ef699,0 10px 24px -8px #6c4ef68c,inset 0 1px #ffffff59!important;color:#fff!important}.magnifier-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--book-btn-color, var(--brand-primary, #6C4EF6))!important}.game-trigger-btn{filter:drop-shadow(0 4px 10px rgba(22,163,74,.45))!important}.game-trigger-btn .gtb-halo{background:#16a34a38!important}.game-trigger-btn .gtb-circle{background:radial-gradient(circle at 35% 30%,#5FD684 0%,var(--book-btn-color, #16A34A) 60%,#0F7A36 100%)!important;box-shadow:inset 0 1px #ffffff59,0 1px #0000000d!important}.audio-popover-play{background:#3b82f6!important}.audio-popover-seek{accent-color:#3B82F6!important}.video-popover-link{background:#ec4899!important}.viewer-exit-card{background:var(--bg-panel, #FFFFFF)!important;border:1.5px solid var(--border-light, #EDE9E3)!important}.akt-panel{background:var(--bg-panel, #FFFFFF)!important;border:1px solid var(--border-light, #EDE9E3)!important;border-bottom:none!important;box-shadow:0 -12px 40px -12px #0003!important}.akt-header{border-color:#0000001a!important}.akt-play{background:linear-gradient(180deg,#7c6cf8,#5538d6)!important;box-shadow:0 6px 14px -8px #5538d699!important}.scrim,.modal-backdrop,.ab-scrim{background:#00000059!important}#game-overlay{--g-accent: #6C4EF6;--g-accent-deep: #5538D6;--g-surface: #FFFFFF;--g-surface-2: #F7F5F2;--g-ink: #1A1712;--g-ink-dim: #7A7268;--g-ring: rgba(108, 78, 246, .35);--g-success: #16A34A;--g-danger: #DC2626;--g-spring: cubic-bezier(.34, 1.56, .64, 1);background:radial-gradient(1200px 600px at 20% -10%,rgba(108,78,246,.18),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(85,56,214,.14),transparent 55%),var(--bg-app, #FDFCFB)!important}#game-overlay:has(.game-type-badge[data-type=multiple_choice]){--g-accent: #3970EB;--g-accent-deep: #1A44A0;--g-ring: rgba(57, 112, 235, .35)}#game-overlay:has(.game-type-badge[data-type=fill_blank]){--g-accent: #1EB692;--g-accent-deep: #147565;--g-ring: rgba(30, 182, 146, .35)}#game-overlay:has(.game-type-badge[data-type=memory]){--g-accent: #DBA142;--g-accent-deep: #9A6E1C;--g-ring: rgba(219, 161, 66, .35)}#game-overlay:has(.game-type-badge[data-type=ordering]){--g-accent: #DF744F;--g-accent-deep: #9C4F37;--g-ring: rgba(223, 116, 79, .35)}#game-overlay:has(.game-type-badge[data-type=drag_drop]){--g-accent: #DF5380;--g-accent-deep: #9B3A59;--g-ring: rgba(223, 83, 128, .35)}#game-overlay:has(.game-type-badge[data-type=word_builder]){--g-accent: #5B9C2C;--g-accent-deep: #3F6C1E;--g-ring: rgba(91, 156, 44, .35)}#game-overlay:has(.game-type-badge[data-type=matching]){--g-accent: #A04BCC;--g-accent-deep: #6B2D8B;--g-ring: rgba(160, 75, 204, .35)}.game-header{background:var(--g-surface, #FFFFFF)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.game-type-badge{background:#6c4ef624!important;color:var(--g-accent-deep, #5538D6)!important;border:1px solid rgba(108,78,246,.25)!important}.game-title{color:var(--g-ink, #1A1712)!important}.game-timer{color:var(--g-ink-dim, #7A7268)!important}.game-timer.urgent{color:var(--g-danger, #DC2626)!important}.game-score{color:var(--g-ink, #1A1712)!important}.game-close-btn,.game-mute-btn{background:var(--g-surface-2, #F7F5F2)!important;border-color:#0000001a!important;color:var(--g-ink-dim, #7A7268)!important}.game-close-btn:focus-visible,.game-mute-btn:focus-visible{outline:2px solid var(--g-accent, #6C4EF6)!important;outline-offset:2px!important}.game-close-btn:hover{background:#dc262624!important;color:var(--g-danger, #DC2626)!important}.game-exit-btn{background:var(--g-accent, #6C4EF6)!important;border-color:var(--g-accent-deep, #5538D6)!important;color:#fff!important}.game-exit-btn:hover{background:var(--g-accent-deep, #5538D6)!important}.match-card,.quiz-option,.ordering-item,.dd-chip,.fill-chip,.wb-tile{background:var(--g-surface, #FFFFFF)!important;border:1.5px solid rgba(0,0,0,.08)!important;color:var(--g-ink, #1A1712)!important;box-shadow:inset 0 1px #ffffff80,0 6px 14px -10px #0000002e!important}.match-card:hover,.quiz-option:hover:not(.correct):not(.wrong),.ordering-item:hover:not(.correct):not(.wrong),.wb-tile:hover:not(.used){border-color:#6c4ef673!important;background:#6c4ef60f!important;transform:translateY(-1px)}.match-card:focus-visible,.quiz-option:focus-visible,.ordering-item:focus-visible,.wb-tile:focus-visible,.dd-chip:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--g-ring, rgba(108, 78, 246, .35))!important}.match-card.selected{border-color:var(--g-accent, #6C4EF6)!important;background:#6c4ef61f!important;box-shadow:0 10px 24px -10px #6c4ef68c!important}.match-card.correct{border-color:var(--g-success, #16A34A)!important;background:#16a34a24!important;color:#15803d!important}.match-card.wrong,.match-card.wrong-tint{border-color:var(--g-danger, #DC2626)!important;background:#dc26261f!important}.match-check{color:var(--g-success, #16A34A)!important}.quiz-progress{background:#6c4ef61f!important}.quiz-progress-fill{background:linear-gradient(90deg,#8c73f8,#6c4ef6)!important;box-shadow:0 0 12px #6c4ef680!important}.quiz-question{background:var(--g-surface, #FFFFFF)!important;border:1px solid rgba(108,78,246,.14)!important;box-shadow:0 10px 30px -18px #6c4ef680!important}.quiz-q-num{color:var(--g-accent-deep, #5538D6)!important}.quiz-q-text{color:var(--g-ink, #1A1712)!important}.quiz-option.picked{border-color:var(--g-accent, #6C4EF6)!important}.quiz-option.correct{border-color:var(--g-success, #16A34A)!important;background:#16a34a24!important;color:#15803d!important}.quiz-option.wrong{border-color:var(--g-danger, #DC2626)!important;background:#dc26261f!important;color:#b91c1c!important}.quiz-explanation{background:var(--g-surface-2, #F7F5F2)!important;border-color:#6c4ef624!important;color:var(--g-ink-dim, #7A7268)!important}.fill-row{color:var(--g-ink, #1A1712)!important}.fill-input{background:var(--g-surface, #FFFFFF)!important;border:2px solid rgba(108,78,246,.22)!important;color:var(--g-ink, #1A1712)!important}.fill-input:focus{border-color:var(--g-accent, #6C4EF6)!important;box-shadow:0 0 0 4px var(--g-ring, rgba(108, 78, 246, .35))!important}.fill-input.correct{border-color:var(--g-success, #16A34A)!important;background:#16a34a1a!important;color:#15803d!important}.fill-input.wrong{border-color:var(--g-danger, #DC2626)!important;background:#dc26261a!important;color:#b91c1c!important}.fill-bank{background:#6c4ef60f!important;border:1.5px dashed rgba(108,78,246,.3)!important}.memory-card-front{background:radial-gradient(120% 120% at 20% 10%,#8C73F8 0%,var(--g-accent, #6C4EF6) 45%,#4A35B5 100%)!important;border:1px solid rgba(108,78,246,.4)!important;box-shadow:inset 0 1px #fff6,0 8px 18px -10px #6c4ef699!important}.memory-card-back{background:var(--g-surface, #FFFFFF)!important;border:2px solid rgba(108,78,246,.2)!important;color:var(--g-ink, #1A1712)!important}.memory-card.matched .memory-card-back{border-color:var(--g-success, #16A34A)!important;background:#16a34a1f!important;color:#15803d!important}.ordering-prompt{color:var(--g-ink, #1A1712)!important}.ordering-item.correct{border-color:var(--g-success, #16A34A)!important;background:#16a34a1f!important;color:#15803d!important}.ordering-item.wrong{border-color:var(--g-danger, #DC2626)!important;background:#dc26261a!important}.order-drop-indicator{background:var(--g-accent, #6C4EF6)!important;box-shadow:0 0 10px #6c4ef699!important}.dd-board{background:var(--g-surface-2, #F7F5F2) center/contain no-repeat!important;border:1px solid rgba(108,78,246,.14)!important;box-shadow:inset 0 1px #ffffff80!important}.dd-zone{border:2px dashed rgba(108,78,246,.38)!important;background:#fff6!important;color:var(--g-ink-dim, #7A7268)!important}.dd-zone.filled{border-style:solid!important;border-color:var(--g-accent, #6C4EF6)!important;background:#6c4ef624!important;color:var(--g-accent-deep, #5538D6)!important}.dd-zone.drag-over{border-color:var(--g-accent, #6C4EF6)!important;background:#6c4ef638!important}.dd-zone.correct{border-color:var(--g-success, #16A34A)!important;background:#16a34a29!important;color:#15803d!important}.dd-zone.wrong{border-color:var(--g-danger, #DC2626)!important;background:#dc262624!important}.dd-panel{background:#6c4ef60d!important;border:1px solid rgba(108,78,246,.14)!important}.wb-hint{color:var(--g-ink-dim, #7A7268)!important}.wb-slot{border-bottom:3px solid rgba(108,78,246,.35)!important;color:var(--g-ink, #1A1712)!important}.wb-slot:after{background:var(--g-accent, #6C4EF6)!important}.wb-line.correct .wb-slot{border-color:var(--g-success, #16A34A)!important;color:#15803d!important}.wb-line.wrong .wb-slot{border-color:var(--g-danger, #DC2626)!important}.wb-tile{background:var(--g-surface, #FFFFFF)!important;border:2px solid rgba(108,78,246,.22)!important}.wb-tile:hover:not(.used){border-color:var(--g-accent, #6C4EF6)!important;background:#6c4ef614!important}.fill-submit,.ordering-submit,.dd-submit,.wb-submit{background:linear-gradient(180deg,#8C73F8,var(--g-accent, #6C4EF6))!important;color:#fff!important;box-shadow:inset 0 1px #ffffff80,0 10px 22px -12px #6c4ef6cc!important}.wb-back{background:var(--g-surface-2, #F7F5F2)!important;color:var(--g-ink-dim, #7A7268)!important;border:1px solid rgba(108,78,246,.18)!important}.wb-back:hover{background:var(--g-surface, #FFFFFF)!important;color:var(--g-ink, #1A1712)!important}.results-card{background:var(--g-surface, #FFFFFF)!important;border:1px solid rgba(108,78,246,.16)!important;box-shadow:0 30px 80px -30px #6c4ef680,inset 0 1px #ffffff73!important}.results-message{color:var(--g-ink, #1A1712)!important}.results-score{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--g-accent-deep, #5538D6)!important}.results-meta{color:var(--g-ink-dim, #7A7268)!important}.results-btn-replay{background:linear-gradient(180deg,#8C73F8,var(--g-accent, #6C4EF6))!important;color:#fff!important;box-shadow:0 10px 22px -12px #6c4ef6b3!important}.results-btn-close{background:var(--g-surface-2, #F7F5F2)!important;color:var(--g-ink-dim, #7A7268)!important;border:1px solid rgba(108,78,246,.16)!important}.results-btn-close:hover{color:var(--g-ink, #1A1712)!important}.lh-grid-wrap{background:linear-gradient(135deg,#6c4ef60f,#4ecff60f),var(--bg-panel, #FFFFFF)!important;box-shadow:0 12px 32px -16px #6c4ef659,0 2px 6px #0000000f!important}.lh-cell.selecting{background:linear-gradient(135deg,#6c4ef6,#a04bcc)!important;border-color:#4d38b0!important;color:#fff!important;box-shadow:0 8px 18px #5538d673!important}.lh-cell.found{background:linear-gradient(135deg,#5bc07a,#2e9252)!important;border-color:#1f6e3d!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;box-shadow:0 4px 12px #2e925266!important}.lh-cell.found.selecting{background:linear-gradient(135deg,#6c4ef6,#a04bcc)!important;border-color:#4d38b0!important}.lh-words{background:linear-gradient(160deg,#6c4ef60f,#4ecff60a),var(--bg-panel, #FFFFFF)!important;box-shadow:0 12px 32px -16px #6c4ef64d!important}.lh-words-icon{filter:drop-shadow(0 2px 4px rgba(108,78,246,.3))!important}.lh-words-head{border-bottom:2px dashed rgba(108,78,246,.25)!important}.lh-words-count{background:linear-gradient(135deg,#6c4ef6,#a04bcc)!important;color:#fff!important;box-shadow:0 4px 10px #5538d659!important}.lh-word-list li{background:var(--bg-surface, #FFFFFF)!important;border:2px solid var(--border-medium, #DDD8D0)!important;color:var(--text-primary, #1A1712)!important}.lh-word-list li:before{background:var(--bg-surface, #FFFFFF)!important;border:2px solid rgba(108,78,246,.5)!important}.lh-word-list li.found{background:linear-gradient(135deg,#5bc07a,#2e9252)!important;border-color:#1f6e3d!important;color:#fff!important;text-decoration-color:#ffffffb3!important;box-shadow:0 6px 16px #2e925266,inset 0 1px #fff3!important}.lh-word-list li.found:before{background:#fffffff2!important;color:#2e9252!important}.tree-bucket{background:#6c4ef60d!important;border:1px solid var(--border-medium, #DDD8D0)!important}.tree-bucket-label{background:#6c4ef626!important}.tree-bucket-drop.drag-over{background:#6c4ef633!important}.tree-item.placed{background:#16a34a26!important;border-color:#16a34a!important}.cw-cell.cw-highlight{background:#6c4ef633!important}.cw-cell.cw-solved{background:#16a34a40!important}.cw-cell input:focus{background:#6c4ef61f!important}.cw-clue-list li:hover{background:#6c4ef61a!important}.cw-clue-list li.active{background:#6c4ef62e!important}.viewer-text-editor{background:var(--bg-panel, #FFFFFF)!important;border:2px dashed #3B82F6!important;box-shadow:0 10px 30px -10px #00000040,0 0 0 4px #3b82f624!important;caret-color:#3b82f6!important}.viewer-tool-dot{background:#3b82f6!important}.answer-button,.ab-button,.ab-shell{background:var(--brand-500, #6C4EF6)!important;color:#fff!important}.answer-button:hover,.ab-button:hover{background:var(--brand-600, #5538D6)!important}.gam-tile,.game-item{background:var(--bg-panel-subtle, #F7F5F2)!important;color:var(--text-primary, #1A1712)!important}.tool-btn .tool-label,.tool-btn[data-tool] .tool-label{color:#7a7268!important}body.dark .tool-btn .tool-label,body.dark .tool-btn[data-tool] .tool-label,[data-theme=dark] .tool-btn .tool-label,[data-theme=dark] .tool-btn[data-tool] .tool-label{color:#a89f95!important}.tool-btn:hover .tool-label,.tool-btn[data-tool]:hover .tool-label,.tool-btn.active .tool-label,.tool-btn[data-tool].active .tool-label,.tool-btn[aria-pressed=true] .tool-label{color:#6c4ef6!important}body.dark .tool-btn:hover .tool-label,body.dark .tool-btn.active .tool-label,body.dark .tool-btn[aria-pressed=true] .tool-label,[data-theme=dark] .tool-btn:hover .tool-label,[data-theme=dark] .tool-btn.active .tool-label,[data-theme=dark] .tool-btn[aria-pressed=true] .tool-label{color:#a594fa!important}.tool-btn[data-tool=stil] .tool-icon svg,.tool-btn[data-tool=stil] .tool-icon svg *{color:#6c4ef6!important;stroke:#6c4ef6!important}.tool-btn svg,.tool-btn .tool-icon svg{color:#7a7268!important}.tool-btn:hover svg,.tool-btn:hover .tool-icon svg,.tool-btn.active svg,.tool-btn[aria-pressed=true] svg,.tool-btn.active .tool-icon svg{color:#6c4ef6!important}body.dark .tool-btn svg,body.dark .tool-btn .tool-icon svg,[data-theme=dark] .tool-btn svg,[data-theme=dark] .tool-btn .tool-icon svg{color:#a89f95!important}.bottom-strip .strip-nav-btn,.bottom-strip .strip-nav-btn span:not(.book-icon),.strip-nav-btn{color:#7a7268!important}.bottom-strip .strip-nav-btn:hover,.bottom-strip .strip-nav-btn.active,.bottom-strip .strip-nav-btn.tahta-active,.strip-nav-btn:hover,.strip-nav-btn.active,.strip-nav-btn.tahta-active{color:#6c4ef6!important}body.dark .strip-nav-btn,body.dark .bottom-strip .strip-nav-btn,[data-theme=dark] .strip-nav-btn,[data-theme=dark] .bottom-strip .strip-nav-btn{color:#a89f95!important}body.dark .strip-nav-btn:hover,body.dark .strip-nav-btn.active,body.dark .strip-nav-btn.tahta-active,[data-theme=dark] .strip-nav-btn:hover,[data-theme=dark] .strip-nav-btn.active,[data-theme=dark] .strip-nav-btn.tahta-active{color:#a594fa!important}.page-nav-btn,.view-single-btn,.apps-btn,.save-btn,.delete-btn,.icon-btn{color:#7a7268!important}.page-nav-btn:hover,.view-single-btn:hover,.apps-btn:hover,.icon-btn:hover{color:#6c4ef6!important}body.dark .page-nav-btn,body.dark .view-single-btn,body.dark .apps-btn,body.dark .icon-btn,[data-theme=dark] .page-nav-btn,[data-theme=dark] .view-single-btn,[data-theme=dark] .apps-btn,[data-theme=dark] .icon-btn{color:#a89f95!important}#cevap-btn-label,#cevap-switch-label{color:#6e6760!important}body.dark #cevap-btn-label,body.dark #cevap-switch-label,[data-theme=dark] #cevap-btn-label,[data-theme=dark] #cevap-switch-label{color:#a89f95!important}.page-indicator,.page-indicator .page-num{color:#1a1712!important}.page-indicator .book-icon,.page-indicator:hover .page-num{color:#6c4ef6!important}body.dark .page-indicator,body.dark .page-indicator .page-num,[data-theme=dark] .page-indicator,[data-theme=dark] .page-indicator .page-num{color:#f5f1eb!important}.book-title-pill,.top-bar-back,.top-bar-title{color:#1a1712!important}body.dark .book-title-pill,body.dark .top-bar-back,body.dark .top-bar-title,[data-theme=dark] .book-title-pill,[data-theme=dark] .top-bar-back,[data-theme=dark] .top-bar-title{color:#f5f1eb!important}.settings-row,.settings-row>*,.settings-label,.settings-header,.settings-section,.settings-toggle,.popup-title,.popup-content,.user-menu-name,.user-menu-email{color:#1a1712!important}.settings-row .settings-sub,.settings-row .settings-meta,.user-menu-email{color:#7a7268!important}body.dark .settings-row,body.dark .settings-label,body.dark .settings-header,body.dark .popup-title,body.dark .user-menu-name,[data-theme=dark] .settings-row,[data-theme=dark] .settings-label,[data-theme=dark] .settings-header,[data-theme=dark] .popup-title,[data-theme=dark] .user-menu-name{color:#f5f1eb!important}body.dark .user-menu-email,[data-theme=dark] .user-menu-email{color:#a89f95!important}.shortcuts-dialog{--sd-brand: #7C5CF6 !important;--sd-brand-soft: rgba(124, 92, 246, .14) !important;--sd-surface: #FDFCFB !important;--sd-surface-alt: #F5F1EB !important;--sd-fg: #2A2520 !important;--sd-fg-muted: #6B6358 !important;--sd-border: #DDD3C2 !important;background:#fdfcfb!important;color:#2a2520!important;border:1px solid #DDD3C2!important;box-shadow:0 40px 80px -30px #7c5cf666,0 0 0 1px #ddd3c2!important}body.dark .shortcuts-dialog,[data-theme=dark] .shortcuts-dialog{--sd-surface: #28241F !important;--sd-surface-alt: #312D27 !important;--sd-fg: #F5F1EB !important;--sd-fg-muted: #A89F95 !important;--sd-border: #4A4440 !important;background:#28241f!important;color:#f5f1eb!important;border-color:#4a4440!important}.shortcuts-dialog::backdrop{background:#0000008c!important}.shortcuts-dialog .shortcuts-dialog__title{color:#7c5cf6!important}.shortcuts-dialog .shortcuts-dialog__sub,.shortcuts-dialog .shortcuts-dialog__close,.shortcuts-dialog .shortcuts-plus{color:#6b6358!important}.shortcuts-dialog .shortcuts-group-title{color:#7c5cf6!important}.shortcuts-dialog .shortcuts-row{background:#f5f1eb!important;border:1px solid transparent!important}.shortcuts-dialog .shortcuts-row:hover{border-color:#7c5cf640!important}.shortcuts-dialog .shortcuts-label{color:#2a2520!important}.shortcuts-dialog .shortcuts-keys kbd{color:#2a2520!important;background:#fff!important;border:1px solid #DDD3C2!important;box-shadow:0 1px #7c5cf61a,inset 0 -1px #ddd3c299!important}.shortcuts-dialog .shortcuts-dialog__foot{background:#f5f1eb!important;border-top:1px solid #DDD3C2!important}.shortcuts-dialog .shortcuts-dialog__ok{background:linear-gradient(135deg,#7c5cf6,#5538d6)!important;color:#fff!important;box-shadow:0 6px 14px -6px #7c5cf68c,inset 0 1px #ffffff40!important}.shortcuts-dialog .shortcuts-dialog__close:hover{background:#7c5cf624!important;color:#7c5cf6!important}body.dark .shortcuts-dialog .shortcuts-dialog__title,body.dark .shortcuts-dialog .shortcuts-group-title,[data-theme=dark] .shortcuts-dialog .shortcuts-dialog__title,[data-theme=dark] .shortcuts-dialog .shortcuts-group-title{color:#a594fa!important}body.dark .shortcuts-dialog .shortcuts-dialog__sub,body.dark .shortcuts-dialog .shortcuts-dialog__close,body.dark .shortcuts-dialog .shortcuts-plus,[data-theme=dark] .shortcuts-dialog .shortcuts-dialog__sub,[data-theme=dark] .shortcuts-dialog .shortcuts-dialog__close,[data-theme=dark] .shortcuts-dialog .shortcuts-plus{color:#a89f95!important}body.dark .shortcuts-dialog .shortcuts-row,[data-theme=dark] .shortcuts-dialog .shortcuts-row{background:#312d27!important}body.dark .shortcuts-dialog .shortcuts-label,[data-theme=dark] .shortcuts-dialog .shortcuts-label{color:#f5f1eb!important}body.dark .shortcuts-dialog .shortcuts-keys kbd,[data-theme=dark] .shortcuts-dialog .shortcuts-keys kbd{color:#f5f1eb!important;background:#28241f!important;border-color:#4a4440!important}body.dark .shortcuts-dialog .shortcuts-dialog__foot,[data-theme=dark] .shortcuts-dialog .shortcuts-dialog__foot{background:#312d27!important;border-top-color:#4a4440!important}.akt-panel .akt-title,.akt-panel .akt-row-name,.akt-row-name{color:#1a1712!important}.akt-panel .akt-empty,.akt-panel .akt-row-sub,.akt-empty,.akt-row-sub,.akt-close,.akt-goto{color:#7a7268!important}body.dark .akt-panel .akt-title,body.dark .akt-row-name,[data-theme=dark] .akt-panel .akt-title,[data-theme=dark] .akt-row-name{color:#f5f1eb!important}body.dark .akt-empty,body.dark .akt-row-sub,body.dark .akt-close,body.dark .akt-goto,[data-theme=dark] .akt-empty,[data-theme=dark] .akt-row-sub,[data-theme=dark] .akt-close,[data-theme=dark] .akt-goto{color:#a89f95!important}.toc-panel,.toc-panel .toc-title,.toc-chapter-title,.toc-page-item{color:#1a1712!important}.toc-page-item .page-num,.toc-page-num{color:#7a7268!important}.toc-page-item:hover,.toc-page-item.current,.toc-chapter-header.current{color:#6c4ef6!important}body.dark .toc-panel,body.dark .toc-chapter-title,body.dark .toc-page-item,[data-theme=dark] .toc-panel,[data-theme=dark] .toc-chapter-title,[data-theme=dark] .toc-page-item{color:#f5f1eb!important}.thumbnail-page-num,.thumbnail-header,.thumbnail-label{color:#7a7268!important}.thumbnail-item.current .thumbnail-page-num{color:#6c4ef6!important}body.dark .thumbnail-page-num,body.dark .thumbnail-header,body.dark .thumbnail-label,[data-theme=dark] .thumbnail-page-num,[data-theme=dark] .thumbnail-header,[data-theme=dark] .thumbnail-label{color:#a89f95!important}.phone-quick-btn,.phone-quick-pill,.phone-answer-fab,.phone-araclar-btn,.phone-answer-item{color:#1a1712!important}.phone-quick-btn:hover,.phone-araclar-btn:hover{color:#6c4ef6!important}body.dark .phone-quick-btn,body.dark .phone-araclar-btn,body.dark .phone-answer-item,[data-theme=dark] .phone-quick-btn,[data-theme=dark] .phone-araclar-btn,[data-theme=dark] .phone-answer-item{color:#f5f1eb!important}.calc-display,.calc-btn{color:#1a1712!important}.calc-fn{color:#7a7268!important}.calc-op{color:#6c4ef6!important}.calc-eq{color:#fff!important}.timer-toast-title,.timer-toast-body{color:#1a1712!important}.timer-toast-sub,.timer-toast-close{color:#7a7268!important}body.dark .timer-toast-title,body.dark .timer-toast-body,[data-theme=dark] .timer-toast-title,[data-theme=dark] .timer-toast-body{color:#f5f1eb!important}.btn-google-signin,.btn-local-signin,.btn-local-signup,.btn-signout{color:#1a1712!important}.btn-google-signin:hover,.btn-local-signin:hover,.btn-local-signup:hover{color:#fff!important}body,html,#app{color:#1a1712}body.dark,[data-theme=dark] body,[data-theme=dark]{color:#f5f1eb}}@media(pointer:coarse){.panel-top-controls button{min-inline-size:36px;min-block-size:36px;opacity:1;padding:6px}.color-swatch{min-inline-size:44px;min-block-size:44px}.alansec-exit-btn{min-block-size:48px;font-size:16px;padding-inline:24px}.page-nav-btn,.view-single-btn,.strip-nav-btn{min-inline-size:44px;min-block-size:44px}.strip-nav-btn{font-size:14px;padding-inline:16px}.save-btn,.delete-btn,.icon-btn{min-inline-size:44px;min-block-size:44px}.game-close-btn,.akt-close{min-inline-size:44px;min-block-size:44px;font-size:18px}}@media(hover:none){.panel-top-controls button:hover,.color-swatch:hover,.page-nav-btn:hover,.view-single-btn:hover,.save-btn:hover,.delete-btn:hover,.icon-btn:hover,.game-close-btn:hover,.akt-close:hover,.alansec-exit-btn:hover,.strip-nav-btn:hover,.side-arrow:hover{transform:none}.panel-top-controls button:active,.color-swatch:active,.page-nav-btn:active,.view-single-btn:active,.save-btn:active,.delete-btn:active,.icon-btn:active,.game-close-btn:active,.akt-close:active,.alansec-exit-btn:active,.strip-nav-btn:active,.side-arrow:active{transform:scale(.96);transition:transform .08s ease-out}}