@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Allerta+Stencil&display=swap";@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Gaegu:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Gaegu:wght@400;700&display=swap";:root{--bg:#0a0a0a;--surface:#111;--elevated:#161616;--line:#222;--craft-line:#be9b6e33;--accent:#d4af37;--accent-light:#e0c9a6;--accent-dim:#d4af374d;--white:#f2efe9;--gray:#666058;--dim:#3a3632;--serif:"Instrument Serif", Georgia, serif;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"Space Mono", monospace;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--white);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;line-height:1.5}body{background-color:var(--bg);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.app-container{flex-direction:column;gap:3rem;display:flex}.header{text-align:center;margin-bottom:3rem}.header h1{display:none}.logo-img{width:100%;max-width:400px;height:auto;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block}.header h1 i{color:var(--accent-light);font-style:italic}.header p{font-family:var(--mono);color:var(--gray);letter-spacing:4px;text-transform:uppercase;font-size:11px}.glass-panel{background:var(--surface);border:1px solid var(--line);box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:3rem;transition:border-color .4s}.glass-panel:hover{border-color:var(--craft-line)}.upload-section{border:1px dashed var(--craft-line);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem;transition:all .5s;display:flex;position:relative}.upload-section:hover{border-color:var(--accent);background:#be9b6e08}.upload-section.dragging{border-color:var(--accent);background:#be9b6e1a;transform:scale(1.02)}.file-input{display:none}.upload-btn{font-family:var(--mono);letter-spacing:3px;color:var(--accent);border:1px solid var(--accent-dim);cursor:pointer;text-transform:uppercase;background:0 0;padding:14px 32px;font-size:11px;transition:all .4s}.upload-btn:hover:not(:disabled){background:var(--accent);color:var(--bg)}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{opacity:.2;cursor:not-allowed;border-color:var(--line);color:var(--gray)}.file-name{font-family:var(--mono);color:var(--gray);letter-spacing:2px;font-size:12px}.loader{color:var(--accent);font-family:var(--mono);letter-spacing:3px;flex-direction:column;align-items:center;gap:1rem;width:100%;font-size:11px;display:flex}.spinner{border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.progress-bar-container{background:#111;border:1px solid #333;border-radius:3px;width:100%;height:20px;margin-top:1.5rem;padding:2px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000c}.progress-bar-fill{background:repeating-linear-gradient(90deg,#00e5ff,#00e5ff 4px,#0000 4px 6px);border-radius:1px;height:100%;transition:width .3s;box-shadow:0 0 10px #00e5ff80}.progress-bar-fill[style*="width: 9"],.progress-bar-fill[style*="width: 100"]{background-blend-mode:overlay;background:repeating-linear-gradient(90deg,#00e5ff,#00e5ff 4px,#0000 4px 6px),repeating-linear-gradient(90deg,#0000,#0000 80%,#f36 80% 100%);box-shadow:0 0 15px #f369}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:1.5rem 0;display:grid}.stat-card{border:1px solid var(--line);background:#ffffff0d;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;display:flex}.stat-label{font-family:var(--mono);letter-spacing:2px;color:var(--subtext);text-transform:uppercase;font-size:10px}.stat-value{font-family:var(--sans);color:var(--text);font-size:1.5rem;font-weight:300}.ab-tabs{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ab-tab{font-family:var(--mono);letter-spacing:1px;color:var(--subtext);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1.5rem;font-size:12px;transition:all .3s}.ab-tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.extended-grid{display:none}.hardware-panel{width:100%;max-width:900px;padding:2rem}.amp-casing{background-color:#111;background-image:radial-gradient(circle at 100% 150%,#1a1a1a 24%,#0f0f0f 25% 28%,#0000 29% 36%,#1a1a1a 36% 40%,#0000 40%,#0000),radial-gradient(circle at 0 150%,#1a1a1a 24%,#0f0f0f 25% 28%,#0000 29% 36%,#1a1a1a 36% 40%,#0000 40%,#0000),radial-gradient(circle at 50% 100%,#0a0a0a 10%,#111 11% 23%,#0a0a0a 24% 30%,#111 31% 43%,#0a0a0a 44% 50%,#111 51% 63%,#0a0a0a 64% 71%,#0000 71%,#0000),radial-gradient(circle at 100%,#0a0a0a 5%,#111 6% 15%,#0a0a0a 16% 20%,#111 21% 30%,#0a0a0a 31% 35%,#111 36% 45%,#0a0a0a 46% 49%,#0000 50%,#0000),radial-gradient(circle at 0,#0a0a0a 5%,#111 6% 15%,#0a0a0a 16% 20%,#111 21% 30%,#0a0a0a 31% 35%,#111 36% 45%,#0a0a0a 46% 49%,#0000 50%,#0000);background-size:8px 8px;border:12px solid #1a1a1a;border-radius:12px;box-shadow:inset 0 0 20px #000,0 20px 40px #000c}.inner-amp{background:0 0!important;border:4px solid #080808!important;border-radius:2px!important;gap:2px!important;padding:0!important;box-shadow:inset 0 20px 30px #000000e6!important}.hardware-panel{border-style:solid;border-width:30px;box-sizing:border-box;background:0 0;border-image-source:url(/assets/amp_case_9slice-BUAc0ENJ.png);border-image-slice:200 fill;border-image-repeat:stretch;border-radius:0;flex-direction:column;gap:0;width:100%;margin:0 auto;padding:0;display:flex;box-shadow:0 20px 50px #000000e6}.amp-faceplate{box-sizing:border-box;background:linear-gradient(#3a4f5c 0%,#2a3d47 50%,#1f3038 100%);border:none;border-radius:0;flex-direction:column;width:100%;padding:1.2rem 1.5rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -3px 10px #00000080}.amp-gold-divider{z-index:10;background:linear-gradient(90deg,#6b5020 0%,#b8963e 30%,#d4af50 50%,#b8963e 70%,#6b5020 100%);width:100%;height:4px;box-shadow:0 2px 4px #000000b3}.hardware-section{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:0 1rem}.hardware-header{text-align:center;margin-bottom:2rem}.hardware-header h2{font-family:var(--sans);color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.hardware-header p{color:#888;font-size:.9rem}.faceplate-top-labels{align-items:center;width:100%;margin-bottom:.5rem;padding:0 1rem;display:flex}.section-line{background:#d4af37;flex-grow:1;height:2px;box-shadow:0 1px 1px #00000080}.section-title{font-family:var(--sans);letter-spacing:2px;color:#d4af37;text-shadow:0 1px 2px #000c;margin:0 12px;font-size:12px;font-weight:600}.faceplate-knob-row{box-sizing:border-box;justify-content:space-evenly;align-items:flex-end;gap:.5rem;width:100%;padding:.5rem 1rem;display:flex}.knob-group{flex-shrink:0;align-items:flex-end;gap:.8rem;display:flex}.faceplate-divider{background:#0006;border-right:1px solid #ffffff1a;width:2px;height:60px;margin-top:10px}.grille-panel{background-color:#2a1810;background-image:url(/assets/grille_asset-BdSv2NBp.png);background-position:50%;background-repeat:repeat;background-size:120px 120px;border:none;border-radius:0;width:100%;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 15px 30px #000000d9}.grille-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 20%,#000000b3 100%);position:absolute;inset:0}.vintage-logo{z-index:2;position:absolute;top:25px;left:30px}.vintage-logo img{filter:drop-shadow(2px 4px 6px #000000e6);width:180px;height:auto}.vocal-rack,.rhythm-rack,.master-rack{border-top-color:#d4af37}.rack-screws{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:10px;bottom:10px;left:10px}.rack-screws:after{content:"";flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;right:-830px}.screw{background:linear-gradient(135deg,#444,#111);border-radius:50%;width:10px;height:10px;position:relative;box-shadow:inset 0 1px 1px #fff3,0 1px 2px #000c}.screw:after{content:"";background:#000;height:1px;position:absolute;top:50%;left:10%;right:10%;transform:rotate(45deg)}.rack-label{font-family:var(--mono);letter-spacing:3px;color:#ffffff4d;text-shadow:0 -1px 1px #000c;font-size:10px;position:absolute;top:10px;left:35px}.knob-row{justify-content:center;align-items:center;gap:3rem;margin-top:1rem;display:flex}.rack-divider{background:#000000b3;border-right:1px solid #ffffff1a;width:2px;height:60px}.knob-container{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;width:55px;display:flex;position:relative}.knob-ring-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.css-knob{cursor:grab;border-radius:50%;outline:none;width:50px;height:50px;position:relative}.css-knob:active,.css-knob.dragging{cursor:grabbing}.knob-dial{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.round-knob{background:radial-gradient(circle at 30% 30%,#333,#0a0a0a);border:2px solid #111;box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 2px #000c,0 4px 6px #0009,0 10px 15px #0006}.round-knob:before{content:"";pointer-events:none;background:repeating-conic-gradient(#0000 0deg 2deg,#00000080 2deg 4deg);border-radius:50%;position:absolute;inset:2px}.chicken-knob{box-shadow:none;background:0 0}.chicken-shape{background:radial-gradient(circle,#222,#050505);border:1px solid #111;border-radius:50% 50% 10px 10px;position:absolute;inset:0;box-shadow:inset 0 1px 2px #ffffff1a,0 4px 6px #00000080}.chicken-shape:after{content:"";background:linear-gradient(#111,#0a0a0a);border:1px solid #111;border-top:none;border-radius:0 0 6px 6px;width:14px;height:25px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 1px #ffffff1a,0 2px 4px #0009}.knob-pointer{z-index:2;background:#fff;border-radius:1px;width:2px;height:14px;display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #ffffff80}.knob-image-layer{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 6px #0009);width:100%;height:100%}.knob-body{cursor:grab;background-color:#0f0f0f;background-image:radial-gradient(circle at 30% 30%,#ffffff26,#0000 50%),repeating-conic-gradient(#111 0deg 2deg,#000 2deg 4deg);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #000;border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 1px 3px #ffffff4d,2px 8px 12px #000c}.knob-body:active,.knob-body.dragging{cursor:grabbing}.knob-body.chicken-head{box-shadow:none;background:0 0;border:none;border-radius:4px}.knob-body.chicken-head:before{content:"";background:#111;border:1px solid #000;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #ffffff1a,0 4px 6px #000c}.knob-indicator-chicken{transform-origin:50% 100%;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(#333 0%,#111 100%);width:12px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);box-shadow:0 4px 6px #000000e6}.knob-indicator-chicken:after{content:"";background:#fff;width:2px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.knob-indicator-analog{transform-origin:100%;filter:drop-shadow(0 2px 2px #000000e6);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:18px solid #fff;width:55%;height:0;position:absolute;top:50%;left:-5%;transform:translateY(-50%)rotate(225deg)}.knob-label{font-family:var(--sans);color:#d4af37;letter-spacing:1px;text-shadow:0 1px 1px #000c;margin-top:.5rem;font-size:.65rem;font-weight:600}.knob-value-analog{font-family:var(--sans);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;background-color:#000000b3;border-radius:4px;padding:2px 6px;font-size:.7rem;transition:opacity .2s;position:absolute;bottom:-20px}.knob-container:hover .knob-value-analog,.css-knob.dragging+.knob-label+.knob-value-analog{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem;display:grid}.control-group{flex-direction:column;gap:1rem;display:flex}.control-group label{font-family:var(--mono);letter-spacing:3px;color:var(--gray);text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.control-group label span{color:var(--accent-dim)}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;margin-top:-5px;box-shadow:0 0 10px #c9a87c33}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--line);width:100%;height:1px}input[type=range]:focus{outline:none}.actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:4rem;display:flex}.btn-secondary{font-family:var(--mono);letter-spacing:4px;border:1px solid var(--accent-dim);color:var(--accent);cursor:pointer;text-transform:uppercase;background:0 0;padding:16px 56px;font-size:11px;transition:all .4s}.btn-secondary:hover:not(:disabled){background:var(--accent);color:var(--bg)}.btn-secondary:disabled{opacity:.2;cursor:not-allowed;border-color:var(--line);color:var(--gray)}.audio-player-container{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:3rem;padding-top:3rem;display:flex}audio{filter:grayscale()sepia()hue-rotate(5deg)saturate(200%);opacity:.8;border-radius:0;outline:none;width:100%;max-width:800px}audio::-webkit-media-controls-panel{background-color:var(--surface);border:1px solid var(--line);border-radius:0}audio::-webkit-media-controls-current-time-display{color:var(--gray);font-family:var(--mono)}audio::-webkit-media-controls-time-remaining-display{color:var(--gray);font-family:var(--mono)}.toggle-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;width:42px;display:flex}.css-toggle-housing{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.toggle-bezel{background:conic-gradient(from 180deg,#3a3a3a 0deg,#555 60deg,#888 120deg,#aaa 180deg,#888 240deg,#555 300deg,#3a3a3a 360deg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative;box-shadow:0 2px 6px #000000e6,inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #00000080}.toggle-bezel:before{content:"";background:radial-gradient(circle at 40% 35%,#444,#1a1a1a);border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:inset 0 2px 4px #000c}.toggle-lever{z-index:2;transform-origin:bottom;background:linear-gradient(90deg,#777 0%,#ccc 30%,#eee 50%,#bbb 70%,#666 100%);border-radius:4px 4px 3px 3px;width:8px;height:22px;transition:all .18s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 3px 5px #000000b3}.lever-highlight{background:linear-gradient(#ffffff80,#0000);border-radius:3px 3px 0 0;height:40%;position:absolute;top:2px;left:2px;right:2px}.css-toggle-housing.on .toggle-lever{background:linear-gradient(90deg,#888 0%,#ddd 30%,#fff 50%,#ccc 70%,#777 100%);transform:rotate(-30deg)translateY(-4px);box-shadow:2px 4px 6px #0009}.css-toggle-housing.off .toggle-lever{background:linear-gradient(90deg,#555 0%,#999 30%,#bbb 50%,#888 70%,#444 100%);transform:rotate(30deg)translateY(4px);box-shadow:-1px -2px 4px #00000080,2px 3px 5px #0006}.toggle-led{z-index:3;border-radius:50%;width:5px;height:5px;transition:all .2s;position:absolute;bottom:-2px}.toggle-led.led-on{background:#4ade80;box-shadow:0 0 6px 2px #4ade8099,0 0 12px 4px #4ade8033}.toggle-led.led-off{background:#333;box-shadow:inset 0 1px 2px #000c}.toggle-state-label{font-family:var(--sans);letter-spacing:1.5px;color:#b89947;text-transform:uppercase;font-size:8px;line-height:1}.toggle-main-label{font-family:var(--sans);letter-spacing:1px;color:#d4af37;text-transform:uppercase;text-align:center;text-shadow:0 1px 1px #000c;margin-top:.2rem;font-size:.65rem;font-weight:600}body:has(.cw){background:#f5efe2;display:block}#root:has(.cw){width:100%;max-width:none;margin:0;padding:0}.cw{--paper:#f5efe2;--paper-deep:#ece2cd;--card:#fffdf7;--ink:#33291d;--ink-soft:#6f6353;--accent:#e2702a;--accent-deep:#c75312;--sky:#cfe5ea;color:var(--ink);background:radial-gradient(circle at 12% 8%, #e2702a0f, transparent 40%), radial-gradient(circle at 88% 30%, #6ca0ad14, transparent 45%), var(--paper);word-break:keep-all;overflow-wrap:break-word;font-family:Gowun Dodum,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}.cw h1,.cw h2,.cw h3{margin:0 0 .5em;font-weight:700;line-height:1.3}.cw-eyebrow{letter-spacing:.35em;color:var(--accent-deep);margin-bottom:.6rem;font-family:Gaegu,cursive;font-size:1.05rem}.cw-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5efe2e6;border-bottom:2px dashed #33291d26;align-items:center;gap:2rem;padding:.9rem clamp(1.2rem,5vw,4rem);display:flex;position:sticky;top:0}.cw-wordmark{letter-spacing:.06em;color:var(--ink);font-family:Gaegu,cursive;font-size:1.5rem;font-weight:700;text-decoration:none}.cw-wordmark span{color:var(--accent)}.cw-header nav{gap:1.4rem;margin-left:auto;display:flex}.cw-header nav a{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.cw-header nav a:hover{color:var(--accent-deep)}.cw-btn{background:var(--accent);color:#fffdf7;border:2px solid var(--accent-deep);box-shadow:0 4px 0 var(--accent-deep), 0 10px 18px #33291d1f;border-radius:14px;padding:.85rem 1.7rem;font-family:inherit;font-size:1.05rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;transform:rotate(-.5deg)}.cw-btn:hover{box-shadow:0 6px 0 var(--accent-deep), 0 14px 22px #33291d29;transform:rotate(-.5deg)translateY(-2px)}.cw-btn--ghost{background:var(--card);color:var(--ink);border-color:#33291d59;box-shadow:0 4px #33291d59,0 10px 18px #33291d14}.cw-btn--small{box-shadow:0 3px 0 var(--accent-deep);padding:.5rem 1.1rem;font-size:.9rem}.cw-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1.2rem,6vw,5rem);display:grid}.cw-hero h1{letter-spacing:-.01em;font-size:clamp(2.2rem,5.2vw,3.8rem)}.cw-hero h1 em{color:var(--accent);text-underline-offset:8px;font-style:normal;-webkit-text-decoration:underline wavy #e2702a80;text-decoration:underline wavy #e2702a80;text-decoration-thickness:3px}.cw-lead{color:var(--ink-soft);margin:1.4rem 0 2rem;font-size:1.15rem}.cw-hero__cta{flex-wrap:wrap;gap:1rem;display:flex}.cw-hero__art{min-height:380px;position:relative}.cw-polaroid{background:var(--card);border-radius:6px;padding:14px 14px 40px;position:absolute;box-shadow:0 18px 32px #33291d38}.cw-polaroid img{border-radius:3px;width:100%;display:block}.cw-polaroid span{text-align:center;color:var(--ink-soft);margin-top:8px;font-family:Gaegu,cursive;display:block}.cw-polaroid--main{z-index:2;width:min(75%,330px);top:0;right:0;transform:rotate(2.5deg)}.cw-polaroid--back{z-index:1;width:min(55%,240px);bottom:0;left:0;transform:rotate(-5deg)}.cw-polaroid:before{content:"";background:#e2702a59;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;width:90px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg)}.cw-section{max-width:1100px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.2rem,6vw,4rem)}.cw-section h2{font-size:clamp(1.7rem,3.6vw,2.5rem)}.cw-prose{max-width:640px;color:var(--ink-soft);font-size:1.1rem}.cw-prose strong{color:var(--ink)}.cw-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem;margin-top:2.5rem;display:grid}.cw-card{background:var(--card);transform:rotate(var(--tilt,0deg));border:1.5px solid #33291d1f;border-radius:16px;padding:1.6rem 1.5rem;box-shadow:0 10px 22px #33291d1a}.cw-card h3{color:var(--accent-deep);font-size:1.15rem}.cw-card p{color:var(--ink-soft);margin:0;font-size:.98rem}.cw-how{background:var(--paper-deep);border-radius:28px}.cw-steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.cw-step{background:var(--card);border:1.5px solid #33291d1a;border-radius:14px;gap:1.1rem;padding:1.3rem 1.4rem;display:flex;box-shadow:0 8px 16px #33291d14}.cw-step__no{color:var(--accent);font-family:Gaegu,cursive;font-size:1.6rem;font-weight:700;line-height:1}.cw-step h3{margin-bottom:.3rem;font-size:1.08rem}.cw-step p{color:var(--ink-soft);margin:0 0 .6rem;font-size:.94rem}.cw-step__tag{letter-spacing:.04em;color:var(--accent-deep);background:#e2702a1a;border-radius:999px;padding:.2rem .7rem;font-family:Space Mono,monospace;font-size:.72rem}.cw-releases{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem;margin:2.5rem 0 2rem;display:grid}.cw-release{background:var(--card);color:var(--ink);border:1.5px solid #33291d1f;border-radius:16px;padding:1rem 1rem 1.3rem;text-decoration:none;transition:transform .18s;box-shadow:0 10px 22px #33291d1a}.cw-release:hover{transform:translateY(-6px)rotate(-.6deg)}.cw-release img{border-radius:10px;width:100%;display:block}.cw-release h3{margin:.9rem 0 .2rem;font-size:1.02rem}.cw-release p{color:var(--ink-soft);margin:0 0 .7rem;font-size:.88rem}.cw-release__play{color:var(--accent-deep);font-size:.85rem}.cw-link{color:var(--accent-deep);font-size:1rem}.cw-story__card{background:var(--card);border:2px dashed #e2702a73;border-radius:20px;padding:clamp(1.8rem,4vw,3rem);transform:rotate(-.6deg);box-shadow:0 14px 28px #33291d1a}.cw-story__quote{margin:0 0 1rem;font-size:clamp(1.1rem,2.2vw,1.35rem)}.cw-story__ref{color:var(--ink-soft);margin:0;font-family:Gaegu,cursive}.cw-contact{text-align:center}.cw-contact .cw-prose{margin:0 auto 2.2rem}.cw-contact__cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cw-footer{text-align:center;color:var(--ink-soft);border-top:2px dashed #33291d26;padding:3rem 1.5rem 2.5rem}.cw-footer nav{justify-content:center;gap:1.5rem;margin:.8rem 0 1.2rem;display:flex}.cw-footer a{color:var(--accent-deep);text-decoration:none}.cw-footer__fine{font-size:.8rem}@media (width<=840px){.cw-hero{grid-template-columns:1fr}.cw-hero__art{max-width:420px;min-height:320px}.cw-header nav{display:none}}.cw-langswitch{color:var(--ink-soft,#6f6353);-webkit-user-select:none;user-select:none;align-items:center;gap:.15rem;font-family:Gaegu,cursive;display:flex}.cw-langswitch button{cursor:pointer;letter-spacing:.05em;color:inherit;background:0 0;border:none;border-radius:8px;padding:.12rem .38rem;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1.4}.cw-langswitch button.active{color:#fffdf7;background:var(--ink,#33291d)}.cw-langswitch button:not(.active):hover{color:var(--accent-deep,#c75312)}.cwa-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1.2rem,6vw,5rem);display:grid}.cwa-hero h1{letter-spacing:-.01em;font-size:clamp(2.1rem,5vw,3.6rem)}.cwa-hero h1 em{color:var(--accent);text-underline-offset:8px;font-style:normal;-webkit-text-decoration:underline wavy #e2702a80;text-decoration:underline wavy #e2702a80;text-decoration-thickness:3px}.cwa-soon{cursor:default;-webkit-user-select:none;user-select:none}.cwa-soon:hover{box-shadow:0 4px 0 var(--accent-deep), 0 10px 18px #33291d1f;transform:rotate(-.5deg)}.cwa-phone{background:#2a241c;border-radius:clamp(28px,4.2vw,44px);padding:10px;box-shadow:0 24px 48px #33291d47,inset 0 0 0 2px #fffdf714}.cwa-phone img{border-radius:clamp(20px,3.4vw,36px);width:100%;display:block}.cwa-hero__art{min-height:460px;position:relative}.cwa-phone--front{z-index:2;width:min(62%,250px);position:absolute;top:0;right:4%;transform:rotate(3deg)}.cwa-phone--back{z-index:1;opacity:.96;width:min(56%,225px);position:absolute;bottom:-8%;left:2%;transform:rotate(-6deg)}.cwa-steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem;margin-top:2.8rem;display:grid}.cwa-step{text-align:left}.cwa-step .cwa-phone--step{width:min(100%,230px);margin-bottom:1.1rem;transform:rotate(-.8deg)}.cwa-step:nth-child(2n) .cwa-phone--step{transform:rotate(.9deg)}.cwa-step .cw-step__no{color:var(--accent-deep);font-family:Gaegu,cursive;font-size:1.4rem}.cwa-step h3{margin:.2rem 0 .4rem;font-size:1.15rem}.cwa-step p{color:var(--ink-soft);margin:0;font-size:.96rem}.cwa-lyric{background:var(--card);border:1.5px solid #33291d1f;border-radius:16px;max-width:560px;margin:2.4rem 0 0;padding:1.8rem 2rem;position:relative;transform:rotate(-.6deg);box-shadow:0 12px 24px #33291d1a}.cwa-lyric:before{content:"";background:#e2702a59;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;width:90px;height:26px;position:absolute;top:-12px;left:42px;transform:rotate(-2deg)}.cwa-lyric p{margin:0 0 1rem;font-size:1.12rem;line-height:2}.cwa-lyric cite{color:var(--ink-soft);font-family:Gaegu,cursive;font-style:normal}.cwa-closing{text-align:left}@media (width<=840px){.cwa-hero{grid-template-columns:1fr}.cwa-hero__art{min-height:420px;margin-top:1rem}.cwa-phone--front{right:8%}.cwa-phone--back{bottom:-4%;left:6%}}.sxp-hero{text-align:center}.sxp-hero .cw-prose{margin-left:auto;margin-right:auto}.sxp-hero h2 em{color:var(--accent);text-underline-offset:7px;font-style:normal;-webkit-text-decoration:underline wavy #e2702a80;text-decoration:underline wavy #e2702a80;text-decoration-thickness:3px}.sxp-em{color:var(--ink);margin-top:.6rem;font-weight:700}.sxp-player{background:var(--card);text-align:left;border:1.5px solid #33291d1f;border-radius:18px;max-width:760px;margin:2.4rem auto 0;padding:1.8rem 1.8rem 1.2rem;position:relative;transform:rotate(-.4deg);box-shadow:0 14px 28px #33291d1f}.sxp-player:before{content:"";background:#e2702a52;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;width:110px;height:28px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2deg)}.sxp-player__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.3rem;display:flex}.sxp-player__head h3{margin:0 0 .15rem;font-size:1.12rem}.sxp-player__head p{color:var(--ink-soft);margin:0;font-size:.85rem}.sxp-stats{color:#33291d59;align-items:center;gap:.5rem;font-family:Gaegu,cursive;font-size:1.05rem;font-weight:700;display:flex}.sxp-stats .on{color:var(--accent-deep)}.sxp-player__controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sxp-play{border:2px solid var(--accent-deep);background:var(--accent);color:#fffdf7;cursor:pointer;width:54px;height:54px;box-shadow:0 3px 0 var(--accent-deep);border-radius:50%;flex-shrink:0;font-size:1.05rem;transition:transform .15s}.sxp-play:hover{transform:translateY(-2px)}.sxp-progress{background:var(--paper-deep);cursor:pointer;border:1px solid #33291d26;border-radius:6px;flex:1;min-width:150px;height:10px;overflow:hidden}.sxp-progress__fill{background:repeating-linear-gradient(-45deg, var(--accent), var(--accent) 6px, #eb8a4c 6px, #eb8a4c 12px);height:100%}.sxp-ab{background:var(--paper);border:1.5px solid #33291d40;border-radius:999px;display:flex;overflow:hidden}.sxp-ab button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:.55rem 1.05rem;font-family:inherit;font-size:.88rem;transition:all .15s}.sxp-ab button.active{background:var(--accent);color:#fffdf7}.sxp-player__hint{color:var(--ink-soft);margin:1.1rem 0 0;font-size:.83rem}.sxp-player__hint strong{color:var(--accent-deep)}.sxp-chain{text-align:left;margin-top:2.6rem}.sxp-mini{border-top:1.5px dashed #33291d2e;margin-top:1rem;padding-top:1rem}.sxp-mini__row{align-items:center;gap:.7rem;margin-bottom:.7rem;display:flex}.sxp-play--sm{width:42px;height:42px;font-size:.85rem}.sxp-ab--full{width:100%;display:flex}.sxp-ab--full button{flex:1;padding:.5rem .4rem;font-size:.82rem}.sxp-mini__hint{color:var(--ink-soft);margin:.6rem 0 0;font-size:.78rem}.sxp-mini__hint strong{color:var(--accent-deep)}.sxp-collection{text-align:center;padding-bottom:1.5rem;overflow:hidden}.gallery-stage{perspective:1200px;cursor:default;justify-content:center;align-items:center;height:380px;margin:1.5rem 0 .8rem;display:flex;position:relative}.gallery-item{cursor:pointer;width:220px;transform-style:preserve-3d;will-change:transform, opacity, filter;flex-direction:column;align-items:center;transition:transform .45s cubic-bezier(.25,.46,.45,.94),opacity .4s,filter .4s;display:flex;position:absolute}.gallery-item--center{cursor:pointer}.vinyl-disc{z-index:0;background:radial-gradient(circle,#1a1a1a 20%,#111 22%,#1a1a1a 24%,#111 40%,#1c1c1c 41%,#111 60%,#1a1a1a 61%,#111 80%,#1c1c1c 81%,#222 100%);border-radius:50%;width:190px;height:190px;transition:transform .45s cubic-bezier(.25,.46,.45,.94);position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.vinyl-disc__groove{border:.5px solid #ffffff0a;border-radius:50%;position:absolute;inset:15%}.vinyl-disc__groove--2{inset:28%}.vinyl-disc__groove--3{inset:38%}.vinyl-disc__label{background:radial-gradient(circle, var(--accent) 0%, var(--accent-deep) 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff4d}.vinyl-disc__label span{color:#fffdf7;letter-spacing:.05em;font-family:Gaegu,cursive;font-size:.85rem;font-weight:700}.gallery-item--center .vinyl-disc{transform:translate(-50%)translate(35px)}.gallery-item--playing .vinyl-disc{animation:3s linear infinite vinyl-spin}@keyframes vinyl-spin{0%{transform:translate(-50%)translate(35px)rotate(0)}to{transform:translate(-50%)translate(35px)rotate(360deg)}}.vinyl-sleeve{z-index:1;border:2px solid #33291d14;border-radius:10px;width:200px;height:200px;transition:box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 8px 28px #33291d38}.gallery-item--center .vinyl-sleeve{box-shadow:0 16px 48px #33291d4d}.vinyl-sleeve img{object-fit:cover;width:100%;height:100%;display:block}.vinyl-sleeve__play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:0;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:opacity .2s,background .2s;display:flex;position:absolute;bottom:10px;right:10px}.vinyl-sleeve__play--visible{opacity:1}.gallery-item--playing .vinyl-sleeve__play{background:var(--accent);opacity:1}.vinyl-info{text-align:center;flex-direction:column;gap:.1rem;max-width:210px;margin-top:.8rem;transition:opacity .3s;display:flex}.vinyl-info strong{color:var(--ink);font-size:.95rem;line-height:1.3}.vinyl-info__en{color:var(--ink-soft);font-size:.78rem;font-style:italic}.vinyl-info__artist{color:var(--accent-deep);margin-top:.15rem;font-family:Gaegu,cursive;font-size:.88rem;font-weight:700}.vinyl-info__genre{letter-spacing:.04em;color:var(--ink-soft);background:#e2702a14;border-radius:999px;align-self:center;margin-top:.2rem;padding:.1rem .5rem;font-family:Space Mono,monospace;font-size:.65rem}.vinyl-yt-embed{opacity:0;pointer-events:none;border:none;width:1px;height:1px;position:absolute}.gallery-dots{justify-content:center;gap:.5rem;margin-top:.2rem;display:flex}.gallery-dot{cursor:pointer;background:0 0;border:1.5px solid #33291d40;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.gallery-dot:hover{border-color:var(--accent);background:#e2702a26}.gallery-dot--active{background:var(--accent);border-color:var(--accent-deep);transform:scale(1.3)}.vinyl-nowplaying{background:var(--card);border:1.5px solid #e2702a40;border-radius:999px;align-items:center;gap:.8rem;max-width:400px;margin:.8rem auto 0;padding:.4rem .7rem .4rem .4rem;animation:.3s vinyl-bar-in;display:flex;box-shadow:0 6px 18px #33291d1f}@keyframes vinyl-bar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vinyl-nowplaying img{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:38px;height:38px;animation:3s linear infinite vinyl-spin-small}@keyframes vinyl-spin-small{to{transform:rotate(360deg)}}.vinyl-nowplaying div{text-align:left;flex-direction:column;flex:1;display:flex}.vinyl-nowplaying strong{color:var(--ink);font-size:.88rem}.vinyl-nowplaying span{color:var(--ink-soft);font-size:.75rem}.vinyl-nowplaying button{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1.5px solid #33291d33;border-radius:50%;flex-shrink:0;font-size:.85rem;transition:all .15s}.vinyl-nowplaying button:hover{background:var(--accent);color:#fff;border-color:var(--accent-deep)}@media (width<=840px){.gallery-stage{perspective:800px;height:320px}.gallery-item{width:170px}.vinyl-disc{width:155px;height:155px}.vinyl-sleeve{width:165px;height:165px}}.sxp-chainwrap{text-align:center}.sxp-chainwrap .sxp-chain{text-align:left}.sxp-genres{text-align:center}.sxp-genres .cw-prose{margin:0 auto}.sxp-genres__grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem;margin-top:2.4rem;display:grid}.sxp-genre{background:var(--card);transform:rotate(var(--tilt,0deg));border:1.5px solid #33291d1f;border-radius:16px;padding:1rem 1.1rem 1.3rem;box-shadow:0 12px 24px #33291d1f}.sxp-genre img{border-radius:10px;width:100%;display:block}.sxp-genre__tag{color:var(--accent-deep);background:#e2702a1f;border-radius:999px;margin:.9rem 0 .4rem;padding:.15rem .8rem;font-family:Gaegu,cursive;font-size:.95rem;font-weight:700;display:inline-block}.sxp-genre h3{margin:0 0 .4rem;font-size:1.02rem}.sxp-genre p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.7}.sxp-scene{text-align:center;padding-bottom:4rem}.sxp-scene__frame{background:var(--card);border-radius:8px;max-width:860px;margin:2.2rem auto 1.6rem;padding:16px 16px 46px;position:relative;transform:rotate(-.8deg);box-shadow:0 22px 44px #33291d38}.sxp-scene__frame:before{content:"";background:#e2702a52;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;width:120px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-2deg)}.sxp-scene__frame img{border-radius:4px;width:100%;display:block}.sxp-scene__frame span{text-align:center;color:var(--ink-soft);margin-top:12px;font-family:Gaegu,cursive;font-size:1.05rem;display:block}.sxp-scene__caption{margin:0 auto 2rem}.sxp-scene__cta{margin-top:.5rem}.sxp-engine-pipeline{margin-top:2.5rem}.sxp-engine-step{background:var(--card);border:1.5px solid #33291d1a;border-radius:20px;grid-template-columns:1fr 1.35fr;gap:2rem;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #33291d1a}.sxp-engine-step--alt{direction:rtl}.sxp-engine-step--alt>*{direction:ltr}.sxp-engine-step__visual{position:relative}.sxp-engine-step__badge{color:#fffdf7;background:var(--accent);border:2.5px solid var(--accent-deep);z-index:2;width:52px;height:52px;box-shadow:0 4px 0 var(--accent-deep);border-radius:14px;justify-content:center;align-items:center;font-family:Gaegu,cursive;font-size:1.8rem;font-weight:700;display:flex;position:absolute;top:-.6rem;left:-.6rem;transform:rotate(-3deg)}.sxp-engine-step__img-wrap{border:1.5px solid #33291d14;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #33291d1f}.sxp-engine-step__img-wrap img{width:100%;height:auto;transition:transform .4s;display:block}.sxp-engine-step:hover .sxp-engine-step__img-wrap img{transform:scale(1.03)}.sxp-engine-step__body{flex-direction:column;gap:.7rem;display:flex}.sxp-engine-step__body h3{margin:0;font-size:1.35rem}.sxp-engine-step__body .cw-step__tag{align-self:flex-start}.sxp-engine-step__lead{color:var(--ink-soft);margin:0;font-size:1.02rem;line-height:1.75}.sxp-engine-step__lead strong{color:var(--ink)}.sxp-engine-connector{justify-content:center;padding:.6rem 0;display:flex}.sxp-connector-arrow{width:40px;height:60px;color:var(--accent);animation:2s ease-in-out infinite sxp-arrow-pulse}@keyframes sxp-arrow-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.sxp-engine-targets{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.8rem;display:grid}.sxp-target{text-align:center;background:#33291d0a;border:1.5px solid #33291d1f;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;display:flex}.sxp-target__val{color:var(--ink);font-family:Gaegu,cursive;font-size:1.6rem;font-weight:700;line-height:1}.sxp-target__unit{letter-spacing:.05em;color:var(--accent-deep);font-family:Space Mono,monospace;font-size:.72rem}.sxp-target__label{color:var(--ink-soft);font-size:.72rem}.sxp-target--pass{background:#4caf5014;border-color:#4caf504d}.sxp-target--pass .sxp-target__val{color:#2e7d32;font-size:1.8rem}.sxp-target--pass .sxp-target__unit{color:#388e3c}@media (width<=840px){.sxp-engine-step{grid-template-columns:1fr;gap:1.2rem;padding:1.4rem}.sxp-engine-step--alt{direction:ltr}.sxp-engine-targets{grid-template-columns:repeat(2,1fr)}}.sxp-chainwrap__intro{text-align:center;margin:0 auto 1rem}@media (prefers-reduced-motion:reduce){.sxp-connector-arrow{animation:none}.sxp-engine-step:hover .sxp-engine-step__img-wrap img{transform:none}}.sxp-stemicons{grid-template-columns:repeat(3,1fr);align-self:center;gap:.9rem 1.1rem;max-width:460px;margin:0 auto;display:grid}.sxp-stemicon{text-align:center;margin:0}.sxp-stemicon img{border:2px solid #33291d1a;border-radius:50%;width:100%;transition:transform .18s;display:block;box-shadow:0 6px 14px #33291d1f}.sxp-stemicon:hover img{transform:translateY(-4px)rotate(-2deg)}.sxp-stemicon figcaption{color:var(--ink-soft);margin-top:.4rem;font-family:Gaegu,cursive;font-size:.92rem;font-weight:700}@media (prefers-reduced-motion:reduce){.sxp-stemicon:hover img{transform:none}}body:has(.create-page){place-items:initial!important;align-items:initial!important;background:#f5efe2!important;min-height:0!important;display:block!important}#root:has(.create-page){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.create-page{--paper:#f5efe2;--paper-deep:#ece2cd;--card:#fffdf7;--ink:#33291d;--ink-soft:#6f6353;--accent:#e2702a;--accent-deep:#c75312;color:var(--ink);background:radial-gradient(circle at 12% 8%, #e2702a0f, transparent 40%), radial-gradient(circle at 88% 30%, #6ca0ad14, transparent 45%), var(--paper);word-break:keep-all;overflow-wrap:break-word;min-height:100vh;font-family:Gowun Dodum,sans-serif;line-height:1.7}.create-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5efe2eb;border-bottom:2px dashed #33291d1f;align-items:center;gap:2rem;padding:.9rem clamp(1.2rem,5vw,4rem);display:flex;position:sticky;top:0}.create-wordmark{letter-spacing:.06em;color:var(--ink);font-family:Gaegu,cursive;font-size:1.5rem;font-weight:700;text-decoration:none}.create-wordmark span{color:var(--accent)}.create-header nav{gap:1.4rem;margin-left:auto;display:flex}.create-header nav a{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.create-header nav a:hover{color:var(--accent-deep)}.flow-container{max-width:640px;margin:0 auto;padding:0 clamp(1.2rem,5vw,2.5rem)}.flow-intro{text-align:center;padding:clamp(5rem,14vw,9rem) 0 clamp(3rem,8vw,5rem);transition:padding .7s cubic-bezier(.4,0,.2,1);overflow:hidden}.flow-intro.collapsed{padding:2.5rem 0 1.5rem}.flow-eyebrow{letter-spacing:.4em;color:var(--accent-deep);margin-bottom:1.2rem;font-family:Gaegu,cursive;font-size:1rem;transition:opacity .5s,transform .6s}.flow-intro.collapsed .flow-eyebrow{opacity:.6;transform:scale(.9)}.flow-hero-text{color:var(--ink);margin-bottom:1.2rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;line-height:1.3;transition:font-size .7s cubic-bezier(.4,0,.2,1),margin-bottom .6s,opacity .5s}.flow-intro.collapsed .flow-hero-text{opacity:.7;margin-bottom:.5rem;font-size:clamp(1.2rem,3vw,1.6rem)}.flow-hero-sub{color:var(--ink-soft);max-height:200px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8;transition:opacity .4s,max-height .6s,margin .6s}.flow-hero-sub.fade-out{opacity:0;max-height:0;margin-bottom:0;overflow:hidden}.flow-start-btn{background:var(--accent);color:#fffdf7;border:2px solid var(--accent-deep);box-shadow:0 4px 0 var(--accent-deep), 0 12px 24px #33291d24;cursor:pointer;border-radius:14px;padding:1rem 2.4rem;font-family:Gowun Dodum,sans-serif;font-size:1.15rem;transition:transform .18s,box-shadow .18s;animation:2.5s ease-in-out infinite gentlePulse;display:inline-block}.flow-start-btn:hover{box-shadow:0 7px 0 var(--accent-deep), 0 16px 30px #33291d2e;animation:none;transform:translateY(-3px)}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.flow-divider{flex-direction:column;align-items:center;padding:.5rem 0 1.5rem;display:flex}.flow-divider-dot{background:var(--paper-deep);border:2px solid #33291d33;border-radius:50%;flex-shrink:0;width:10px;height:10px}.flow-divider-dot.accent{background:var(--accent);border-color:var(--accent-deep);box-shadow:0 0 10px #e2702a4d}.flow-divider-line{background:repeating-linear-gradient(#33291d26 0 4px,#0000 4px 8px);width:2px;height:36px}.flow-block{padding-bottom:1rem}.flow-block.appear{animation:3s cubic-bezier(.16,1,.3,1) both flowIn}@keyframes flowIn{0%{opacity:0;filter:blur(6px);transform:translateY(50px)scale(.97)}50%{filter:blur(1px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.flow-block.appear .flow-q-label{animation:1.4s cubic-bezier(.16,1,.3,1) .6s both childFade}.flow-block.appear .flow-q-text{animation:1.4s cubic-bezier(.16,1,.3,1) 1s both childFade}.flow-block.appear .flow-q-hint{animation:1.4s cubic-bezier(.16,1,.3,1) 1.4s both childFade}.flow-block.appear .chip-grid,.flow-block.appear .inline-fields,.flow-block.appear .onboard-textarea,.flow-block.appear .onboard-input{animation:1.4s cubic-bezier(.16,1,.3,1) 1.8s both childFade}@keyframes childFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.flow-steps{padding-left:2.4rem;position:relative}.flow-rail{background:#33291d1f;border-radius:2px;width:2px;position:absolute;top:14px;bottom:110px;left:9px}.step-block{transition:opacity .5s,filter .5s;animation:.7s cubic-bezier(.16,1,.3,1) both stepIn;position:relative}.step-block.is-active{opacity:1;pointer-events:auto;filter:none}.step-block.is-done,.step-block.is-ahead{opacity:.4;pointer-events:none;filter:saturate(.55)}@keyframes stepIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.step-node{background:var(--card);box-sizing:border-box;z-index:2;border:2px solid #33291d38;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;top:3px;left:-2.4rem}.step-node.active{background:var(--accent);border-color:var(--accent-deep);box-shadow:0 0 0 5px #e2702a29}.step-node.done{background:var(--accent-deep);border-color:var(--accent-deep)}.step-node.done:after{content:"✓";color:#fffdf7;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.flow-nav-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.2rem;display:flex}.flow-back-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;padding:.5rem .2rem;font-family:inherit;font-size:.92rem;transition:color .2s}.flow-back-btn:hover{color:var(--accent-deep)}.plan-card{text-align:center}.eq-bars{justify-content:center;align-items:flex-end;gap:6px;height:56px;margin:0 auto 1.4rem;display:flex}.eq-bars span{background:var(--accent);border-radius:4px;width:8px;animation:1.1s ease-in-out infinite eq}.eq-bars span:nth-child(2){animation-delay:.18s}.eq-bars span:nth-child(3){animation-delay:.36s}.eq-bars span:nth-child(4){animation-delay:.54s}.eq-bars span:nth-child(5){animation-delay:.72s}@keyframes eq{0%,to{opacity:.7;height:14px}50%{opacity:1;height:52px}}.plan-msg{color:var(--ink);min-height:1.5em;margin:.4rem 0 1.4rem;font-size:1.05rem;font-weight:500;animation:.6s both planMsgIn}@keyframes planMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.plan-progress{background:var(--paper-deep);border-radius:999px;max-width:320px;height:6px;margin:0 auto 1.2rem;overflow:hidden}.plan-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-deep));border-radius:999px;width:40%;height:100%;animation:1.6s ease-in-out infinite indeterminate}@keyframes indeterminate{0%{margin-left:-45%}to{margin-left:105%}}.plan-hint{color:var(--ink-soft);font-size:.9rem}.flow-q-label{color:var(--accent);margin-bottom:.3rem;font-family:Gaegu,cursive;font-size:1.4rem;font-weight:700}.flow-q-text{color:var(--ink);margin-bottom:.5rem;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;line-height:1.35}.flow-q-hint{color:var(--ink-soft);margin-bottom:1.5rem;font-size:.98rem;line-height:1.6}.chip-grid{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--card);color:var(--ink);cursor:pointer;border:1.5px solid #33291d24;border-radius:999px;padding:.6rem 1.4rem;font-family:Gowun Dodum,sans-serif;font-size:1rem;transition:all .25s;box-shadow:0 3px 8px #33291d12}.chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #33291d1f}.chip.selected{background:var(--accent);color:#fffdf7;border-color:var(--accent-deep);box-shadow:0 3px 0 var(--accent-deep), 0 8px 16px #e2702a2e;transform:rotate(-1deg)scale(1.04)}.onboard-input{background:var(--card);width:100%;color:var(--ink);box-sizing:border-box;border:2px solid #33291d1a;border-radius:14px;outline:none;padding:.95rem 1.2rem;font-family:Gowun Dodum,sans-serif;font-size:1.05rem;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 12px #33291d0d}.onboard-input:focus{border-color:var(--accent);box-shadow:0 4px 20px #e2702a1a}.onboard-input::placeholder{color:#6f635373}.onboard-textarea{background:var(--card);width:100%;min-height:140px;color:var(--ink);resize:vertical;box-sizing:border-box;border:2px solid #33291d1a;border-radius:14px;outline:none;padding:1rem 1.2rem;font-family:Gowun Dodum,sans-serif;font-size:1.02rem;line-height:1.7;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 12px #33291d0d}.onboard-textarea:focus{border-color:var(--accent);box-shadow:0 4px 20px #e2702a1a}.onboard-textarea::placeholder{color:#6f635373}.inline-fields{gap:12px;display:flex}.age-input{flex-shrink:0;max-width:130px}.flow-next-btn{background:var(--card);color:var(--ink);cursor:pointer;border:1.5px solid #33291d2e;border-radius:12px;margin-top:1.2rem;padding:.75rem 1.8rem;font-family:Gowun Dodum,sans-serif;font-size:1rem;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 3px #33291d2e,0 8px 16px #33291d0f}.flow-next-btn:hover{transform:translateY(-2px);box-shadow:0 5px #33291d2e,0 12px 20px #33291d1a}.appear-fast{animation:1.4s cubic-bezier(.16,1,.3,1) both flowIn}.flow-final-card{background:var(--card);text-align:center;border:2px dashed #e2702a66;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);transform:rotate(-.4deg);box-shadow:0 14px 30px #33291d1a}.flow-final-summary{color:var(--ink);margin-bottom:1.5rem;font-size:1.15rem;line-height:1.6}.flow-final-summary strong{color:var(--accent-deep)}.flow-final-summary em{color:var(--accent);text-underline-offset:4px;font-style:normal;-webkit-text-decoration:underline wavy #e2702a80;text-decoration:underline wavy #e2702a80;text-decoration-thickness:2px}.flow-generate-btn{background:var(--accent);color:#fffdf7;border:2px solid var(--accent-deep);box-shadow:0 4px 0 var(--accent-deep), 0 12px 24px #33291d24;cursor:pointer;border-radius:14px;padding:1rem 2.5rem;font-family:Gowun Dodum,sans-serif;font-size:1.2rem;transition:transform .15s,box-shadow .15s;display:inline-block}.flow-generate-btn:hover{box-shadow:0 7px 0 var(--accent-deep), 0 16px 30px #33291d2e;transform:translateY(-3px)}.gen-card{background:var(--card);text-align:center;border:1.5px solid #33291d1a;border-radius:20px;padding:clamp(2rem,5vw,3rem);box-shadow:0 14px 32px #33291d1a}.vinyl-spinner{background:radial-gradient(circle at center, var(--accent) 10%, transparent 11%), radial-gradient(circle at center, transparent 38%, #33291d0f 39%, #33291d0f 40%, transparent 41%), repeating-conic-gradient(#33291d0a 0deg 4deg, transparent 4deg 8deg);background-color:var(--ink);border-radius:50%;width:100px;height:100px;margin:0 auto 2rem;animation:3s linear infinite spin;box-shadow:0 8px 24px #33291d38}.gen-title{color:var(--ink);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.gen-sub{color:var(--ink-soft);margin-bottom:2rem;font-size:1rem}.paper-timeline{text-align:left;padding-left:28px;position:relative}.paper-timeline:before{content:"";background:repeating-linear-gradient(to bottom, var(--accent) 0px, var(--accent) 4px, transparent 4px, transparent 8px);width:2px;position:absolute;top:0;bottom:0;left:8px}.tl-item{margin-bottom:1rem;animation:.5s both flowIn;position:relative}.tl-dot{background:var(--paper-deep);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;transition:all .4s;position:absolute;top:6px;left:-24px}.tl-item.current .tl-dot{background:var(--accent);box-shadow:0 0 10px #e2702a80}.tl-msg{color:var(--ink);margin:0;font-size:1rem}.tl-sub{color:var(--accent-deep);margin-top:4px;font-size:.85rem}.result-card{background:var(--card);text-align:center;border:1.5px solid #33291d1f;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 14px 32px #33291d1f}.result-title{color:var(--ink);margin-bottom:.3rem;font-size:1.6rem;font-weight:700}.result-sub{color:var(--ink-soft);margin-bottom:1.5rem;font-size:1rem}.result-cover{border-radius:14px;width:100%;max-width:300px;margin:0 auto 1.5rem;display:block;box-shadow:0 10px 30px #33291d33}.ab-paper-toggle{background:var(--paper-deep);cursor:pointer;border:1.5px solid #33291d1a;border-radius:999px;width:fit-content;margin:0 auto 1.2rem;padding:4px;display:flex}.ab-opt{z-index:2;color:var(--ink-soft);border-radius:999px;padding:.5rem 1.2rem;font-size:.88rem;font-weight:400;transition:color .3s;position:relative}.ab-opt.active{color:#fffdf7;font-weight:700}.ab-pill{background:var(--accent);z-index:1;width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:0 2px 0 var(--accent-deep);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.paper-audio{border-radius:10px;outline:none;width:100%;margin:.5rem 0 1.5rem}.action-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.act-btn{cursor:pointer;border:none;border-radius:14px;padding:.8rem 1.5rem;font-family:Gowun Dodum,sans-serif;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.act-btn:hover{transform:translateY(-2px)}.act-btn.primary{background:var(--accent);color:#fffdf7;border:2px solid var(--accent-deep);box-shadow:0 3px 0 var(--accent-deep), 0 8px 16px #33291d1f}.act-btn.secondary{background:var(--card);color:var(--ink);border:1.5px solid #33291d2e;box-shadow:0 3px #33291d2e,0 8px 14px #33291d0f}.act-btn.new-song{background:var(--paper-deep);color:var(--ink-soft);box-shadow:none;border:2px dashed #33291d33}.review-card{background:var(--card);border:1.5px solid #33291d1f;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 14px 32px #33291d1f}.review-eyebrow{letter-spacing:.2em;color:var(--accent);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.review-title{color:var(--ink);margin-bottom:.3rem;font-size:1.5rem;font-weight:700}.review-sub{color:var(--ink-soft);margin-bottom:1.6rem;font-size:.95rem}.review-section{margin-bottom:1.4rem}.review-label{color:var(--ink-soft);margin-bottom:.4rem;font-size:.82rem;font-weight:700}.review-song-title{color:var(--ink);font-size:1.3rem;font-weight:700}.review-style{color:var(--ink);font-size:1rem;line-height:1.7}.review-trend{background:var(--paper-deep);border:1px solid #33291d14;border-radius:14px;padding:1rem 1.2rem}.review-lyrics{white-space:pre-wrap;word-break:break-word;color:var(--ink);background:var(--paper-deep);border:1px solid #33291d14;border-radius:14px;max-height:380px;margin:0;padding:1.2rem 1.4rem;font-family:Gowun Dodum,sans-serif;font-size:1rem;line-height:1.9;overflow-y:auto}.review-card .action-row{margin-top:1.8rem}.flow-error-banner{color:var(--accent-deep);background:#fdf0ec;border:1px solid #c7531259;border-radius:12px;margin:0 0 1.4rem;padding:.9rem 1.2rem;font-size:.95rem;line-height:1.5}.result-gate-note{color:var(--accent-deep);margin:.8rem 0 0;font-size:.88rem;line-height:1.5}.act-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.inline-fields{flex-direction:column}.age-input{max-width:none}.create-header nav{display:none}}