*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #ff6b9d;--color-primary-dark: #e5548a;--color-gradient: linear-gradient(135deg, #ff6b9d 0%, #ff7b6b 100%);--color-secondary: #94a3b8;--color-bg: #1e293b;--color-surface: #334155;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #475569;--color-success: #10b981;--color-error: #ef4444;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--border-radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--transition: all .2s ease}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:var(--space-md)}.screen{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:10vh;gap:var(--space-lg)}.content{display:flex;flex-direction:column;text-align:center;gap:var(--space-sm)}h1{font-size:var(--font-size-2xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-sm)}h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}p{font-size:var(--font-size-lg);line-height:1.5}.logo{margin-bottom:var(--space-sm)}.logo h1{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-3xl);font-weight:900;margin-bottom:.25rem}.logo .subtitle{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-top:0;letter-spacing:.05em}.intro{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:0}.description{color:var(--color-text-secondary);font-size:1rem;max-width:400px;margin:0 auto}.token-display{font-size:10rem;line-height:1;margin:var(--space-xl) 0;user-select:none;animation:fadeInScale .5s ease}.token-name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.instruction{font-size:var(--font-size-lg);color:var(--color-text);font-weight:500}.token-indicator{font-size:4rem;margin-bottom:var(--space-md)}.prompt-box{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--space-lg);margin:var(--space-md) 0;box-shadow:0 0 20px #ff6b9d26}.prompt-text{font-size:var(--font-size-xl);font-weight:500;color:var(--color-text);line-height:1.5}.hint{color:var(--color-text-secondary);font-size:1rem;font-style:italic}.message{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin:var(--space-lg) 0}.aipdx-logo{width:120px;height:120px;margin:var(--space-xl) auto 0;display:block;opacity:.9;animation:fadeInScale .5s ease}.btn{display:block;width:100%;padding:.875rem 1.75rem;font-size:var(--font-size-lg);font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);text-align:center;min-height:52px;font-family:inherit}.btn:focus{outline:3px solid var(--color-primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-gradient);color:#fff;font-weight:700;box-shadow:0 4px 12px #ff6b9d4d}.btn-primary:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);margin-top:var(--space-sm)}.btn-secondary:hover{background:var(--color-border)}.button-group{display:flex;flex-direction:column;gap:var(--space-sm)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--color-primary: #ff1493;--color-text: #ffffff;--color-bg: #000000}}@media (max-width: 480px){#app{padding:var(--space-sm)}.screen{padding-top:5vh;gap:var(--space-md)}.content{gap:var(--space-sm)}.logo{margin-bottom:0}.logo h1{font-size:var(--font-size-2xl);margin-bottom:.25rem}.logo .subtitle{font-size:.75rem}.intro{font-size:1.125rem}.description{font-size:.875rem}.token-display{font-size:8rem;margin:var(--space-md) 0}h1{font-size:var(--font-size-xl)}.btn{padding:.875rem 1.5rem;font-size:1.125rem}}@media (min-width: 768px){#app{padding:var(--space-xl)}.btn{max-width:400px;margin-left:auto;margin-right:auto}.button-group{max-width:400px;margin:0 auto;width:100%}}.nojs-fallback{max-width:800px;margin:0 auto;padding:var(--space-lg);min-height:100vh}.nojs-header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-xl)}.nojs-title{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-3xl);font-weight:900;margin-bottom:.5rem}.nojs-subtitle{color:var(--color-text-secondary);font-size:1.125rem;font-weight:500;letter-spacing:.05em}.nojs-content{background:var(--color-surface);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-lg)}.nojs-content h2{color:var(--color-text);font-size:var(--font-size-xl);margin-bottom:var(--space-md);text-align:center}.nojs-content h3{color:var(--color-primary);font-size:var(--font-size-lg);margin:var(--space-lg) 0 var(--space-md) 0;font-weight:700}.nojs-instructions{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--space-md);text-align:center}.nojs-steps{background:var(--color-bg);border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);margin:var(--space-md) 0;border-radius:8px}.nojs-steps li{color:var(--color-text);font-size:1.125rem;margin-bottom:var(--space-sm);line-height:1.6}.nojs-steps li:last-child{margin-bottom:0}.nojs-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-sm);margin:var(--space-md) 0}.nojs-token{font-size:3rem;text-align:center;padding:var(--space-sm);background:var(--color-bg);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;min-height:80px;transition:var(--transition)}.nojs-token:hover{transform:scale(1.1);background:#ff6b9d1a}.nojs-prompts{list-style:none;padding:0;margin:var(--space-md) 0}.nojs-prompts li{color:var(--color-text);font-size:1rem;line-height:1.6;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--color-bg);border-left:3px solid var(--color-primary);border-radius:6px}.nojs-prompts li:last-child{margin-bottom:0}@media (max-width: 480px){.nojs-fallback{padding:var(--space-sm)}.nojs-header{padding-top:var(--space-md)}.nojs-title{font-size:var(--font-size-2xl)}.nojs-subtitle{font-size:1rem}.nojs-content{padding:var(--space-md)}.nojs-tokens{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-xs)}.nojs-token{font-size:2rem;min-height:60px;padding:var(--space-xs)}.nojs-prompts li{font-size:.875rem;padding:var(--space-xs) var(--space-sm)}}