*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--c-body-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--c-accent-soft);color:var(--c-accent)}input,select,textarea{font-family:DM Sans,sans-serif;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);padding:10px 14px;border-radius:8px;font-size:14px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}input::placeholder,textarea::placeholder{color:var(--c-text-muted)}textarea{resize:vertical;min-height:88px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%239B9B9B' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;outline:none;transition:all .15s}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.fi{animation:fadeIn .3s ease-out both}.f1{animation:fadeIn .3s ease-out .05s both}.f2{animation:fadeIn .3s ease-out .1s both}.f3{animation:fadeIn .3s ease-out .15s both}.f4{animation:fadeIn .3s ease-out .2s both}.clp-lift{transition:transform .15s ease,box-shadow .15s ease}.clp-lift:hover:not(:disabled){transform:translateY(-1px)}.clp-lift:active:not(:disabled){transform:translateY(0)}.themed-stage{position:relative;overflow:hidden;isolation:isolate;transition:background .5s ease,color .25s ease}.themed-stage>*{position:relative;z-index:2}.themed-stage[data-theme=calm]{background:#fafaf8;color:#2c2a26;font-family:Inter,system-ui,sans-serif}.themed-stage[data-theme=calm] .theme-deck-name,.themed-stage[data-theme=calm] .theme-pin{font-family:Outfit,sans-serif;color:#2c2a26}.themed-stage[data-theme=calm] .theme-pin{font-size:clamp(120px,18vw,220px);font-weight:700;letter-spacing:.18em;line-height:.95;color:#2c2a26}.themed-stage[data-theme=calm] .theme-section-tag{background:#0f7b6c14;color:#0f7b6c;border:1px solid rgba(15,123,108,.18)}.themed-stage[data-theme=calm] .theme-class-name,.themed-stage[data-theme=calm] .theme-prompt{color:#6b6760}.themed-stage[data-theme=calm] .theme-chip{background:#0f7b6c0f;border:1px solid rgba(15,123,108,.18);color:#2c2a26}.themed-stage[data-theme=calm] .theme-card{background:#fff;border:1px solid #E8E6E1;border-radius:16px}.themed-stage[data-theme=ocean]{background:radial-gradient(ellipse at top,#1a3d6b,#0a1f3f 55%,#050e20);color:#e8f0ff;font-family:Inter,system-ui,sans-serif}.themed-stage[data-theme=ocean] .theme-deck-name{font-family:Outfit,sans-serif;color:#e8f0ff;font-weight:600}.themed-stage[data-theme=ocean] .theme-pin{font-family:Outfit,sans-serif;font-size:clamp(120px,18vw,220px);font-weight:700;letter-spacing:.18em;line-height:.95;color:#fff;text-shadow:0 0 32px rgba(120,220,180,.4),0 0 64px rgba(120,220,180,.2)}.themed-stage[data-theme=ocean] .theme-section-tag{background:#78dcb426;color:#78dcb4;border:1px solid rgba(120,220,180,.3)}.themed-stage[data-theme=ocean] .theme-class-name,.themed-stage[data-theme=ocean] .theme-prompt{color:#e8f0ffb3}.themed-stage[data-theme=ocean] .theme-chip{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#e8f0ff}.themed-stage[data-theme=ocean] .theme-card{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px}.themed-stage[data-theme=pop]{background:linear-gradient(135deg,#ffd93d,#ff6b9d,#c147ff);color:#1f1733;font-family:Outfit,sans-serif}.themed-stage[data-theme=pop] .theme-deck-name{font-family:Outfit,sans-serif;font-weight:700;color:#1f1733}.themed-stage[data-theme=pop] .theme-pin{font-family:Outfit,sans-serif;font-size:clamp(120px,18vw,220px);font-weight:800;letter-spacing:.18em;line-height:.95;color:#1f1733;animation:themePopBounce 2.5s ease-in-out infinite}@keyframes themePopBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.themed-stage[data-theme=pop] .theme-section-tag{background:#1f1733;color:#ffd93d;border:2px solid #1F1733;box-shadow:3px 3px #1f173366}.themed-stage[data-theme=pop] .theme-class-name,.themed-stage[data-theme=pop] .theme-prompt{color:#1f1733bf;font-weight:600}.themed-stage[data-theme=pop] .theme-chip{background:#ffffffeb;border:2px solid #1F1733;color:#1f1733;box-shadow:3px 3px #1f1733;font-weight:600}.themed-stage[data-theme=pop] .theme-card{background:#ffffffeb;border:3px solid #1F1733;border-radius:16px;box-shadow:4px 4px #1f1733}.themed-stage[data-theme=mono]{background:#000;color:#fff;font-family:JetBrains Mono,monospace}.themed-stage[data-theme=mono] .theme-deck-name{font-family:JetBrains Mono,monospace;color:#fff;font-weight:700}.themed-stage[data-theme=mono] .theme-pin{font-family:JetBrains Mono,monospace;font-size:clamp(120px,18vw,220px);font-weight:700;letter-spacing:.05em;line-height:.95;color:#fff;position:relative}.themed-stage[data-theme=mono] .theme-pin:after{content:"_";margin-left:.1em;animation:themeMonoCursor 1s steps(1) infinite}@keyframes themeMonoCursor{0%,50%{opacity:1}51%,to{opacity:0}}.themed-stage[data-theme=mono] .theme-section-tag{background:transparent;color:#fff;border:1px solid #FFFFFF;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.themed-stage[data-theme=mono] .theme-class-name,.themed-stage[data-theme=mono] .theme-prompt{color:#ffffffb3;font-family:JetBrains Mono,monospace}.themed-stage[data-theme=mono] .theme-chip{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:0;font-family:JetBrains Mono,monospace}.themed-stage[data-theme=mono] .theme-card{background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:0}.themed-stage[data-theme=ocean]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 70%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 45% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 75% 25%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 25% 75%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 60% 85%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 92% 15%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 10% 50%,rgba(255,255,255,.4),transparent);z-index:1;pointer-events:none;animation:themeOceanStarTwinkle 8s ease-in-out infinite}@keyframes themeOceanStarTwinkle{0%,to{opacity:1}50%{opacity:.6}}.themed-stage[data-theme=mono]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);z-index:1;pointer-events:none}