:root{--bg-app: #fafaf9;--bg-card: #ffffff;--bg-input: #f4f4f5;--border-color: #e4e4e7;--text-main: #18181b;--text-muted: #71717a;--text-white: #ffffff;--accent-color: #4f46e5;--accent-hover: #4338ca;--danger-color: #ef4444;--danger-hover: #dc2626;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .02);--shadow-lg: 0 16px 24px -6px rgba(0, 0, 0, .05);--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-speed: .2s}body.dark-theme{--bg-app: #09090b;--bg-card: #18181b;--bg-input: #09090b;--border-color: #27272a;--text-main: #fafaf9;--text-muted: #a1a1aa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 24px -6px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-stack);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-speed),color var(--transition-speed)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.main-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.header-container{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main)}.logo-circle{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#14b8a6)}.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.main-nav{display:flex;align-items:center;gap:20px}.nav-link{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-muted);transition:color var(--transition-speed)}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.theme-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed),color var(--transition-speed)}.theme-toggle-btn:hover{background-color:var(--bg-input);color:var(--text-main)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.app-layout{flex:1;display:flex;flex-direction:column}.hero-section{text-align:center;padding:32px 0 16px}.hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:8px;color:var(--text-main)}@media (min-width: 992px){.hero-title{font-size:3.25rem}}.hero-subtitle{color:var(--text-muted);font-size:1.1rem}.interactive-grid{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:48px}@media (min-width: 992px){.interactive-grid{grid-template-columns:60% 40%;align-items:start}}.wheel-column{display:flex;flex-direction:column;align-items:center;position:relative}@media (min-width: 992px){.wheel-column{position:sticky;top:90px}}.wheel-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-md);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.canvas-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1}#wheel-canvas{width:100%;height:100%;display:block}.wheel-controls{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:16px}.btn-spin{font-family:var(--font-stack);font-size:1.25rem;font-weight:700;color:var(--text-white);background-color:var(--accent-color);border:none;border-radius:var(--border-radius-md);padding:16px 32px;cursor:pointer;width:100%;min-height:52px;box-shadow:0 4px 10px #4f46e540;transition:background-color var(--transition-speed),transform .1s}.btn-spin:hover{background-color:var(--accent-hover)}.btn-spin:active{transform:scale(.98)}.wheel-action-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:16px;gap:16px}.action-icon-btn{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-main);padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;transition:background-color var(--transition-speed);min-height:40px}.action-icon-btn:hover{background-color:var(--bg-input)}.volume-control-group{display:flex;align-items:center;gap:10px;flex:1;max-width:160px;padding-right:8px}.volume-slider-input{flex:1;width:100%;min-width:0;cursor:pointer;accent-color:var(--accent-color)}.controls-column{display:flex;flex-direction:column;gap:24px}.control-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-main)}.badge{background-color:var(--bg-input);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:var(--border-radius-sm)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-main)}.form-textarea{font-family:monospace;font-size:1rem;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:12px;width:100%;resize:vertical;outline:none;transition:border-color var(--transition-speed)}.form-textarea:focus{border-color:var(--accent-color)}.form-input,.form-select{font-family:var(--font-stack);font-size:1rem;padding:10px 12px;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);outline:none;width:100%}.form-checkbox-row{display:flex;align-items:center;gap:10px;margin-top:12px;cursor:pointer}.form-checkbox{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.form-slider{width:100%;accent-color:var(--accent-color);cursor:pointer}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.btn-primary,.btn-secondary,.btn-danger-primary{font-family:var(--font-stack);font-size:.95rem;font-weight:600;padding:12px 20px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed);min-height:44px}.w-full{width:100%}.btn-primary{background-color:var(--accent-color);color:var(--text-white)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger-primary{background-color:var(--danger-color);color:var(--text-white)}.btn-danger-primary:hover{background-color:var(--danger-hover)}.btn-text-danger{background:none;border:none;color:var(--danger-color);font-weight:600;font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-sm)}.btn-text-danger:hover{background-color:#ef444414}.presets-container{margin-bottom:16px}.presets-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.presets-row{display:flex;flex-wrap:wrap;gap:8px}.preset-chip-btn{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-stack);font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:16px;cursor:pointer;transition:background-color var(--transition-speed);min-height:32px}.preset-chip-btn:hover{background-color:var(--border-color)}.history-list-wrapper{max-height:240px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-input)}.empty-history-text{color:var(--text-muted);font-size:.9rem;text-align:center;padding:24px}.history-item{display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--border-color)}.history-item:last-child{border-bottom:none}.history-row-top{display:flex;justify-content:space-between;align-items:center}.history-winner{font-weight:700;color:var(--text-main)}.history-prob{font-size:.8rem;font-weight:600;color:var(--accent-color)}.history-row-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:.75rem;color:var(--text-muted)}.font-mono{font-family:monospace}.teams-results-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}@media (min-width: 576px){.teams-results-grid{grid-template-columns:1fr 1fr}}.team-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:14px;display:flex;flex-direction:column}.team-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.team-card-title{font-weight:700;font-size:.95rem}.btn-copy-team{background:none;border:none;color:var(--accent-color);font-weight:600;font-size:.8rem;cursor:pointer}.team-members-list{list-style:none;font-size:.9rem}.team-member-item{padding:2px 0}.certificate-dialog{border:none;border-radius:var(--border-radius-lg);padding:0;max-width:480px;width:90%;margin:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:var(--bg-card);outline:none}.certificate-dialog::backdrop{background-color:#09090b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.certificate-container{padding:32px;text-align:center;position:relative;overflow:hidden}.certificate-subtitle{color:var(--accent-color);font-size:.8rem;font-weight:800;letter-spacing:.1em;margin-bottom:8px}.certificate-title{font-size:2rem;margin-bottom:12px;color:var(--text-main)}.winner-display{font-size:2.25rem;font-weight:800;color:var(--text-main);background:linear-gradient(135deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:8px 0;margin-bottom:24px;word-break:break-word}.verification-meta-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;margin-bottom:24px;text-align:left}.meta-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dotted var(--border-color);font-size:.85rem}.meta-row:last-child{border-bottom:none}.meta-label{color:var(--text-muted);font-weight:500}.meta-value{color:var(--text-main);font-weight:600}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-undo-toast{background-color:var(--text-main);color:var(--bg-card);padding:8px 16px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:.9rem;animation:slideUp .2s ease-out}.btn-link{background:none;border:none;color:#38bdf8;font-weight:700;cursor:pointer}.confetti-canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.pwa-status-alert{position:fixed;bottom:20px;right:20px;background-color:var(--text-main);color:var(--bg-card);padding:12px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:1000;font-size:.9rem;font-weight:500;animation:slideUp .3s ease-out}.pwa-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer}.hidden{display:none!important}.seo-content-section{max-width:1000px;margin:48px auto;display:flex;flex-direction:column;gap:24px}.seo-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:32px;box-shadow:var(--shadow-sm)}.seo-card h2,.seo-card h3{margin-bottom:16px;font-size:1.5rem}.seo-intro-text p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.seo-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.seo-grid{grid-template-columns:1fr 1fr}}.seo-steps-list{padding-left:20px;color:var(--text-muted)}.seo-steps-list li{margin-bottom:12px;line-height:1.5}.faq-accordion{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-app)}.faq-question{padding:14px;cursor:pointer;font-weight:600;outline:none}.faq-answer{padding:0 14px 14px;color:var(--text-muted);font-size:.95rem}.templates-gallery-section{text-align:center}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.template-grid-card{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:16px;text-decoration:none;color:var(--text-main);text-align:left;display:flex;flex-direction:column;justify-content:space-between;height:90px;transition:transform var(--transition-speed),border-color var(--transition-speed)}.template-grid-card:hover{transform:translateY(-2px);border-color:var(--accent-color)}.template-card-title{font-weight:700;font-size:.95rem}.template-card-category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.text-layout-container{max-width:800px;padding:48px 24px}.info-hero-section{text-align:center;margin-bottom:40px}.info-hero-section h1{font-size:2.5rem;margin-bottom:12px}.content-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:36px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.content-card h2{font-size:1.5rem;margin-bottom:12px;margin-top:24px}.content-card h2:first-of-type{margin-top:0}.content-card h3{font-size:1.15rem;margin-bottom:8px;margin-top:16px}.content-card p{color:var(--text-muted);margin-bottom:16px;line-height:1.6}.content-card ul{padding-left:20px;margin-bottom:16px;color:var(--text-muted)}.content-card li{margin-bottom:8px}.code-box{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:16px;font-family:monospace;font-size:.85rem;overflow-x:auto;margin-bottom:16px}.math-box{background-color:var(--bg-app);border-left:4px solid var(--accent-color);padding:12px 16px;margin-bottom:16px;font-style:italic}.steps-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 576px){.steps-grid{grid-template-columns:1fr 1fr}}.step-card{display:flex;flex-direction:column;gap:8px}.step-num{width:32px;height:32px;background-color:var(--accent-color);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.main-footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);padding:48px 0 24px;margin-top:auto;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.footer-container{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.footer-container{grid-template-columns:2fr 1fr}}.footer-info{display:flex;flex-direction:column;gap:8px}.footer-title{font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.footer-desc{color:var(--text-muted);font-size:.9rem;max-width:320px}.footer-links{display:flex;gap:48px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-col-title{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)}.footer-column a{text-decoration:none;font-size:.9rem;color:var(--text-muted);transition:color var(--transition-speed)}.footer-column a:hover{color:var(--accent-color)}.footer-bottom{grid-column:1 / -1;border-top:1px solid var(--border-color);padding-top:24px;text-align:center;color:var(--text-muted);font-size:.8rem}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}body.fullscreen-active{overflow:hidden}body.fullscreen-active .container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body.fullscreen-active .main-header,body.fullscreen-active .hero-section,body.fullscreen-active .seo-content-section,body.fullscreen-active .main-footer,body.fullscreen-active .controls-column{display:none!important}body.fullscreen-active .app-layout{padding:0;justify-content:center}body.fullscreen-active .interactive-grid{grid-template-columns:1fr;width:100vw;height:100vh;padding:0;margin:0}body.fullscreen-active .wheel-column{position:static;width:100%;height:100%;justify-content:center}body.fullscreen-active .wheel-card{max-width:100%!important;width:100vw;height:100vh;border:none;border-radius:0;box-shadow:none;padding:16px;justify-content:center}body.fullscreen-active .canvas-wrapper{max-width:min(65vh,80vw);max-height:calc(100vh - 180px);width:100%}*:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}