/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.opacity-50{opacity:.5}.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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}:root{--primary:#8b5cf6;--secondary:#16a34a;--accent:#f43f5e;--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--transition:all .3s cubic-bezier(.4, 0, .2, 1);font:16px/150% var(--font-family);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:14px}}body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:16px;display:flex}@media (width>=768px){#root{padding:32px}}.card{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);max-width:400px;transition:var(--transition);border-radius:12px;margin-left:auto;margin-right:auto;padding:24px}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary{background-color:var(--primary);color:#fff;transition:var(--transition);text-align:center;box-shadow:var(--shadow);border-radius:9999px;padding:12px 32px;font-weight:700;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-secondary{background-color:var(--card-bg);color:var(--primary);border:2px solid var(--primary);transition:var(--transition);text-align:center;border-radius:9999px;padding:10px 30px;font-weight:700;display:inline-block}.btn-secondary:hover{background-color:var(--primary);color:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-success{background-color:var(--secondary);color:#fff;transition:var(--transition);text-align:center;box-shadow:var(--shadow);border-radius:9999px;padding:12px 32px;font-weight:700;display:inline-block}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.progress-bar{background-color:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background-color:var(--primary);height:100%;transition:var(--transition)}.option-btn{text-align:left;border:1px solid var(--border);width:100%;transition:var(--transition);background-color:var(--card-bg);color:var(--text);border-radius:8px;margin-bottom:8px;padding:12px 16px}.option-btn:hover{border-color:var(--primary);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.option-btn.selected{border-color:var(--primary);color:var(--primary);background-color:#8b5cf61a;font-weight:500}.question-card{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--transition);border-radius:12px;margin-bottom:24px;padding:24px}.question-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.question-number{color:var(--primary);background-color:#8b5cf61a;border-radius:9999px;margin-bottom:12px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.dimension-secret{text-align:right;color:var(--text-secondary);margin-top:4px;font-size:12px}h1{color:var(--text);margin-bottom:24px;font-size:36px;font-weight:700;line-height:1.2}h2{color:var(--text);margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.2}h3{color:var(--text);margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.2}p{color:var(--text);margin-bottom:16px;font-size:16px;line-height:1.5}.text-secondary{color:var(--text-secondary);font-size:14px;line-height:1.4}.text-small{color:var(--text-secondary);font-size:12px;line-height:1.4}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}