@import"https://fonts.googleapis.com/css2?family=Caprasimo&family=Fredoka:wght@400;600;700&family=Inter:wght@400;600;800&family=Orbitron:wght@500;700;900&family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=Rubik:wght@400;600;800&family=VT323&display=swap";:root{--sky-color-1: #3a7bd5;--sky-color-2: #3a6073;--sky-blend: 0%;--bg: #fff8df;--surface: #ffffff;--surface-blur: none;--surface2: #ffe8b0;--text: #1f3a5f;--text-muted: #5b6f8a;--border: #1f3a5f;--accent: #ff5d8f;--accent2: #3ec5cd;--accent-text: #ffffff;--font-family: "Fredoka", "Rubik", sans-serif;--text-font-family: "Rubik", "Inter", "Fredoka", sans-serif;--border-radius: 24px;--border-width: 4px;--box-shadow: 0 8px 0 var(--border);--hand-hour-color: var(--accent);--hand-minute-color: var(--accent2);--hand-second-color: #ff5722;--timeline-arc: var(--text-muted);--timeline-sun: #ffc533;--timeline-sun-ring: #f59e0b;--timeline-moon: #eaf2ff;--timeline-glow: rgba(255, 197, 51, .32);--shape-rendering: auto;--transition-speed: .4s;--shader-opacity: .86}body.light-sky{--shader-opacity: .34}body.dark-sky{--shader-opacity: .92;--timeline-glow: rgba(226, 242, 255, .24)}body[data-theme=web-kid]{--bg: #fff8df;--surface: #ffffff;--surface2: #ffe8b0;--text: #1f3a5f;--text-muted: #5b6f8a;--border: #1f3a5f;--accent: #ff5d8f;--accent2: #3ec5cd;--accent-text: #ffffff;--font-family: "Fredoka", "Rubik", sans-serif;--border-radius: 28px;--border-width: 4px;--box-shadow: 0 10px 0 var(--border)}body[data-theme=web-kid].dark-sky{--bg: #131d35;--surface: #1e2d4a;--surface2: #16223b;--text: #fff3d1;--text-muted: #8fa0c0;--border: #ff8fa3;--accent: #ff8fa3;--accent2: #7ce4ec;--accent-text: #131d35;--box-shadow: 0 10px 0 var(--border)}body[data-theme=web-playful]{--bg: #fffbf2;--surface: #ffffff;--surface2: #fff1d6;--text: #2b1d10;--text-muted: #7a6650;--border: #2b1d10;--accent: #ff6f3c;--accent2: #3cb4ff;--accent-text: #ffffff;--font-family: "Fredoka", sans-serif;--border-radius: 36px;--border-width: 4px;--box-shadow: 0 8px 0 var(--border)}body[data-theme=web-playful].dark-sky{--bg: #1c150d;--surface: #2c2116;--surface2: #3a2e20;--text: #fff3e3;--text-muted: #a8947f;--border: #ff9f7d;--accent: #ff9f7d;--accent2: #7dceff;--box-shadow: 0 8px 0 var(--border)}body[data-theme=web-arcade]{--bg: #0a0014;--surface: #150028;--surface2: #1f0040;--text: #fffaea;--text-muted: #c4b4d8;--border: #ff00aa;--accent: #00ffe0;--accent2: #ff00aa;--accent-text: #0a0014;--font-family: "VT323", monospace;--border-radius: 0px;--border-width: 3px;--box-shadow: 0 0 15px rgba(255, 0, 170, .6), inset 0 0 10px rgba(255, 0, 170, .4);--shape-rendering: crispEdges;--hand-hour-color: #00ffe0;--hand-minute-color: #ff00aa}body[data-theme=web-arcade].light-sky{--bg: #f8e5ff;--surface: #ffffff;--surface2: #f3d4ff;--text: #3c005f;--text-muted: #8c52b5;--border: #ff00aa;--box-shadow: 4px 4px 0px var(--border)}body[data-theme=web-cyberpunk]{--bg: #08020f;--surface: #10031e;--surface2: #1a0530;--text: #f0e6ff;--text-muted: #a48ad6;--border: #ff2bd6;--accent: #00f0ff;--accent2: #ff2bd6;--accent-text: #08020f;--font-family: "Orbitron", sans-serif;--border-radius: 4px;--border-width: 2px;--box-shadow: 0 0 8px var(--border);--hand-hour-color: var(--accent);--hand-minute-color: var(--accent2)}body[data-theme=web-cyberpunk].light-sky{--bg: #f5f0ff;--surface: #ffffff;--surface2: #eadeff;--text: #1a0035;--text-muted: #6e4fa8;--border: #bd00d6;--box-shadow: 4px 4px 0px var(--border)}body[data-theme=web-vapor]{--bg: linear-gradient(180deg,#1b0c3a 0%,#3a0e6f 50%,#ff4fb6 100%);--surface: rgba(30, 10, 60, .6);--surface-blur: blur(8px);--surface2: rgba(255, 255, 255, .05);--text: #f8ecff;--text-muted: #d6bbf0;--border: rgba(255, 79, 182, .6);--accent: #ff4fb6;--accent2: #5cefff;--accent-text: #1b0c3a;--font-family: "Orbitron", "VT323", sans-serif;--border-radius: 12px;--border-width: 2px;--box-shadow: 0 8px 32px 0 rgba(255, 79, 182, .2)}body[data-theme=web-vapor].light-sky{--bg: radial-gradient(circle at 20% 10%, #ffffff 0%, #fce7f3 30%, transparent 52%), linear-gradient(135deg, #fce7f3 0%, #fed7aa 58%, #cffafe 100%);--surface: rgba(255, 255, 255, .82);--surface-blur: blur(14px);--surface2: rgba(254, 215, 170, .62);--text: #7c2d12;--text-muted: #9a3412;--border: rgba(251, 113, 133, .55);--accent: #fb7185;--accent2: #3cb4ff;--accent-text: #ffffff;--hand-hour-color: #fb7185;--hand-minute-color: #22d3ee;--box-shadow: 0 18px 44px rgba(251, 113, 133, .22), inset 0 2px 0 rgba(255, 255, 255, .9)}body[data-theme=web-neo-brutal]{--bg: #fef6e4;--surface: #ffffff;--surface2: #fff3b0;--text: #0a0a0a;--text-muted: #4a4a4a;--border: #0a0a0a;--accent: #ff5470;--accent2: #3da9fc;--accent-text: #0a0a0a;--font-family: "Inter", sans-serif;--border-radius: 8px;--border-width: 4px;--box-shadow: 8px 8px 0px var(--border)}body[data-theme=web-neo-brutal].dark-sky{--bg: #121212;--surface: #1e1e1e;--surface2: #2d2d2d;--text: #ffffff;--text-muted: #b0b0b0;--border: #ffffff;--accent: #ff768d;--accent2: #6fc2ff;--box-shadow: 8px 8px 0px var(--border)}body[data-theme=web-pastel]{--bg: #fff5f7;--surface: #ffffff;--surface2: #ffe9ee;--text: #3d2a3b;--text-muted: #8a7080;--border: #f5d6e0;--accent: #f8a4c6;--accent2: #a4d4f8;--accent-text: #3d2a3b;--font-family: "Fredoka", sans-serif;--border-radius: 20px;--border-width: 2px;--box-shadow: 0 8px 20px rgba(248, 164, 198, .2)}body[data-theme=web-pastel].dark-sky{--bg: #2b1f23;--surface: #3c2d33;--surface2: #4e3c44;--text: #fff0f3;--text-muted: #baa5b1;--border: #564049;--accent: #fca8c9;--accent2: #badfff}body[data-theme=web-pixel]{--bg: #e0f0e0;--surface: #ffffff;--surface2: #c0e0c0;--text: #082008;--text-muted: #506050;--border: #082008;--accent: #208020;--accent2: #c04020;--accent-text: #ffffff;--font-family: "VT323", monospace;--border-radius: 0px;--border-width: 4px;--box-shadow: 8px 8px 0px var(--border);--shape-rendering: crispEdges}body[data-theme=web-pixel].dark-sky{--bg: #081808;--surface: #0e280e;--surface2: #051405;--text: #70e070;--text-muted: #409040;--border: #70e070;--accent: #80f080;--accent2: #ff6040}body[data-theme=web-glass]{--bg: linear-gradient(135deg,#1c0c32 0%,#091d3d 40%,#05283d 100%);--surface: rgba(255, 255, 255, .08);--surface-blur: blur(16px);--surface2: rgba(255, 255, 255, .04);--text: #f8fafc;--text-muted: #cbd5e1;--border: rgba(255, 255, 255, .16);--accent: #c084fc;--accent2: #22d3ee;--accent-text: #0b1020;--font-family: "Inter", sans-serif;--border-radius: 24px;--border-width: 1px;--box-shadow: 0 10px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .15)}body[data-theme=web-glass].light-sky{--bg: linear-gradient(135deg,#e8f0fe 0%,#d2e3fc 50%,#c2e7ff 100%);--surface: rgba(255, 255, 255, .35);--surface-blur: blur(16px);--border: rgba(0, 0, 0, .08);--text: #1a2536;--text-muted: #4e5e78;--accent: #8b5cf6;--accent2: #06b6d4;--box-shadow: 0 10px 30px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .4)}body[data-theme=web-modern-dark]{--bg: #0a0a0b;--surface: #141416;--surface2: #1d1d20;--text: #f5f5f6;--text-muted: #8a8a90;--border: #26262a;--accent: #7c5cff;--accent2: #22d3a8;--accent-text: #ffffff;--font-family: "Inter", sans-serif;--border-radius: 12px;--border-width: 1.5px;--box-shadow: 0 8px 30px rgba(0,0,0,.5)}body[data-theme=web-modern-dark].light-sky{--bg: #f4f4f7;--surface: #ffffff;--surface2: #eaeaf0;--text: #1c1c1f;--text-muted: #72727a;--border: #dcdce2;--box-shadow: 0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}html{background:#020205}body{background:var(--bg, #020205);color:var(--text);font-family:var(--font-family);font-size:16px;transition:background var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.sidebar-title,.section-label,.button-primary,.theme-btn,.language-btn,.settings-toggle,.settings-close,.slider-label-row,.stats-badge,.sound-toggle-row,.quiz-question,.sky-info-badge,.digital-period,.feedback-title,.feedback-desc{font-family:var(--text-font-family)}canvas#shader-background{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:-10;pointer-events:none;background:var(--bg);opacity:var(--shader-opacity);transition:opacity 1s ease,background var(--transition-speed) ease}body.light-sky{background:var(--bg, #fffbf2);color:var(--text)}body.light-sky canvas#shader-background{opacity:.34}body.dark-sky canvas#shader-background{opacity:.92}body[data-theme=web-vapor].light-sky{color:#7c2d12}.app-container{display:grid;grid-template-columns:1fr;width:100vw;height:100vh;padding:24px;position:relative}.settings-toggle{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:58px;height:58px;border:var(--border-width) solid var(--border);border-radius:50%;background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);color:var(--text);box-shadow:var(--box-shadow);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;z-index:70;transition:transform .15s ease,background var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.settings-toggle:hover{transform:translateY(-2px) rotate(12deg)}.settings-toggle:active,.settings-toggle[aria-expanded=true]{transform:translateY(1px) rotate(24deg);background:var(--accent);color:var(--accent-text)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:flex-end;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.settings-overlay[hidden]{display:none}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0206178a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main-viewport{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:clamp(18px,3vh,42px);min-width:0}.header-widget{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:0;flex-shrink:0}.digital-clock-container{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:12px 36px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;transition:all var(--transition-speed) ease}.digital-time{font-size:3.5rem;font-weight:800;letter-spacing:2px;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.08)}.digital-period{font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.sky-info-badge{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border:calc(var(--border-width) * .7) solid var(--border);border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--box-shadow);transform:none;transition:all var(--transition-speed) ease}.sky-timeline{width:min(88%,760px);height:clamp(58px,9vh,118px);margin:-6px 0 -2px;pointer-events:none;flex-shrink:0;filter:drop-shadow(0 8px 18px var(--timeline-glow))}.sky-timeline-svg{width:100%;height:100%;display:block;overflow:visible}.sky-timeline-arc{fill:none;stroke:var(--timeline-arc);stroke-width:calc(var(--border-width) * .45);stroke-linecap:round;stroke-dasharray:12 22;opacity:.5;transition:stroke var(--transition-speed) ease,opacity var(--transition-speed) ease}.sky-timeline-marker{transition:transform .55s ease}.timeline-sun-rays{stroke:var(--timeline-sun-ring);stroke-width:4;stroke-linecap:round;transition:stroke var(--transition-speed) ease}.timeline-sun-core{fill:var(--timeline-sun);stroke:var(--timeline-sun-ring);stroke-width:3;transition:fill var(--transition-speed) ease,stroke var(--transition-speed) ease}.timeline-moon{display:none;fill:var(--timeline-moon);filter:drop-shadow(0 3px 8px rgba(0,0,0,.28));transition:fill var(--transition-speed) ease}.sky-timeline.is-night .timeline-sun{display:none}.sky-timeline.is-night .timeline-moon{display:block}.sky-timeline.is-night .sky-timeline-arc{opacity:.42}.sky-icon{width:16px;height:16px;border-radius:50%;display:inline-block;background:gold}.sky-icon.night{background:#e2e8f0;box-shadow:3px 0 #475569 inset}.sky-icon.golden{background:#f97316;box-shadow:0 0 8px #ea580c}.clock-viewport{flex:0 1 auto;display:flex;justify-content:center;align-items:center;width:100%;max-height:min(54vh,560px);position:relative;touch-action:none}.clock-svg-container{width:min(90%,clamp(340px,42vw,520px));max-width:520px;height:auto;aspect-ratio:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15));touch-action:none;-webkit-user-select:none;user-select:none}.clock-face{fill:var(--surface);stroke:var(--border);stroke-width:var(--border-width);transition:fill var(--transition-speed) ease,stroke var(--transition-speed) ease}.clock-rim{fill:none;stroke:var(--border);stroke-width:calc(var(--border-width) * 1.5);transition:stroke var(--transition-speed) ease}.clock-tick.major{stroke:var(--border);stroke-width:calc(var(--border-width) * 1.4);stroke-linecap:round;transition:stroke var(--transition-speed) ease}.clock-tick.medium{stroke:var(--border);stroke-width:calc(var(--border-width) * .8);stroke-linecap:round;transition:stroke var(--transition-speed) ease}.clock-tick.minor{stroke:var(--text-muted);stroke-width:calc(var(--border-width) * .35);stroke-linecap:round;transition:stroke var(--transition-speed) ease;opacity:.65}.clock-number{fill:var(--text);font-family:var(--font-family);font-size:28px;font-weight:700;text-anchor:middle;dominant-baseline:central;transition:fill var(--transition-speed) ease;-webkit-user-select:none;user-select:none}.hand{stroke-linecap:round;transform-origin:200px 200px;transition:stroke var(--transition-speed) ease,stroke-width var(--transition-speed) ease}.hand-hour{stroke:var(--hand-hour-color);stroke-width:calc(var(--border-width) * 3);cursor:grab;pointer-events:stroke}.hand-minute{stroke:var(--hand-minute-color);stroke-width:calc(var(--border-width) * 2);cursor:grab;pointer-events:stroke}.hand-second{stroke:var(--hand-second-color);stroke-width:calc(var(--border-width) * .75)}.hand-grab-zone{stroke:transparent;stroke-linecap:round;transform-origin:200px 200px;cursor:grab;pointer-events:stroke}.hand-grab-zone:hover{cursor:grab}.hand-grab-zone:active{cursor:grabbing}body.is-dragging-clock,body.is-dragging-clock *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.clock-pin-outer{fill:var(--accent);stroke:var(--surface);stroke-width:calc(var(--border-width) * .65);filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));pointer-events:none;transition:fill var(--transition-speed) ease,stroke var(--transition-speed) ease}.clock-pin-inner{fill:#f97316;pointer-events:none;transition:fill var(--transition-speed) ease}.clock-decor{pointer-events:none;opacity:.85}.feedback-widget{width:100%;max-width:600px;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:16px 24px;margin-bottom:0;box-shadow:var(--box-shadow);display:flex;align-items:center;gap:16px;min-height:90px;transition:all var(--transition-speed) ease}.feedback-avatar{font-size:2.5rem;animation:bounce 2s infinite}.feedback-bubble{flex-grow:1}.feedback-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.feedback-desc{font-size:.95rem;color:var(--text-muted)}.control-sidebar{background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;width:min(420px,calc(100vw - 36px));max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);position:relative;z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:all var(--transition-speed) ease}body.settings-open{overflow:hidden}.settings-dialog-header{position:sticky;top:-24px;z-index:2;background:var(--surface);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);display:flex;align-items:center;gap:12px;margin:-24px -24px 0;padding:18px 18px 14px 24px;border-bottom:calc(var(--border-width) * .5) solid var(--border)}.sidebar-title{font-size:1.5rem;font-weight:800;margin:0;text-align:left;flex:1}.settings-close{width:44px;height:44px;border:calc(var(--border-width) * .65) solid var(--border);border-radius:50%;background:var(--surface2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;line-height:1;transition:transform .12s ease,background .2s ease}.settings-close:hover{transform:scale(1.04);background:var(--accent);color:var(--accent-text)}.sidebar-section{display:flex;flex-direction:column;gap:8px}.language-switch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.language-btn{background:var(--surface2);border:calc(var(--border-width) * .6) solid var(--border);border-radius:calc(var(--border-radius) * .55);color:var(--text);cursor:pointer;font-size:.95rem;font-weight:800;letter-spacing:.04em;padding:9px 10px;transition:transform .1s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.language-btn:hover{transform:translateY(-2px)}.language-btn.active{background:var(--accent);color:var(--accent-text);box-shadow:inset 0 2px 4px #00000024}.section-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.mode-switch-grid{display:grid;grid-template-columns:1fr;gap:8px}.button-primary{background:var(--surface2);border:calc(var(--border-width) * .75) solid var(--border);border-radius:calc(var(--border-radius) * .6);padding:10px 16px;color:var(--text);font-family:var(--font-family);font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.button-primary:hover{transform:translateY(-2px)}.button-primary:active{transform:translateY(1px)}.button-primary.active{background:var(--accent);color:var(--accent-text);box-shadow:inset 0 2px 4px #00000026}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-btn{background:var(--surface2);border:calc(var(--border-width) * .5) solid var(--border);border-radius:calc(var(--border-radius) * .4);padding:8px 6px;color:var(--text);font-family:var(--font-family);font-weight:700;font-size:.8rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease}.theme-btn:hover{transform:scale(1.03)}.theme-btn.active{background:var(--accent2);color:var(--accent-text);box-shadow:0 4px 0 var(--border);transform:translateY(-2px)}.theme-icon{font-size:1.4rem}.slider-container{display:flex;flex-direction:column;gap:4px}.slider-label-row{display:flex;justify-content:space-between;font-weight:600;font-size:.9rem}.custom-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:var(--surface2);outline:none;border:1px solid var(--border);cursor:pointer}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid var(--border);cursor:pointer;transition:transform .1s ease}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.stats-badge-row{display:flex;gap:12px}.stats-badge{flex:1;background:var(--surface2);border:calc(var(--border-width) * .5) solid var(--border);border-radius:calc(var(--border-radius) * .5);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.95rem}.stats-val{color:var(--accent);font-size:1.1rem}.sound-toggle-row{display:flex;justify-content:space-between;align-items:center;font-weight:700}.checkbox-toggle{position:relative;display:inline-block;width:50px;height:26px}.checkbox-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface2);border:2px solid var(--border);transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--border);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent2)}input:checked+.toggle-slider:before{transform:translate(24px);background-color:var(--surface)}.quiz-widget{width:min(92%,680px);background:var(--surface2);border:calc(var(--border-width) * .5) solid var(--border);border-radius:calc(var(--border-radius) * .6);padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:14px;margin:0;box-shadow:var(--box-shadow);flex-shrink:0}.quiz-question{font-size:clamp(1.05rem,2.2vw,1.6rem);font-weight:700;text-align:center;color:var(--text);line-height:1.3}.quiz-actions{display:flex;gap:8px;justify-content:center}.quiz-actions button{flex:1;max-width:280px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.success-pulse{animation:success-pulse-anim .5s ease-out}@keyframes success-pulse-anim{0%{transform:scale(1);box-shadow:0 0 #3cb4ff99}70%{transform:scale(1.05);box-shadow:0 0 0 20px #3cb4ff00}to{transform:scale(1);box-shadow:0 0 #3cb4ff00}}.star-particle{position:absolute;pointer-events:none;font-size:1.5rem;z-index:100;animation:float-star 1s ease-out forwards}@keyframes float-star{0%{transform:translate(0) scale(.5) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.5) rotate(var(--rot));opacity:0}}[shape-rendering=crispEdges]{image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width: 900px){.app-container{grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;height:100dvh;padding:12px;overflow-y:auto}.settings-overlay{justify-content:center;padding:12px}.main-viewport{height:auto;gap:12px;justify-content:center}.sky-timeline{width:min(96%,680px);height:58px;margin-bottom:-6px}.clock-viewport{max-height:45vh}.digital-time{font-size:2.8rem}.control-sidebar{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);height:auto;padding:16px;gap:16px}.settings-dialog-header{top:-16px;margin:-16px -16px 0;padding:14px 14px 12px 16px}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.settings-toggle{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:50px;height:50px;font-size:1.45rem}.settings-overlay{align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.control-sidebar{width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:14px;gap:14px}.settings-dialog-header{top:-14px;margin:-14px -14px 0;padding:12px 12px 10px 14px}.sidebar-title{font-size:1.2rem}.settings-close{width:40px;height:40px;font-size:1.7rem}.theme-grid{grid-template-columns:repeat(2,1fr)}.digital-time{font-size:2.2rem}.sky-timeline{width:100%;height:48px}.quiz-actions{flex-direction:column}.quiz-actions button{max-width:none}.feedback-widget{flex-direction:column;text-align:center;padding:12px}}