.shuffle-screen[data-screen=fine-tune]{justify-content:flex-start}.ft-wrap{width:100%;max-width:min(1500px,98vw);margin:0 auto;padding:1.5rem 0 3rem;position:relative}.ft-head{text-align:center;margin-bottom:.85rem}.ft-head h2{margin-bottom:.2rem;font-size:1.6rem}.ft-head .card-body-sm{margin:0}.ft-palette-custom{position:relative;border:1px solid rgb(var(--cw-cyan-rgb) / .5)!important;background:rgb(var(--cw-cyan-rgb) / .06)!important}.ft-palette-custom:before{content:"★";color:var(--cw-cyan);font-size:8px;position:absolute;top:2px;right:4px}.ft-name-dialog{border:1px solid var(--cw-border);background:var(--cw-menu);border-radius:20px;max-width:min(500px,94vw);padding:1.75rem}.ft-name-preview{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid var(--cw-border-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;padding:.75rem 1rem;display:flex}.ft-name-preview .ft-palette-strip{border-radius:6px;width:140px;height:22px;overflow:hidden}.ft-name-mode{font-family:var(--font-mono);color:var(--cw-text-subtle);font-size:.75rem}.ft-name-form{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.ft-name-form label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cw-text-subtle);font-size:.75rem}.ft-name-form input{background:var(--cw-surface);border:1px solid var(--cw-border);color:var(--cw-text-strong);font-size:.95rem;font-family:var(--font-mono);border-radius:10px;padding:.65rem .85rem}.ft-name-form input:focus{border-color:var(--cw-cyan);box-shadow:0 0 0 3px rgb(var(--cw-cyan-rgb) / .2);outline:none}.ft-name-suggestions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.ft-name-chip{border:1px solid var(--cw-border-subtle);background:rgb(var(--cw-fg-rgb) / .03);color:var(--cw-text-muted);font-size:.72rem;font-family:var(--font-mono);cursor:pointer;border-radius:999px;padding:.25rem .6rem;transition:all .15s}.ft-name-chip:hover{border-color:var(--cw-cyan);color:var(--cw-text-strong);background:rgb(var(--cw-cyan-rgb) / .08)}.ft-layout{justify-content:center;width:100%;display:flex;position:relative}.ft-stage{flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:1240px;transition:padding-right .35s cubic-bezier(.16,1,.3,1),transform .35s;display:flex}.ft-mobile-pills-bar{justify-content:center;margin-bottom:8px;display:flex}.ft-chrome-page-pills{z-index:2;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.ft-stage .device{justify-content:center;width:100%;margin:0;display:flex}.ft-stage .browser-bezel{width:100%;max-width:1200px;box-shadow:0 25px 60px rgb(var(--cw-shadow-rgb) / calc(.6 * var(--cw-shadow-k)))}.ft-stage #ftDesktop{aspect-ratio:auto;height:clamp(620px,82vh,920px)}.ft-stage #ftMobile{aspect-ratio:auto;height:clamp(560px,76vh,720px)}.ft-stage .phone-bezel{width:280px;height:auto}.ft-stage[data-device=desktop] .ft-device-mobile,.ft-stage[data-device=mobile] .ft-device-desktop{display:none}.ft-stage [data-ft]{cursor:pointer;outline-offset:2px;outline:2px dashed #0000;transition:outline-color .15s}.ft-stage [data-ft]:hover{outline-color:rgb(var(--cw-cyan-rgb) / .7)}.ft-stage [data-ft=background]:hover{outline-color:#0000}.ft-stage .ft-flash{animation:.9s ft-flash}@keyframes ft-flash{0%,60%{outline-color:var(--cw-cyan)}to{outline-color:#0000}}.ft-drawer{top:calc(var(--cw-bar-h,40px) + 5rem);width:min(440px,100vw - 3rem);height:auto;max-height:calc(100vh - var(--cw-bar-h,40px) - 6.5rem);z-index:100;background:var(--cw-menu);backdrop-filter:blur(24px);border:1px solid var(--cw-border);box-shadow:0 25px 60px #00000080, 0 0 0 1px rgb(var(--cw-cyan-rgb) / .15);opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;gap:.75rem;padding:1.15rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;transform:translate(calc(100% + 3rem))}.ft-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.ft-drawer-header{border-bottom:1px solid var(--cw-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.ft-drawer-eyebrow{letter-spacing:.12em;margin:0;font-size:.65rem}.ft-drawer-title{font-size:1.15rem;font-family:var(--font-heading);color:var(--cw-text-strong);align-items:center;gap:.5rem;margin:.1rem 0 0;display:flex}.ft-drawer-close{border:1px solid var(--cw-border-subtle);background:rgb(var(--cw-fg-rgb) / .04);color:var(--cw-text-muted);cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.ft-drawer-close:hover{border-color:var(--cw-cyan);color:var(--cw-text-strong);background:rgb(var(--cw-cyan-rgb) / .1)}.ft-body{flex:1;min-height:0;margin:0 -.5rem;padding:0 .5rem;overflow-y:auto}.ft-check,.ft-actions{flex-shrink:0}.ft-section{flex-direction:column;gap:.9rem;display:flex}.ft-section[hidden]{display:none}.ft-empty{color:var(--cw-text-subtle);margin:0;padding:.6rem;font-size:.82rem}.ft-group{border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.5rem;padding:.6rem;transition:border-color .3s,background .3s;display:flex}.ft-group.is-focus{border-color:var(--cw-cyan);background:rgb(var(--cw-cyan-rgb) / .12);box-shadow:0 0 0 1px var(--cw-cyan), 0 0 20px rgb(var(--cw-cyan-rgb) / .25)}.ft-group-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cw-text-subtle);justify-content:space-between;gap:.5rem;margin:0;font-size:.75rem;display:flex}.ft-group-title small{text-transform:none;letter-spacing:0}.ft-roles-title{padding:0 .6rem}.ft-note{color:var(--cw-text-subtle);margin:0;font-size:.78rem}.ft-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ft-chip{border:1px solid var(--cw-border);background:rgb(var(--cw-fg-rgb) / .03);color:var(--cw-text);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;display:inline-flex}.ft-chip:hover{border-color:rgb(var(--cw-cyan-rgb) / .6)}.ft-chip.is-active{border-color:var(--cw-cyan);background:rgb(var(--cw-cyan-rgb) / .12);color:var(--cw-text-strong)}.ft-swatch{border:2px solid rgb(var(--cw-fg-rgb) / .18);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0;position:relative}.ft-swatch.is-active{border-color:var(--cw-cyan);box-shadow:0 0 0 2px rgb(var(--cw-cyan-rgb) / .35)}.ft-swatch-ok:after{content:"✓";background:var(--cw-success);color:#fff;text-align:center;border-radius:50%;width:14px;height:14px;font-size:9px;line-height:14px;position:absolute;bottom:-4px;right:-4px}.ft-palettes{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.4rem;display:grid}.ft-palette{border:1px solid var(--cw-border);cursor:pointer;color:var(--cw-text-muted);text-align:left;background:0 0;border-radius:8px;flex-direction:column;gap:.25rem;padding:.3rem;font-size:.68rem;display:flex}.ft-palette.is-active{border-color:var(--cw-cyan);box-shadow:0 0 0 1px var(--cw-cyan)}.ft-palette-strip{border-radius:4px;height:18px;display:flex;overflow:hidden}.ft-palette-strip span{flex:1}.ft-role{grid-template-columns:1fr auto;align-items:center;gap:.4rem .6rem;display:grid}.ft-role-name{color:var(--cw-text-strong);align-items:center;gap:.45rem;font-size:.85rem;display:flex}.ft-role-name .ft-dot{border:1px solid rgb(var(--cw-fg-rgb) / .2);border-radius:4px;width:14px;height:14px}.ft-role .ft-chips{grid-column:1/-1}.ft-color-row{grid-template-columns:1fr 36px 84px;align-items:center;gap:.5rem;font-size:.82rem;display:grid}.ft-color-row input[type=color],.ft-role input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid var(--cw-border);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:26px;padding:0}.ft-color-row input[type=color]::-webkit-color-swatch-wrapper,.ft-role input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ft-color-row input[type=color]::-webkit-color-swatch,.ft-role input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.ft-hex{border:1px solid var(--cw-border-subtle);width:100%;color:var(--cw-text);font-family:var(--font-mono);text-transform:uppercase;background:0 0;border-radius:6px;padding:.25rem .4rem;font-size:.78rem}.ft-pairings{flex-direction:column;gap:.35rem;display:flex}.ft-pairing{border:1px solid var(--cw-border);text-align:left;cursor:pointer;color:var(--cw-text);background:0 0;border-radius:8px;grid-template-columns:2.4rem 1fr;align-items:center;gap:.1rem .6rem;padding:.45rem .6rem;display:grid}.ft-pairing.is-active{border-color:var(--cw-cyan);box-shadow:0 0 0 1px var(--cw-cyan)}.ft-pairing-aa{color:var(--cw-text-strong);grid-row:span 2;font-size:1.5rem;line-height:1}.ft-pairing-name{color:var(--cw-text-strong);font-size:.85rem}.ft-pairing-fonts{color:var(--cw-text-subtle);font-size:.72rem}.ft-mix{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ft-mix label{color:var(--cw-text-subtle);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.ft-mix input{background:var(--cw-surface);border:1px solid var(--cw-border);color:var(--cw-text);border-radius:6px;padding:.4rem .5rem;font-size:.85rem}.ft-mix-actions{color:var(--cw-text-subtle);grid-column:1/-1;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.ft-pro-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, rgb(var(--cw-cyan-rgb) / .18), rgb(var(--cw-violet-rgb) / .22));border:1px solid rgb(var(--cw-cyan-rgb) / .4);color:var(--cw-cyan);border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.15rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.ft-pro-badge i{color:#f59e0b;font-size:.65rem}.ft-pro-card{border-radius:12px;padding:1rem;position:relative;overflow:hidden}.ft-pro-card.ft-pro-locked{border:1px solid rgb(var(--cw-violet-rgb) / .35);background:linear-gradient(145deg,#14141cf2,#0a0a0ffa);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.ft-pro-card-head{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.ft-pro-card-head h4{font-size:.98rem;font-family:var(--font-heading);color:var(--cw-text-strong);align-items:center;gap:.5rem;margin:0;display:flex}.ft-pro-card-desc{color:var(--cw-text-muted);margin:0;font-size:.76rem;line-height:1.45}.ft-pro-locked-preview{border:1px dashed rgb(var(--cw-fg-rgb) / .12);background:#0006;border-radius:8px;flex-direction:column;gap:.5rem;margin:.65rem 0 .85rem;padding:.75rem;display:flex;position:relative}.ft-pro-preview-row{color:var(--cw-text-subtle);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.ft-pro-preview-row strong{color:var(--cw-text);font-weight:600}.ft-pro-weights-preview{font-family:var(--font-mono);color:var(--cw-cyan);background:rgb(var(--cw-cyan-rgb) / .08);border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.ft-pro-locked-overlay{color:#f59e0b;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.4rem;padding-top:.35rem;font-size:.76rem;font-weight:600;display:flex}.ft-pro-unlock-btn{box-sizing:border-box;background:linear-gradient(135deg, var(--cw-cyan), var(--cw-violet));width:100%;box-shadow:0 4px 14px rgb(var(--cw-cyan-rgb) / .3);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;color:#050505!important}.ft-pro-unlock-btn:hover{box-shadow:0 6px 20px rgb(var(--cw-cyan-rgb) / .45);transform:translateY(-1px)}.ft-pro-studio{border:1px solid rgb(var(--cw-cyan-rgb) / .35);background:linear-gradient(145deg,#10141cf2,#0a0c12fa);border-radius:12px;flex-direction:column;gap:.85rem;padding:1rem;display:flex;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0f}.ft-pro-studio-head{flex-direction:column;gap:.3rem;display:flex}.ft-pro-studio-head h4{font-size:.98rem;font-family:var(--font-heading);color:var(--cw-text-strong);align-items:center;gap:.5rem;margin:0;display:flex}.ft-font-block{background:rgb(var(--cw-fg-rgb) / .025);border:1px solid var(--cw-border-subtle);border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.ft-font-block-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ft-font-block-header label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cw-text-strong);align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;display:flex}.ft-font-input-wrap{flex-direction:column;gap:.35rem;display:flex}.ft-font-family-input{box-sizing:border-box;background:var(--cw-surface);border:1px solid var(--cw-border);width:100%;color:var(--cw-text);font-size:.88rem;font-family:var(--font-heading);border-radius:7px;outline:none;padding:.45rem .65rem;transition:border-color .15s,box-shadow .15s}.ft-font-family-input:focus{border-color:var(--cw-cyan);box-shadow:0 0 0 2px rgb(var(--cw-cyan-rgb) / .25)}.ft-quick-fonts{flex-wrap:wrap;gap:.25rem;display:flex}.ft-quick-font-btn{border:1px solid var(--cw-border-subtle);background:rgb(var(--cw-fg-rgb) / .03);color:var(--cw-text-subtle);cursor:pointer;border-radius:4px;padding:.18rem .45rem;font-size:.7rem;transition:all .12s}.ft-quick-font-btn:hover{background:rgb(var(--cw-cyan-rgb) / .12);color:var(--cw-text-strong);border-color:rgb(var(--cw-cyan-rgb) / .3)}.ft-weights-header{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.ft-weights-header span{font-size:.72rem;font-family:var(--font-mono);color:var(--cw-text-subtle);text-transform:uppercase;letter-spacing:.05em}.ft-weight-presets{gap:.4rem;display:flex}.ft-weight-preset-btn{color:var(--cw-cyan);cursor:pointer;opacity:.85;background:0 0;border:none;padding:0;font-size:.7rem;text-decoration:underline}.ft-weight-preset-btn:hover{opacity:1}.ft-weight-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}@media (width>=480px){.ft-weight-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.ft-weight-chip{border:1px solid var(--cw-border);background:var(--cw-surface);color:var(--cw-text-muted);cursor:pointer;font-family:var(--font-mono);user-select:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:.3rem .2rem;transition:all .12s;display:flex}.ft-weight-chip:hover{border-color:rgb(var(--cw-cyan-rgb) / .5);color:var(--cw-text)}.ft-weight-chip.is-active{background:rgb(var(--cw-cyan-rgb) / .14);border-color:var(--cw-cyan);color:var(--cw-cyan);box-shadow:0 0 0 1px var(--cw-cyan);font-weight:700}.ft-weight-num{font-size:.8rem;line-height:1.1}.ft-weight-name{opacity:.75;letter-spacing:-.02em;font-size:.62rem}.ft-pro-actions{flex-direction:column;gap:.45rem;margin-top:.25rem;display:flex}.ft-apply-pro-fonts{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.ft-pro-font-status{min-height:1.2rem;color:var(--cw-text-subtle);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.ft-segment{background:rgb(var(--cw-fg-rgb) / .04);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.2rem;display:grid}.ft-segment button{color:var(--cw-text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:6px;padding:.4rem .2rem;font-size:.75rem}.ft-segment button.is-active{background:var(--cw-surface);color:var(--cw-text-strong);box-shadow:0 1px 2px rgb(var(--cw-shadow-rgb) / calc(.4 * var(--cw-shadow-k)))}.ft-photos{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.ft-photo{border:1px solid var(--cw-border);cursor:pointer;text-align:left;color:var(--cw-text);background:0 0;border-radius:8px;padding:0;overflow:hidden}.ft-photo.is-active{border-color:var(--cw-cyan);box-shadow:0 0 0 1px var(--cw-cyan)}.ft-photo span{aspect-ratio:4/3;background-position:50%;background-size:cover;display:block}.ft-photo small{padding:.3rem .4rem;font-size:.7rem;display:block}.ft-check{border:1px solid var(--cw-border);border-radius:10px;flex-direction:column;gap:.45rem;padding:.6rem .75rem;font-size:.82rem;display:flex}.ft-check.is-good{border-color:#34d39973}.ft-check-title{color:var(--cw-text-strong);align-items:center;gap:.45rem;margin:0;font-weight:600;display:flex}.ft-check-title .fa-circle-check{color:var(--cw-success)}.ft-check-title .fa-triangle-exclamation{color:var(--cw-warn)}.ft-issues{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ft-issue{color:var(--cw-text);grid-template-columns:1rem 1fr;align-items:start;gap:.15rem .45rem;display:grid}.ft-issue i{margin-top:.15rem}.ft-issue.is-problem i{color:var(--cw-red)}.ft-issue.is-warning i{color:var(--cw-warn)}.ft-issue.is-tip i{color:var(--cw-text-subtle)}.ft-issue-actions{grid-column:2;gap:.6rem;display:flex}.ft-link{color:var(--cw-cyan);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.ft-check details summary{cursor:pointer;color:var(--cw-text-subtle);font-size:.78rem}.ft-actions{border-top:1px solid var(--cw-border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.ft-actions button{white-space:nowrap}.ft-actions .ft-undo{align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;display:inline-flex}.ft-actions .btn-primary{align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;display:inline-flex}.preview-tune-btn{align-items:center;gap:.55rem;margin:0 auto 1rem;display:inline-flex}.ft-share-btn{border:1px solid var(--cw-border);background:var(--cw-glass);color:var(--cw-text);font-family:var(--font-mono);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.78rem;display:inline-flex}.ft-share-btn:hover{border-color:rgb(var(--cw-cyan-rgb) / .6);color:var(--cw-text-strong)}.ft-dialog{border:1px solid var(--cw-border);background:var(--cw-menu);max-width:min(460px,92vw);color:var(--cw-text);box-shadow:var(--cw-shadow);border-radius:16px;padding:1.5rem}.ft-dialog::backdrop{background:var(--cw-overlay);backdrop-filter:blur(4px)}.ft-dialog h2{margin:0 0 .5rem}.ft-dialog-detail{font-family:var(--font-mono);color:var(--cw-text-muted);margin:0 0 .75rem;font-size:.85rem}.ft-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.ft-dialog-actions button{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.ft-share-row{gap:.5rem;margin:.75rem 0;display:flex}.ft-share-row input{background:var(--cw-surface);border:1px solid var(--cw-border);min-width:0;color:var(--cw-text-strong);font-family:var(--font-mono);border-radius:8px;flex:1;padding:.55rem .7rem;font-size:.85rem}.ft-share-audio-toggle{color:var(--cw-text-muted);cursor:pointer;user-select:none;align-items:center;gap:.5rem;margin:.15rem 0 .85rem;font-size:.85rem;display:inline-flex}.ft-share-audio-toggle:hover{color:var(--cw-text)}.ft-share-audio-toggle input[type=checkbox]{accent-color:var(--cw-cyan);cursor:pointer;width:1rem;height:1rem;margin:0}.ft-share-audio-toggle i{color:var(--cw-cyan);font-size:.85rem}.ft-viewbar{border:1px solid rgb(var(--cw-cyan-rgb) / .35);background:rgb(var(--cw-cyan-rgb) / .08);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.ft-viewbar[hidden]{display:none}.ft-viewbar button{align-items:center;gap:.45rem;display:inline-flex}.shuffle-screen.is-viewing .ft-panel,.shuffle-screen.is-viewing .ft-share-btn,.shuffle-screen.is-viewing .ft-top-tabs,.shuffle-screen.is-viewing .ft-drawer-toggle{display:none}.shuffle-screen.is-viewing .ft-layout{justify-content:center;display:flex}.preview-tune-btn i{line-height:1}.preview-check{max-width:720px;color:var(--cw-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 auto 1rem;font-size:.85rem;display:flex}.preview-check:empty{display:none}.preview-check.is-good i{color:var(--cw-success)}.preview-check.has-issues{color:var(--cw-text);background:#f59e0b14;border:1px solid #f59e0b73;border-radius:10px;padding:.55rem .85rem}.preview-check.has-issues i{color:var(--cw-warn)}.ft-drawer-backdrop{z-index:95;backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;display:none;position:fixed;inset:0}@media (width<=760px){.ft-wrap{padding:1rem 0 2rem}.ft-drawer{border-radius:16px;width:auto;max-height:75vh;inset:auto .75rem .75rem}.ft-drawer-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.ft-stage .phone-bezel{width:min(280px,80vw)}}body.shuffle-active{height:100dvh;overflow:hidden}.shuffle-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb-v{background:var(--cw-orb-violet);width:500px;height:500px;top:-150px;right:-100px}.orb-c{background:var(--cw-orb-cyan);width:450px;height:450px;animation-delay:-9s;bottom:-120px;left:-80px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}.shuffle-header{top:var(--cw-bar-h,0px);z-index:100;background:color-mix(in srgb, var(--cw-bg) 70%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid rgb(var(--cw-fg-rgb) / .06);grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;display:grid;position:fixed;left:0;right:0}.back-link{color:rgb(var(--cw-fg-rgb) / .6);font-size:.875rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--cw-text-strong)}.header-nav{align-items:center;gap:1rem;display:flex}.nav-arrow{color:rgb(var(--cw-fg-rgb) / .6);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:1rem;transition:color .2s}.nav-arrow:hover:not(:disabled){color:var(--cw-text-strong)}.nav-arrow:disabled{opacity:.2;cursor:not-allowed;color:var(--cw-text-subtle)}.progress-text{font-family:var(--font-mono);color:var(--cw-text-muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;min-width:80px;font-size:.85rem;font-weight:500}.btn-ghost{border:1px solid rgb(var(--cw-fg-rgb) / .3);color:var(--cw-text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-ghost:hover{color:var(--cw-text-strong);border-color:rgb(var(--cw-fg-rgb) / .5)}.header-left{justify-self:start;align-items:center;gap:.85rem;display:flex}.header-share-btn{border:1px solid rgb(var(--cw-fg-rgb) / .14);background:rgb(var(--cw-fg-rgb) / .05);color:var(--cw-text-muted);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;height:30px;padding:.35rem .85rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.header-share-btn[hidden]{display:none!important}.header-share-btn:hover{border-color:var(--cw-cyan);color:var(--cw-text-strong);background:rgb(var(--cw-cyan-rgb) / .08)}.header-right{justify-content:flex-end;align-items:center;gap:.5rem;min-height:36px;display:flex}.shuffle-header .back-link{justify-self:start}.cw-bar-tools{align-items:center;gap:.45rem;display:inline-flex}.cw-bar-tools[hidden]{display:none!important}.ft-device-switch{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .12);border-radius:999px;align-items:center;gap:.15rem;padding:.18rem .25rem;display:inline-flex}.ft-device-switch button{color:var(--cw-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.88rem;transition:all .15s;display:inline-flex}.ft-device-switch button:hover{color:var(--cw-text-strong)}.ft-device-switch button[aria-pressed=true]{background:var(--cw-surface);color:var(--cw-text-strong);box-shadow:0 1px 3px rgb(var(--cw-shadow-rgb) / calc(.3 * var(--cw-shadow-k)));border:1px solid rgb(var(--cw-cyan-rgb) / .4)}.ft-bar-tabs{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .12);border-radius:999px;align-items:center;gap:.2rem;padding:.18rem .25rem;display:inline-flex}.ft-bar-tabs .ft-tab{color:var(--cw-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:all .15s;display:inline-flex}.ft-bar-tabs .ft-tab span{display:none}.ft-bar-tabs .ft-tab:hover{color:var(--cw-text-strong)}.ft-bar-tabs .ft-tab[aria-selected=true]{background:var(--cw-surface);color:var(--cw-text-strong);box-shadow:0 1px 3px rgb(var(--cw-shadow-rgb) / calc(.3 * var(--cw-shadow-k)));border:1px solid rgb(var(--cw-cyan-rgb) / .4)}.ft-bar-drawer-btn,.ft-bar-undo-btn,.ft-bar-tour-btn{border:1px solid rgb(var(--cw-fg-rgb) / .12);background:rgb(var(--cw-fg-rgb) / .05);color:var(--cw-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.76rem;transition:all .15s;display:grid}.ft-bar-drawer-btn:hover,.ft-bar-undo-btn:hover:not(:disabled),.ft-bar-tour-btn:hover{border-color:var(--cw-cyan);color:var(--cw-text-strong)}.ft-bar-undo-btn:disabled{opacity:.35;cursor:default}.ft-bar-done-btn{background:var(--cw-cyan);color:#050505;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;height:32px;padding:.35rem .85rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.ft-bar-done-btn:hover{box-shadow:0 0 12px rgb(var(--cw-cyan-rgb) / .5);transform:translateY(-1px)}.tts-control{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.tts-slider{-webkit-appearance:none;appearance:none;opacity:0;pointer-events:none;--vol:80%;background:0 0;border:none;outline:none;width:90px;height:4px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;right:calc(100% + 10px);transform:translate(12px,-50%)}.tts-control:hover .tts-slider,.tts-control:focus-within .tts-slider{opacity:1;pointer-events:auto;transform:translateY(-50%)}.tts-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-neon-cyan) 0%, var(--color-neon-cyan) var(--vol), rgb(var(--cw-fg-rgb) / .2) var(--vol), rgb(var(--cw-fg-rgb) / .2) 100%);border-radius:2px;width:100%;height:4px}.tts-slider::-moz-range-track{background:rgb(var(--cw-fg-rgb) / .2);border-radius:2px;width:100%;height:4px}.tts-slider::-moz-range-progress{background:var(--color-neon-cyan);border-radius:2px;height:4px}.tts-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-neon-cyan);width:14px;height:14px;box-shadow:0 0 10px rgb(var(--cw-cyan-rgb) / .6);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;margin-top:-5px;transition:transform .15s}.tts-slider::-webkit-slider-thumb:hover,.tts-slider:focus::-webkit-slider-thumb{transform:scale(1.15)}.tts-slider::-moz-range-thumb{background:var(--color-neon-cyan);width:14px;height:14px;box-shadow:0 0 10px rgb(var(--cw-cyan-rgb) / .6);cursor:pointer;border:2px solid #fffffff2;border-radius:50%}.tts-indicator{background:rgb(var(--cw-cyan-rgb) / .08);border:1px solid rgb(var(--cw-cyan-rgb) / .35);width:36px;height:36px;color:var(--color-neon-cyan);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .15s;display:inline-flex;position:relative}.tts-indicator:hover{background:rgb(var(--cw-cyan-rgb) / .18);border-color:rgb(var(--cw-cyan-rgb) / .6)}.tts-indicator.is-muted{background:rgb(var(--cw-fg-rgb) / .03);border-color:rgb(var(--cw-fg-rgb) / .15);color:rgb(var(--cw-fg-rgb) / .6)}.tts-indicator.is-muted:hover{background:rgb(var(--cw-cyan-rgb) / .08);border-color:rgb(var(--cw-cyan-rgb) / .35);color:var(--color-neon-cyan)}.tts-indicator:active{transform:scale(.94)}.tts-indicator .fa-volume-high{z-index:1;font-size:.95rem}.tts-indicator .tts-wave{pointer-events:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:-6px}.tts-indicator .tts-wave span{border:2px solid var(--color-neon-cyan);border-radius:50%;position:absolute;inset:0}.tts-indicator.is-speaking .tts-wave{opacity:1}.tts-indicator.is-speaking .tts-wave span:first-child{animation:1.4s ease-out infinite tts-pulse}.tts-indicator.is-speaking .tts-wave span:nth-child(2){animation:1.4s ease-out .35s infinite tts-pulse}.tts-indicator.is-speaking .tts-wave span:nth-child(3){animation:1.4s ease-out .7s infinite tts-pulse}.tts-indicator.is-speaking{background:rgb(var(--cw-cyan-rgb) / .22)}@keyframes tts-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.tts-indicator .tts-ping-ring{border:2px solid var(--color-neon-cyan);pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-2px}.tts-indicator.needs-attention .tts-ping-ring{animation:1.2s cubic-bezier(0,0,.2,1) infinite tts-ping-anim}@keyframes tts-ping-anim{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}.tts-optin{border:1px solid rgb(var(--cw-cyan-rgb) / .25);background:rgb(var(--cw-cyan-rgb) / .06);border-radius:10px;flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:.85rem 1rem;display:flex}.tts-optin-label{color:var(--cw-text);align-items:center;gap:.6rem;font-size:.9rem;line-height:1.3;display:flex}.tts-optin-label .fa-volume-high{color:var(--color-neon-cyan);font-size:1rem}.tts-optin-choice{background:rgb(var(--cw-shadow-rgb) / calc(.3 * var(--cw-shadow-k)));border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.tts-optin-btn{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .06);color:rgb(var(--cw-fg-rgb) / .8);font-family:var(--font-mono);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.55rem .65rem;transition:all .15s;display:flex}.tts-optin-btn:hover{color:var(--cw-text-strong);background:rgb(var(--cw-cyan-rgb) / .1);border-color:rgb(var(--cw-cyan-rgb) / .35)}.tts-optin-btn.is-active{background:var(--color-neon-cyan);color:var(--cw-text-on-accent);border-color:var(--color-neon-cyan);box-shadow:0 0 0 1px var(--color-neon-cyan)}.tts-optin-btn.is-active .tts-optin-btn-meta{color:color-mix(in srgb, var(--cw-text-on-accent) 65%, transparent)}.tts-optin-btn-name{letter-spacing:.02em;font-size:.85rem;font-weight:700}.tts-optin-btn-meta{color:var(--cw-text-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:500}.tts-optin-btn-none{letter-spacing:.04em;flex-direction:row;grid-column:1/-1;gap:.45rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.tts-optin-btn-none i{font-size:.9rem}.shuffle-stage{z-index:1;justify-content:center;align-items:center;padding-top:64px;display:flex;position:fixed;inset:0}.shuffle-screen{padding:calc(var(--cw-bar-h,0px) + 5.25rem) 1rem 2rem;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;overflow-y:auto}.hidden{display:none!important}.shuffle-screen.hidden{opacity:0;pointer-events:none;transform:translateY(20px);display:none!important}.shuffle-screen.exiting{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translate(-60px)}.screen-deck{width:100%;max-width:620px;height:560px;position:relative}@media (width<=680px){.screen-deck{max-width:440px;height:540px}}.deck-card{width:100%;padding:2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute}.deck-top{z-index:3;transform:translateY(0)rotate(0)scale(1)}.deck-behind-1{z-index:2;opacity:.7;pointer-events:none;inset:0;transform:translateY(10px)rotate(-2deg)scale(.97)}.deck-behind-2{z-index:1;opacity:.5;pointer-events:none;inset:0;transform:translateY(20px)rotate(1.5deg)scale(.94)}.welcome-deck{height:auto;min-height:580px}.welcome-card{scrollbar-width:thin;max-height:clamp(560px,88vh,720px);position:relative;overflow-y:auto}.card-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-cyan);margin:0 0 .5rem;font-size:.875rem}h2{margin:0 0 .75rem;font-size:2rem;font-weight:800}.card-body{color:var(--cw-text-subtle);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.card-body-sm{color:var(--cw-text-subtle);margin:0 0 .5rem;font-size:.875rem}h1{margin:.25rem 0 1rem;font-size:3rem;font-weight:800}.origin-options{flex-direction:column;gap:.6rem;display:flex}.origin-btn{cursor:pointer;background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .08);color:var(--cw-text);text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;transition:all .2s;display:flex}.origin-btn:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .05)}.origin-icon{flex-shrink:0;font-size:1.2rem}.origin-btn-body{flex:1;min-width:0}.origin-btn strong{font-family:var(--font-heading);align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.origin-btn small{color:rgb(var(--cw-fg-rgb) / .6);margin-top:.1rem;font-size:.85rem;display:block}.origin-ai-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-cyan);background:rgb(var(--cw-cyan-rgb) / .12);border:1px solid rgb(var(--cw-cyan-rgb) / .3);border-radius:4px;align-items:center;gap:.25rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;line-height:1.2;display:inline-flex}.origin-lock-indicator{color:var(--cw-text-muted);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;font-size:.85rem;display:inline-flex}.origin-deck{height:auto;min-height:560px}.origin-card{scrollbar-width:thin;max-height:clamp(560px,86vh,680px);position:relative;overflow-y:auto}.origin-trust-card{background:linear-gradient(135deg, rgb(var(--cw-violet-rgb) / .1), rgb(var(--cw-cyan-rgb) / .05));border:1px solid rgb(var(--cw-violet-rgb) / .32);border-radius:12px;flex-direction:column;gap:.75rem;margin-top:.9rem;padding:.85rem 1rem;display:flex}.origin-trust-header{align-items:flex-start;gap:.75rem;display:flex}.origin-trust-icon{color:var(--color-neon-violet);flex-shrink:0;margin-top:.15rem;font-size:1.15rem}.origin-trust-text strong{color:var(--cw-text-strong);font-size:.85rem;font-family:var(--font-heading);margin-bottom:.2rem;display:block}.origin-trust-text p{color:var(--cw-text-subtle);margin:0;font-size:.78rem;line-height:1.45}.origin-trust-actions{border-top:1px solid rgb(var(--cw-fg-rgb) / .06);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.origin-trust-btn{border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;text-decoration:none;display:inline-flex}.origin-trust-links{font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:.5rem;display:flex}.origin-trust-links a{color:var(--cw-text-muted);text-decoration:none;transition:color .15s}.origin-trust-links a:hover{color:var(--cw-cyan);text-decoration:underline}.origin-trust-dot{color:var(--cw-text-muted);opacity:.5}.color-chip-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.5rem;display:grid}.color-chip{cursor:pointer;background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .08);color:var(--cw-text);text-align:left;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .7rem;transition:all .2s;display:flex}.color-chip:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .05)}.color-chip.active{border-color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .12);box-shadow:0 0 0 1px var(--color-neon-violet)}.color-chip-swatch{border:1px solid rgb(var(--cw-fg-rgb) / .25);border-radius:50%;flex-shrink:0;width:1.2rem;height:1.2rem}.color-chip-label{font-size:.82rem;font-weight:500}.color-prefs-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (width<=480px){.color-chip-grid{grid-template-columns:repeat(2,1fr)}.color-prefs-actions{flex-direction:column-reverse;align-items:stretch}}.font-style-mixed{border-color:rgb(var(--cw-violet-rgb) / .35);background:rgb(var(--cw-violet-rgb) / .05)}.font-style-mixed:hover{border-color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .09);box-shadow:0 0 24px rgb(var(--cw-violet-rgb) / .2)}.font-style-mixed-icon{letter-spacing:-1px;padding-left:.1rem;font-size:1.5rem;line-height:1}.font-style-btn strong{white-space:nowrap;flex-shrink:0}.font-style-name{white-space:nowrap}.font-style-lock{font-family:var(--font-mono);letter-spacing:.02em;text-transform:none;white-space:nowrap;color:color-mix(in srgb, var(--cw-violet) 25%, var(--cw-text-strong));background:rgb(var(--cw-violet-rgb) / .2);border:1px solid rgb(var(--cw-violet-rgb) / .45);vertical-align:middle;border-radius:999px;align-items:center;gap:.3rem;margin-left:.45rem;padding:.14rem .5rem;font-size:.68rem;font-weight:600;line-height:1.25;display:inline-flex}.font-style-lock i{font-size:.62rem}button.font-style-lock{-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button.font-style-lock:hover,button.font-style-lock:focus-visible{background:rgb(var(--cw-violet-rgb) / .34);border-color:var(--color-neon-violet);transform:translateY(-1px)}button.font-style-lock:focus-visible{outline:2px solid var(--color-neon-cyan);outline-offset:2px}.font-style-mixed.is-locked{opacity:.85}.font-style-mixed.is-locked:hover{opacity:1}.font-style-custom{border-color:rgb(var(--cw-cyan-rgb) / .35);background:rgb(var(--cw-cyan-rgb) / .04)}.font-style-custom:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .08);box-shadow:0 0 24px rgb(var(--cw-cyan-rgb) / .2)}.font-style-custom-icon{color:var(--color-neon-cyan);font-size:1.2rem}.font-style-custom.is-locked{opacity:.85}.font-style-custom.is-locked:hover{opacity:1}.font-custom-wrap{flex-direction:column;gap:1.5rem;width:100%;max-width:min(900px,94vw);margin:0 auto;padding:4rem 1.5rem 3rem;display:flex}.font-custom-head{text-align:center}.font-custom-head h2{font-family:var(--font-heading);margin:.35rem 0;font-size:1.9rem}.font-custom-desc{font-family:var(--font-mono);color:var(--cw-text-subtle);margin:.5rem 0 0;font-size:.85rem}.font-custom-form{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .08);border-radius:14px;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;display:grid}.font-custom-field{flex-direction:column;gap:.4rem;display:flex}.font-custom-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-cyan);font-size:.875rem}.font-custom-input{background:rgb(var(--cw-fg-rgb) / .04);border:1px solid rgb(var(--cw-fg-rgb) / .12);color:var(--cw-text-strong);font-family:var(--font-mono);border-radius:10px;outline:none;padding:.7rem .85rem;font-size:.9rem;transition:all .2s}.font-custom-input:focus{border-color:var(--color-neon-cyan);box-shadow:0 0 0 3px rgb(var(--cw-cyan-rgb) / .15)}.font-custom-status{font-family:var(--font-mono);color:var(--cw-text-subtle);grid-column:1/-1;align-items:center;gap:.5rem;min-height:1.2em;margin:0;font-size:.88rem;display:flex}.font-custom-status .fa-circle-check{color:var(--cw-success-bright)}.font-custom-status .fa-circle-exclamation{color:var(--cw-warn)}.font-custom-preview{background:rgb(var(--cw-fg-rgb) / .02);border:1px solid rgb(var(--cw-fg-rgb) / .08);border-radius:14px;padding:1.25rem}.font-custom-preview-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:rgb(var(--cw-fg-rgb) / .6);margin:0 0 .75rem;font-size:.875rem}.font-custom-preview-card{min-height:280px}.font-custom-preview-empty{color:var(--cw-text-subtle);font-family:var(--font-mono);text-align:center;margin:0;padding:3rem 1rem;font-size:.85rem}.font-custom-actions{justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}@media (width<=720px){.font-custom-form{grid-template-columns:1fr}}.origin-describe{border-color:rgb(var(--cw-violet-rgb) / .35);background:rgb(var(--cw-violet-rgb) / .05)}.origin-describe:hover{border-color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .09);box-shadow:0 0 24px rgb(var(--cw-violet-rgb) / .2)}.origin-describe-icon{color:var(--cw-text-strong)}.origin-describe.is-locked{opacity:.85}.origin-describe.is-locked:hover{opacity:1}.origin-describe.is-locked{align-items:flex-start}.origin-describe.is-locked .origin-describe-icon{margin-top:.15rem}.describe-wrap{flex-direction:column;gap:1.5rem;width:100%;max-width:min(1200px,94vw);margin:0 auto;padding:4rem 1.5rem 3rem;display:flex}.describe-head{text-align:center}.describe-head h2{font-family:var(--font-heading);margin:.35rem 0;font-size:1.9rem}.describe-desc{font-family:var(--font-mono);color:var(--cw-text-subtle);max-width:640px;margin:.5rem auto 0;font-size:.85rem}.describe-form{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .08);border-radius:14px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.describe-input{background:rgb(var(--cw-fg-rgb) / .04);border:1px solid rgb(var(--cw-fg-rgb) / .12);color:var(--cw-text-strong);font-family:var(--font-mono);resize:vertical;border-radius:10px;outline:none;min-height:88px;padding:.85rem 1rem;font-size:.9rem;transition:all .2s}.describe-input:focus{border-color:var(--color-neon-violet);box-shadow:0 0 0 3px rgb(var(--cw-violet-rgb) / .15)}.describe-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.describe-count{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);font-size:.82rem}.describe-mode-toggle{justify-content:center;align-items:center;gap:.5rem;display:flex}.describe-mode-label{font-family:var(--font-mono);color:var(--cw-text-subtle);letter-spacing:.1em;text-transform:uppercase;margin-right:.25rem;font-size:.85rem}.chip-btn{font-family:var(--font-mono);color:var(--cw-text-muted);background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .12);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.88rem;transition:all .2s;display:inline-flex}.chip-btn:hover{border-color:rgb(var(--cw-violet-rgb) / .5);color:var(--cw-text)}.chip-btn.is-active{color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .12);border-color:rgb(var(--cw-violet-rgb) / .5)}.describe-results{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.describe-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.describe-card-col{flex-direction:column;gap:.6rem;min-width:0;display:flex}.describe-card{min-width:0;padding:1rem}.describe-pick{width:100%}.describe-status{font-family:var(--font-mono);color:var(--cw-text-subtle);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.describe-status .fa-circle-check{color:var(--cw-success-bright)}.describe-status .fa-circle-xmark{color:color-mix(in srgb, var(--cw-red) 75%, var(--cw-text-strong))}.describe-cost{color:rgb(var(--cw-fg-rgb) / .6);margin-left:.5rem;font-size:.82rem}.describe-actions{justify-content:flex-start;display:flex}@media (width<=900px){.describe-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}.export-options{background:rgb(var(--cw-violet-rgb) / .04);border:1px solid rgb(var(--cw-violet-rgb) / .2);border-radius:12px;flex-direction:column;gap:.6rem;margin-top:1.25rem;padding:1rem;display:flex}.export-options.is-locked{opacity:.78}.export-options-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-violet);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.875rem;display:flex}.export-option{cursor:pointer;align-items:flex-start;gap:.7rem;padding:.5rem .1rem;display:flex}.export-options.is-locked .export-option{cursor:not-allowed}.export-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-neon-violet);margin-top:.22rem}.export-option strong{font-family:var(--font-heading);color:var(--cw-text-strong);font-size:.9rem;font-weight:600;display:block}.export-option small{color:var(--cw-text-subtle);margin-top:.15rem;font-size:.85rem;line-height:1.45;display:block}.export-option small code{background:rgb(var(--cw-fg-rgb) / .06);border-radius:4px;padding:.05rem .3rem;font-size:.82rem}.export-json-btn{align-self:flex-start;margin-top:.25rem}.export-json-btn:disabled{opacity:.55;cursor:not-allowed}.url-form{gap:.5rem;margin-bottom:.75rem;display:flex}.url-input{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .1);color:var(--cw-text);font-family:var(--font-mono);border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.85rem}.url-input:focus{border-color:var(--color-neon-cyan)}.extract-status{font-family:var(--font-mono);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.extract-status.loading{color:var(--color-neon-cyan)}.extract-status.success{color:var(--cw-success-bright)}.extract-status.error{color:color-mix(in srgb, var(--cw-red) 75%, var(--cw-text-strong))}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.dropzone{border:2px dashed rgb(var(--cw-fg-rgb) / .18);text-align:center;cursor:pointer;background:rgb(var(--cw-fg-rgb) / .02);border-radius:16px;justify-content:center;align-items:center;min-height:140px;transition:all .2s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .04)}.file-input{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.dropzone-inner{color:rgb(var(--cw-fg-rgb) / .6);padding:1.75rem 1.5rem}.drop-icon{color:var(--color-neon-cyan);margin-bottom:.5rem;font-size:2.25rem;display:block}.dropzone-inner p{color:var(--cw-text-strong);margin:0 0 .35rem;font-size:.95rem}.dropzone-inner small{color:var(--cw-text-muted);font-size:.8rem;display:block}.format-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:.75rem;display:flex}.format-pill{background:rgb(var(--cw-fg-rgb) / .06);color:var(--cw-text-muted);border:1px solid rgb(var(--cw-fg-rgb) / .1);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:inline-flex}.format-pill.is-preferred{background:rgb(var(--cw-cyan-rgb) / .12);color:var(--color-neon-cyan);border-color:rgb(var(--cw-cyan-rgb) / .3);font-weight:600}.format-pill.is-discouraged{color:#f87171;background:#ef44441f;border-color:#ef44444d;font-weight:600}.logo-preview-card{background:rgb(var(--cw-fg-rgb) / .03);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:flex}.logo-stage-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.stage-toggle-btn{background:rgb(var(--cw-fg-rgb) / .08);color:var(--cw-text-subtle);border:1px solid rgb(var(--cw-fg-rgb) / .12);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:.72rem;transition:all .15s}.stage-toggle-btn.is-active{background:rgb(var(--cw-cyan-rgb) / .2);color:var(--color-neon-cyan);border-color:var(--color-neon-cyan)}.logo-preview-stage{background-color:#0c0e12;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;justify-content:center;align-items:center;min-height:110px;padding:1.25rem;transition:background-color .2s;display:flex;position:relative}.logo-preview-stage.stage-light,.logo-preview-stage.is-light{background-color:#f8fafc;background-image:linear-gradient(45deg,#0000000f 25%,#0000 25%),linear-gradient(-45deg,#0000000f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0000000f 75%),linear-gradient(-45deg,#0000 75%,#0000000f 75%)}.logo-preview-stage img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000026);max-width:220px;max-height:80px;display:block}.logo-format-badge{text-align:left;border-radius:8px;align-items:flex-start;gap:8px;padding:.6rem .85rem;font-size:.8rem;line-height:1.4;display:flex}.logo-format-badge.is-svg,.logo-format-badge.is-transparent-png{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.logo-format-badge.is-opaque{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.logo-format-badge i{flex-shrink:0;margin-top:2px}.logo-reset-link{color:var(--cw-text-muted);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:.25rem;font-size:.78rem;text-decoration:underline}.logo-reset-link:hover{color:var(--color-neon-cyan)}.btn-secondary{border:1px solid rgb(var(--cw-fg-rgb) / .18);background:rgb(var(--cw-fg-rgb) / .06);color:var(--cw-text-strong);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .1);color:#fff}.logo-solid-warning{text-align:left;box-sizing:border-box;background:#f59e0b17;border:1px solid #f59e0b59;border-radius:12px;flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem;display:flex}.logo-warning-header{color:#fbbf24;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.logo-warning-text{color:var(--cw-text-subtle);margin:0;font-size:.82rem;line-height:1.45}.logo-warning-text strong{color:#fff}.logo-warning-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:.35rem;display:flex}.logo-warning-proceed-btn{border:1px solid rgb(var(--cw-fg-rgb) / .2);color:var(--cw-text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .15s}.logo-warning-proceed-btn:hover{color:#fff;border-color:rgb(var(--cw-fg-rgb) / .5);background:rgb(var(--cw-fg-rgb) / .05)}.origin-logo-dialog{scrollbar-width:thin;scrollbar-color:rgb(var(--cw-fg-rgb) / .2) transparent;width:min(780px,94vw);max-height:88vh;padding:2.25rem 2.5rem;overflow-y:auto;max-width:780px!important}@media (width<=640px){.origin-logo-dialog{width:95vw;padding:1.5rem 1.25rem}}.origin-logo-dialog::-webkit-scrollbar{width:6px}.origin-logo-dialog::-webkit-scrollbar-thumb{background:rgb(var(--cw-fg-rgb) / .2);border-radius:999px}.origin-modal-header-row{justify-content:space-between;align-items:center;gap:12px;margin:0 0 .5rem;padding-right:36px;display:flex}.origin-modal-header-row .card-eyebrow{margin:0}.modal-voice-btn{appearance:none;color:var(--color-neon-cyan);font-family:var(--font-mono);cursor:pointer;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.modal-voice-btn:hover{border-color:var(--color-neon-cyan);background:#06b6d438;transform:translateY(-1px);box-shadow:0 2px 8px #06b6d440}.modal-voice-btn i{font-size:.75rem}.origin-logo-intro{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .72);margin:0 0 1rem;font-size:.85rem;line-height:1.55}.origin-format-strip{text-align:left;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width<=680px){.origin-format-strip{grid-template-columns:1fr;gap:.5rem}}.ofs-item{border:1px solid rgb(var(--cw-fg-rgb) / .1);background:rgb(var(--cw-fg-rgb) / .03);border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem .85rem;transition:transform .15s,border-color .15s;display:flex}.ofs-item:hover{transform:translateY(-1px)}.ofs-item.is-svg{background:#06b6d40d;border-color:#06b6d459}.ofs-item.is-png{background:#10b9810d;border-color:#10b98159}.ofs-item.is-vector{background:#8b5cf60d;border-color:#8b5cf659}.ofs-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-flex}.ofs-item.is-svg .ofs-badge{color:var(--color-neon-cyan);background:#06b6d42e}.ofs-item.is-png .ofs-badge{color:#34d399;background:#10b9812e}.ofs-item.is-vector .ofs-badge{color:var(--color-neon-violet);background:#8b5cf62e}.ofs-item strong{font-family:var(--font-heading);color:var(--cw-text-strong);margin-top:.15rem;font-size:.92rem;font-weight:700}.ofs-item small{font-family:var(--font-mono);color:var(--cw-text-muted);font-size:.72rem;line-height:1.35}.dev-notice-banner{color:var(--color-neon-cyan);background:#06b6d412;border:1px solid #06b6d447;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:1rem;padding:.65rem .95rem;font-size:.82rem;line-height:1.45;display:flex}.dev-notice-banner i{color:var(--color-neon-cyan);flex-shrink:0;margin-top:3px;font-size:.95rem}.dev-notice-text strong{color:#fff;font-weight:700}.logo-format-guide{text-align:left;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.format-card{border:1px solid rgb(var(--cw-fg-rgb) / .09);background:rgb(var(--cw-fg-rgb) / .03);border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem;transition:transform .15s,border-color .15s;display:flex}.format-card:hover{transform:translateY(-1px)}.format-card.is-optimal{background:#06b6d40d;border-color:#06b6d459}.format-card.is-good{background:#10b9810a;border-color:#10b9814d}.format-card.is-discouraged{background:#ef44440a;border-color:#ef444440}.format-card-header{justify-content:flex-start;align-items:center;display:flex}.format-pill-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.66rem;font-weight:700;display:inline-flex}.format-pill-tag.is-optimal{color:var(--color-neon-cyan);background:#06b6d42e}.format-pill-tag.is-good{color:#34d399;background:#10b9812e}.format-pill-tag.is-discouraged{color:#f87171;background:#ef44442e}.format-card h4{font-family:var(--font-heading);color:var(--cw-text-strong);margin:0;font-size:.92rem;font-weight:700}.format-card p{color:var(--cw-text-muted);margin:0;font-size:.75rem;line-height:1.4}.vector-conversion-box{text-align:left;background:#8b5cf617;border:1px solid #8b5cf652;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:1rem;padding:.75rem .95rem;display:flex}.vector-box-icon{color:var(--color-neon-violet);flex-shrink:0;margin-top:2px;font-size:1.15rem}.vector-box-content strong{color:#fff;margin-bottom:2px;font-size:.82rem;display:block}.vector-box-content p{color:rgb(var(--cw-fg-rgb) / .76);margin:0;font-size:.76rem;line-height:1.4}.origin-converting{color:var(--color-neon-cyan);text-align:left;box-sizing:border-box;background:#06b6d414;border:1px dashed #06b6d466;border-radius:10px;align-items:center;gap:14px;width:100%;padding:1.25rem 1rem;display:flex}.origin-converting i{flex-shrink:0;font-size:1.6rem}.origin-converting-text strong{color:#fff;font-size:.88rem;display:block}.origin-converting-text small{color:var(--cw-text-muted);margin-top:2px;font-size:.75rem;display:block}.origin-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:1rem;display:flex}@media (width<=560px){.origin-modal-actions{flex-direction:column;align-items:stretch}.origin-modal-actions .btn-primary,.origin-modal-actions .btn-ghost{justify-content:center;width:100%}}.elim-wrap{flex-direction:column;flex-shrink:0;gap:.75rem;width:100%;max-width:min(1100px,94vw);margin:auto 0;display:flex}.elim-header{text-align:center}.elim-header h2{margin:.25rem 0 0}.info-trigger{appearance:none;width:28px;height:28px;color:rgb(var(--cw-fg-rgb) / .6);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:.5rem;padding:0;font-size:1rem;line-height:1;transition:color .15s,background .15s,transform .15s;display:inline-flex}.info-trigger:hover,.info-trigger:focus-visible{color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .08);outline:none;transform:scale(1.08)}h2 .info-trigger{vertical-align:-.15em}.step-subtitle{font-family:var(--font-heading);color:rgb(var(--cw-fg-rgb) / .75);letter-spacing:.02em;white-space:nowrap;margin-left:.25rem;font-size:.75em;font-weight:500}@media (width<=640px){.step-subtitle{margin-top:.25rem;margin-left:0;font-size:.85rem;display:block}}.step-help-modal{z-index:500;justify-content:center;align-items:center;padding:1.25rem;animation:.18s ease-out stepHelpFade;display:flex;position:fixed;inset:0}.step-help-modal.hidden{display:none!important}@keyframes stepHelpFade{0%{opacity:0}to{opacity:1}}.step-help-backdrop{background:color-mix(in srgb, var(--cw-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);position:absolute;inset:0}.step-help-dialog{z-index:1;background:color-mix(in srgb, var(--cw-menu) 94%, transparent);border:1px solid rgb(var(--cw-fg-rgb) / .08);width:100%;max-width:520px;box-shadow:0 24px 80px -12px rgb(var(--cw-shadow-rgb) / calc(.6 * var(--cw-shadow-k))), 0 0 0 1px rgb(var(--cw-violet-rgb) / .12);text-align:left;border-radius:18px;padding:2rem 1.75rem 1.75rem;animation:.24s cubic-bezier(.34,1.56,.64,1) stepHelpIn;position:relative}@keyframes stepHelpIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.step-help-dialog .card-eyebrow{margin:0 0 .35rem}.step-help-dialog h3{font-family:var(--font-heading);color:var(--cw-text-strong);margin:0 0 .85rem;font-size:1.5rem;font-weight:800;line-height:1.15}.step-help-body{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .73);font-size:.88rem;line-height:1.65}.step-help-body strong{color:var(--cw-text-strong);font-weight:600}.step-help-body em{color:var(--color-neon-cyan);font-style:normal}.step-help-close{appearance:none;width:34px;height:34px;color:var(--cw-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:color .15s,background .15s;display:flex;position:absolute;top:.6rem;right:.6rem}.step-help-close:hover,.step-help-close:focus-visible{color:var(--cw-text-strong);background:rgb(var(--cw-fg-rgb) / .08);outline:none}.resume-modal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.resume-modal-actions .btn-primary,.resume-modal-actions .btn-ghost{align-items:center;gap:.5rem;display:inline-flex}.card-nav-row>.arrow-btn,.joystick-main{display:none!important}.card-nav-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}@media (width<=720px){.card-nav-row{grid-template-columns:1fr;grid-template-areas:"viewport""controls";gap:.5rem}.card-nav-row>.arrow-btn:first-child{display:none}.card-nav-row>.card-viewport{grid-area:viewport}.card-nav-row>.joystick-cluster{grid-area:controls;justify-content:center;gap:.75rem;flex-direction:row!important}}.arrow-btn{background:rgb(var(--cw-fg-rgb) / .04);border:1px solid rgb(var(--cw-fg-rgb) / .1);width:40px;height:40px;color:var(--cw-text-subtle);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.arrow-btn:hover{border-color:rgb(var(--cw-fg-rgb) / .2);color:var(--cw-text)}.card-viewport{border-radius:20px;height:clamp(360px,62vh,560px);position:relative;overflow:hidden}#paletteViewport,#paletteFinalsView{height:clamp(260px,36vh,310px)}#photoViewport,#photoFinalsView{height:clamp(300px,42vh,400px)}#fontViewport,#fontFinalsView{height:clamp(320px,44vh,380px)}#uiViewport,#uiFinalsView{height:clamp(420px,56vh,480px)}.ec-inner{padding:1.5rem;transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;inset:0}.ec-inner.card-kept{box-shadow:0 0 24px rgb(var(--cw-violet-rgb) / .35);border-radius:24px;transition:box-shadow .3s,border-color .3s;border-color:rgb(var(--cw-violet-rgb) / .5)!important}.ec-inner.card-eliminating{filter:blur(4px);opacity:0!important;transition:transform .18s ease-in,opacity .18s ease-in,filter .18s ease-in!important;transform:scale(.85)!important}.palette-card{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.pc-paper{box-sizing:border-box;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem;transition:box-shadow .25s;display:flex}.pc-name{font-family:var(--font-heading);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.pc-tagline{margin:0 0 .25rem;font-size:.88rem}.pc-swatches{align-items:stretch;gap:10px;height:96px;min-height:96px;margin-bottom:0;display:flex}.pc-swatch-label{cursor:pointer;border-radius:10px;flex-direction:column;flex:1;height:96px;min-height:96px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pc-swatch-label:hover,.pc-swatch-label:focus-within{box-shadow:0 6px 18px rgb(var(--cw-shadow-rgb) / calc(.25 * var(--cw-shadow-k))), 0 0 0 2px rgb(var(--cw-fg-rgb) / .25);transform:translateY(-2px)}.pc-swatch{border:1px solid rgb(var(--cw-fg-rgb) / .08);border-radius:10px;flex:1;width:100%;height:96px;min-height:96px;transition:filter .15s;display:block}.pc-swatch-label:hover .pc-swatch{filter:brightness(1.04)}.pc-swatch-edit-icon{z-index:1;color:#fff;opacity:0;pointer-events:none;width:22px;height:22px;box-shadow:0 2px 6px rgb(var(--cw-shadow-rgb) / calc(.35 * var(--cw-shadow-k)));background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:6px;right:6px;transform:scale(.85)}.pc-swatch-label:hover .pc-swatch-edit-icon,.pc-swatch-label:focus-within .pc-swatch-edit-icon{opacity:1;transform:scale(1)}.pc-swatch-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.pc-category{font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.fc-label{font-size:.875rem;font-family:var(--font-mono);color:var(--color-neon-cyan);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6rem}.fc-heading{color:var(--cw-text-strong);margin:0 0 .4rem;font-size:1.5rem;font-weight:700;line-height:1.15}.fc-body{color:rgb(var(--cw-fg-rgb) / .6);margin:0 0 .6rem;font-size:.85rem;line-height:1.55}.fc-meta{color:var(--cw-text-subtle);font-size:.875rem;font-family:var(--font-mono)}.gc-name{font-family:var(--font-heading);color:var(--cw-text-strong);margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.gc-desc{font-family:var(--font-mono);color:var(--cw-text-subtle);margin:0 0 .75rem;font-size:.82rem;line-height:1.55}.gc-tags{flex-wrap:wrap;gap:6px;display:flex}.gc-tag{font-size:.75rem;font-family:var(--font-mono);color:var(--cw-text-subtle);background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .12);border-radius:999px;padding:3px 9px}.photo-thumbs{flex:none;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.photo-thumb{aspect-ratio:4/3;background-position:50%;background-size:cover;border:1px solid #0f172a14;border-radius:10px;flex-shrink:0;width:100%;height:auto;max-height:150px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000000f}.photo-thumb:hover{transform:scale(1.02);box-shadow:0 8px 18px #0000001f}.photo-bento-grid{box-sizing:border-box;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1.55fr 1fr;gap:8px;width:100%;height:220px;display:grid}.photo-bento-hero{background-position:50%;background-size:cover;border:1px solid #0f172a14;border-radius:12px;grid-area:1/1/3/2;width:100%;height:100%;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.photo-bento-sub{background-position:50%;background-size:cover;border:1px solid #0f172a14;border-radius:10px;width:100%;height:100%;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000000f}.photo-bento-sub-1{grid-area:1/2/2/3}.photo-bento-sub-2{grid-area:2/2/3/3}.photo-bento-hero:hover,.photo-bento-sub:hover{z-index:2;transform:scale(1.025);box-shadow:0 8px 22px #00000029}.photo-expand-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:.25rem;transition:background .2s,border-color .2s;overflow:hidden}.photo-expand-details[open]{background:#fff;border-color:#cbd5e1}.photo-expand-summary{font-family:var(--font-mono);color:#64748b;cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.76rem;font-weight:500;list-style:none;display:flex}.photo-expand-summary::-webkit-details-marker{display:none}.photo-expand-summary:hover{color:#0f172a}.photo-expand-summary i.photo-expand-chevron{color:#94a3b8;font-size:.7rem;transition:transform .2s}.photo-expand-details[open] .photo-expand-chevron{transform:rotate(180deg)}.photo-expand-body{font-family:var(--font-mono);color:#475569;border-top:1px solid #f1f5f9;padding:.5rem .75rem .65rem;font-size:.8rem;line-height:1.5}.blog-card-tabs{user-select:none;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex;position:relative}.blog-tab-btn{appearance:none;color:#64748b;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2.5px 7px;font-size:7.5px;font-weight:600;line-height:1.2;transition:all .22s}.blog-tab-btn:hover{color:#0f172a}.blog-tab-btn.is-active{color:#fff;background:#0284c7;box-shadow:0 1px 3px #0284c759}.blog-cycle-badge{background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:7px;line-height:1.2;display:inline-flex}.joystick-cluster{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.joystick-btn{appearance:none;cursor:pointer;border:1px solid rgb(var(--cw-fg-rgb) / .1);width:54px;height:54px;font-family:var(--font-mono);background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:0;transition:transform .15s,border-color .2s,box-shadow .2s,background .2s;display:flex}.joystick-btn:active{transform:scale(.92)}.joystick-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cw-text-subtle);font-size:.8125rem;transition:color .2s}.joystick-up{background:rgb(var(--cw-cyan-rgb) / .06)}.joystick-up:hover{border-color:rgb(var(--cw-cyan-rgb) / .5);background:rgb(var(--cw-cyan-rgb) / .12);box-shadow:0 0 18px rgb(var(--cw-cyan-rgb) / .25)}.joystick-up:hover .joystick-label{color:var(--color-neon-cyan)}.joystick-down{background:rgb(var(--cw-red-rgb) / .06)}.joystick-down:hover{border-color:rgb(var(--cw-red-rgb) / .5);background:rgb(var(--cw-red-rgb) / .12);box-shadow:0 0 18px rgb(var(--cw-red-rgb) / .25)}.joystick-down:hover .joystick-label{color:color-mix(in srgb, var(--cw-red) 75%, var(--cw-text-strong))}.joystick-main{border:2px solid rgb(var(--cw-violet-rgb) / .5);background:rgb(var(--cw-violet-rgb) / .08);width:68px;height:68px}.joystick-main .vote-icon{color:var(--cw-text-strong);font-size:1.4rem}.joystick-main:hover{border-color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .18);box-shadow:0 0 28px rgb(var(--cw-violet-rgb) / .45)}.joystick-main:hover .joystick-label{color:var(--cw-text-strong)}.joystick-main:active{transform:scale(.94)}.vote-icon{font-size:1.1rem;line-height:1}.pip-track-row{justify-content:center;margin-top:10px;display:flex}.pip-track{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;display:flex}.deck-pip{background:var(--cw-surface-2);width:16px;height:16px;color:var(--cw-text-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .2s;display:flex}.deck-pip.current{background:var(--color-neon-cyan);transform:scale(1.2)}.deck-pip.done{background:var(--color-neon-violet)}.deck-pip.eliminated{background:rgb(var(--cw-red-rgb) / .2);color:var(--cw-red)}button.deck-pip.eliminated{appearance:none;cursor:pointer;border:none;padding:0;font-size:10px;line-height:1}button.deck-pip.eliminated:hover,button.deck-pip.eliminated:focus-visible{background:rgb(var(--cw-red-rgb) / .42);box-shadow:0 0 0 2px rgb(var(--cw-violet-rgb) / .45);outline:none;transform:scale(1.18)}.empty-deck{text-align:center;color:rgb(var(--cw-fg-rgb) / .6);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.75rem;padding:1rem;font-size:.85rem;display:flex}.contrast-badge{text-align:center;font-size:.82rem;font-family:var(--font-mono);color:var(--cw-text-subtle);min-height:1.2em}.contrast-badge .pass{color:var(--cw-success-bright)}.contrast-badge .warn{color:var(--cw-warn-bright)}.contrast-badge .fail{color:color-mix(in srgb, var(--cw-red) 75%, var(--cw-text-strong))}.finals-mode{flex-direction:column;gap:.75rem;width:100%;display:flex}.finals-title{font-family:var(--font-heading);text-align:center;color:var(--cw-text);margin:0;font-size:1.15rem;font-weight:700}.finals-position{text-align:center;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-cyan);margin:0;font-size:.82rem}.finals-cycler{align-items:center;gap:.75rem;display:flex}.finals-viewport{background:rgb(var(--cw-fg-rgb) / .02);border:1px solid rgb(var(--cw-fg-rgb) / .05);border-radius:24px;flex:1;height:clamp(360px,58vh,520px);position:relative;overflow:hidden}.finals-viewport .ec-inner{padding:1.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) finalsIn;position:absolute;inset:0}@keyframes finalsIn{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.finals-pick{text-align:center;align-self:center;min-width:180px;padding:.7rem 1.25rem;font-size:.85rem;color:#fff!important;background:#10b981!important;border-color:#059669!important;box-shadow:0 4px 14px #10b98140!important}.finals-pick:hover{background:#059669!important;box-shadow:0 4px 20px #10b98166!important}.finals-summary{border-top:1px solid rgb(var(--cw-fg-rgb) / .06);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.finals-summary-label{text-align:center;font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.875rem}.finals-summary-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.finalist-tile{appearance:none;border:1px solid rgb(var(--cw-fg-rgb) / .08);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:.25rem;width:120px;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.finalist-tile:hover{border-color:rgb(var(--cw-violet-rgb) / .5);box-shadow:0 0 14px rgb(var(--cw-violet-rgb) / .2);transform:translateY(-2px)}.finalist-tile.active{border-color:var(--color-neon-cyan)}.finalist-mini{height:70px;position:relative;overflow:hidden}.finalist-mini>*{pointer-events:none;transform-origin:0 0;width:182%;transform:scale(.55)}.finalist-mini *{border-radius:0!important}.finalist-mini-label{font-family:var(--font-mono);color:var(--cw-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.25rem .4rem .4rem;font-size:.8125rem;display:block;overflow:hidden}.shuffle-screen[data-screen=summary]{padding-bottom:3.5rem}.shuffle-screen[data-screen=summary] .screen-deck{transform:translateY(-28px)}.summary-card{max-height:480px;overflow-y:auto}#summaryContent{flex-direction:column;gap:.875rem;margin:1rem 0;display:flex}.summary-row{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .07);border-radius:10px;padding:.75rem}.summary-label{font-size:.875rem;font-family:var(--font-mono);color:var(--cw-text-subtle);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .35rem}.summary-value{font-family:var(--font-heading);color:var(--cw-text);margin:0;font-size:.9rem;font-weight:600}.summary-swatches{gap:5px;margin-top:.5rem;display:flex}.summary-swatch{border:1px solid rgb(var(--cw-fg-rgb) / .1);border-radius:4px;width:20px;height:20px}.summary-actions{flex-direction:column;align-items:stretch;gap:0;margin-top:.75rem;display:flex}.summary-actions .btn-primary{text-align:center;justify-content:center;width:100%}.summary-actions .btn-ghost{justify-content:center;align-items:center;gap:.5rem;width:100%;margin:.6rem 0 .1rem;display:flex}.summary-restart-btn{appearance:none;font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);cursor:pointer;text-align:center;letter-spacing:.05em;text-decoration:underline;text-decoration-color:rgb(var(--cw-fg-rgb) / .12);text-underline-offset:3px;background:0 0;border:none;padding:.6rem 1rem;font-size:.82rem;transition:color .2s}.summary-restart-btn:hover{color:color-mix(in srgb, var(--cw-red) 75%, var(--cw-text-strong));text-decoration-color:rgb(var(--cw-red-rgb) / .4)}.export-card{scroll-behavior:smooth;max-height:560px;overflow-y:auto}.export-card h2{margin-bottom:.5rem;font-size:1.65rem}.export-card .card-body{margin-bottom:1rem}.export-free-link{color:var(--color-neon-cyan);text-underline-offset:3px;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .15s}.export-free-link:hover{color:var(--cw-text-strong)}.export-email-input{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .1);width:100%;color:var(--cw-text);font-family:var(--font-mono);box-sizing:border-box;border-radius:10px;outline:none;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem;transition:border-color .2s}.export-email-input:focus{border-color:var(--color-neon-cyan)}.export-email-input::placeholder{color:var(--cw-text-subtle)}.export-privacy-hint{color:var(--cw-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:-.5rem 0 1rem;font-size:.76rem;display:flex}.export-privacy-hint i{color:var(--cw-cyan)}.export-privacy-hint a{color:var(--cw-text-subtle);text-decoration:underline}.export-privacy-hint a:hover{color:var(--cw-cyan)}.export-unlock-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cw-text-subtle);margin:0 0 .6rem;font-size:.875rem}.export-paths{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.export-path-tile{cursor:pointer;text-align:left;background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .09);border-radius:12px;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-family:inherit;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.export-path-tile:disabled{opacity:.38;cursor:not-allowed}.export-path-tile:not(:disabled):hover{background:rgb(var(--cw-fg-rgb) / .06)}.export-path-share:not(:disabled):hover{border-color:rgb(var(--cw-cyan-rgb) / .5);box-shadow:0 0 0 1px rgb(var(--cw-cyan-rgb) / .15) inset}.export-path-share .ept-icon{color:var(--color-neon-cyan)}.export-path-pay:not(:disabled):hover{border-color:rgb(var(--cw-violet-rgb) / .5);box-shadow:0 0 0 1px rgb(var(--cw-violet-rgb) / .12) inset}.export-path-pay .ept-icon{color:var(--color-neon-violet)}.ept-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.15rem}.ept-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.ept-label{font-family:var(--font-heading);color:var(--cw-text);font-size:.95rem;font-weight:600;line-height:1.2}.ept-sub{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);font-size:.82rem}.export-path-tile:not(:disabled) .ept-label{color:var(--cw-text-strong)}.export-path-tile:not(:disabled) .ept-sub{color:var(--cw-text-subtle)}.ept-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:rgb(var(--cw-cyan-rgb) / .12);color:var(--color-neon-cyan);border:1px solid rgb(var(--cw-cyan-rgb) / .25);border-radius:20px;flex-shrink:0;padding:.2rem .55rem;font-size:.875rem;font-weight:700}.ept-badge--violet{background:rgb(var(--cw-violet-rgb) / .12);color:var(--color-neon-violet);border-color:rgb(var(--cw-violet-rgb) / .25)}.export-share-verify{background:rgb(var(--cw-cyan-rgb) / .04);border:1px solid rgb(var(--cw-cyan-rgb) / .14);border-radius:10px;flex-direction:column;gap:.6rem;margin-top:-.25rem;padding:.875rem 1rem;display:flex}.export-share-verify.hidden{display:none}.export-verify-hint{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);margin:0;font-size:.85rem;line-height:1.5}.export-tweet-btn{color:var(--color-neon-cyan);border-color:rgb(var(--cw-cyan-rgb) / .3);justify-content:center}.export-tweet-btn:hover{border-color:var(--color-neon-cyan)}.export-verify-row{gap:.5rem;display:flex}.export-verify-input{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .1);color:var(--cw-text);font-family:var(--font-mono);border-radius:8px;outline:none;flex:1;padding:.6rem .875rem;font-size:.875rem;transition:border-color .2s}.export-verify-input:focus{border-color:var(--color-neon-cyan)}.export-divider{color:var(--cw-text-subtle);font-family:var(--font-mono);align-items:center;gap:.75rem;margin:.5rem 0 .6rem;font-size:.82rem;display:flex}.export-divider:before,.export-divider:after{content:"";background:rgb(var(--cw-fg-rgb) / .07);flex:1;height:1px}.export-coupon-row{gap:.5rem;display:flex}.export-coupon-input{background:rgb(var(--cw-fg-rgb) / .05);border:1px solid rgb(var(--cw-fg-rgb) / .1);color:var(--cw-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:8px;outline:none;flex:1;padding:.6rem .875rem;font-size:.875rem;transition:border-color .2s}.export-coupon-input:focus{border-color:rgb(var(--cw-fg-rgb) / .25)}.export-coupon-input::placeholder{text-transform:none;letter-spacing:0;color:var(--cw-text-subtle)}.export-status{font-family:var(--font-mono);margin:.25rem 0 0;font-size:.88rem;line-height:1.5}.export-status.hidden{display:none}.export-secondary{flex-direction:column;gap:.4rem;margin-top:.875rem;display:flex}.export-gallery-btn{justify-content:center;width:100%}.export-next-phase{border-top:1px solid rgb(var(--cw-fg-rgb) / .08);flex-direction:column;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.export-next-btn{justify-content:center;width:100%}.export-next-sub{color:var(--cw-text-subtle);text-align:center;margin:0;font-size:.75rem}.shuffle-screen[data-screen=preview],.shuffle-screen[data-screen$=-koth],.shuffle-screen[data-screen$=-koth-winner]{padding-top:calc(var(--cw-bar-h,0px) + 6.5rem);justify-content:flex-start;padding-bottom:4rem}.preview-wrap{width:100%;max-width:min(1100px,94vw);margin:0 auto;padding-top:1.5rem}.byoc-wrap{flex-direction:column;gap:.5rem;width:100%;max-width:720px;display:flex}.byoc-variations{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=640px){.byoc-variations{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.byoc-variation{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.byoc-card{flex-direction:column;flex:1;min-height:200px;padding:.75rem;display:flex}.byoc-card .palette-card{flex:1}.byoc-card .pc-paper{flex-direction:column;flex:1;display:flex}.byoc-card .pc-swatches{margin-top:auto}.byoc-pick{width:100%;padding:.55rem .75rem;font-size:.875rem}.byoc-actions{justify-content:center;margin-top:.75rem;display:flex}.review-wrap{flex-direction:column;gap:.75rem;width:100%;max-width:440px;display:flex}.review-preview{min-height:180px;padding:1rem}.review-pickers{flex-direction:column;gap:.5rem;display:flex}.color-picker-row{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .06);border-radius:10px;grid-template-columns:80px 44px 1fr;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.color-picker-row label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cw-text-subtle);font-size:.8125rem}.color-picker-row input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid rgb(var(--cw-fg-rgb) / .15);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:28px;padding:0}.color-picker-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-row input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.color-picker-row input[type=text]{color:var(--cw-text);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;outline:none;padding:.25rem 0;font-size:.875rem}.color-picker-row input[type=text]:focus{color:var(--color-neon-cyan)}.review-swatch-strip{border-top:1px solid rgb(var(--cw-fg-rgb) / .06);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.4rem;margin-top:.15rem;padding-top:.4rem;display:flex}.review-swatch-strip-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--cw-text-subtle);margin-right:.15rem;font-size:.875rem}.review-swatch-opt{border:2px solid rgb(var(--cw-fg-rgb) / .18);cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:0;transition:transform .15s,border-color .15s}.review-swatch-opt:hover{border-color:rgb(var(--cw-fg-rgb) / .4);transform:scale(1.15)}.review-swatch-opt.is-active{border-color:var(--color-neon-cyan);box-shadow:0 0 0 2px rgb(var(--cw-cyan-rgb) / .3)}.review-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.review-actions .btn-primary{min-width:140px}.preview-tilted{perspective:1600px;perspective-origin:50% 40%}.device-row{transform-style:preserve-3d;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.25rem;padding:1rem 0;display:flex}.device{flex-direction:column;align-items:center;gap:.75rem;display:flex}.device-label{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:.875rem}.device-desktop,.device-mobile{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}.device-desktop{transform:rotateY(-14deg)rotateX(6deg)}.device-mobile{transform:rotateY(14deg)rotateX(6deg)}.device-desktop:hover,.device-mobile:hover{transform:rotateY(0)rotateX(0)}.browser-bezel{width:clamp(520px,68vw,820px);box-shadow:0 40px 80px -20px rgb(var(--cw-shadow-rgb) / calc(.75 * var(--cw-shadow-k))), 0 18px 36px -10px rgb(var(--cw-violet-rgb) / .18), 0 0 0 1px #ffffff14 inset;background:#1c1d26;border:1px solid #ffffff24;border-radius:14px;transition:background .3s,border-color .3s;overflow:hidden}.browser-chrome{background:#282a36;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:38px;padding:0 14px;transition:background .3s,border-color .3s;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot-close{background:#ff5f56}.browser-dot-min{background:#ffbd2e}.browser-dot-max{background:#27c93f}.browser-url{font-family:var(--font-mono);color:#c2c5d4;letter-spacing:.02em;text-align:center;background:#363948;border:1px solid #ffffff14;border-radius:6px;flex:1;max-width:55%;margin:0 auto;padding:5px 14px;font-size:.875rem;transition:background .3s,color .3s}.browser-screen{aspect-ratio:16/11;max-height:clamp(480px,62vh,760px);overflow-y:overlay;background-color:var(--preview-bg,#1c1d26);scrollbar-width:thin;scrollbar-color:var(--preview-thumb,#80808059) transparent;position:relative;overflow:hidden auto;container-type:inline-size}.browser-screen::-webkit-scrollbar{width:8px}.browser-screen::-webkit-scrollbar-track{background:0 0}.browser-screen::-webkit-scrollbar-thumb{background:var(--preview-thumb,#80808059);border-radius:999px}.browser-screen::-webkit-scrollbar-thumb:hover{background:var(--preview-thumb-hover,#8080808c)}:root[data-theme=light] .browser-bezel{background:#f1f3f7;border:1px solid #0f172a1f;box-shadow:0 30px 60px -15px #0f172a24,0 12px 24px -8px #0e74901f,inset 0 0 0 1px #fffc}:root[data-theme=light] .browser-chrome{background:#e2e6ee;border-bottom:1px solid #0f172a17}:root[data-theme=light] .browser-url{color:#4b5262;background:#fff;border:1px solid #0f172a12;box-shadow:0 1px 2px #0f172a0a}:root[data-theme=light] .browser-screen{scrollbar-color:var(--preview-thumb,#0f172a33) transparent}:root[data-theme=light] .browser-screen::-webkit-scrollbar-thumb{background:var(--preview-thumb,#0f172a2e)}:root[data-theme=light] .browser-screen::-webkit-scrollbar-thumb:hover{background:var(--preview-thumb-hover,#0f172a52)}.phone-bezel{aspect-ratio:9/19.5;width:240px;box-shadow:0 40px 80px -20px rgb(var(--cw-shadow-rgb) / calc(.75 * var(--cw-shadow-k))), 0 18px 36px -10px rgb(var(--cw-cyan-rgb) / .18), 0 0 0 1.5px #ffffff0f inset;background:#0a0a0f;border:1px solid #ffffff14;border-radius:34px;padding:8px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.phone-notch{z-index:2;background:#050505;border-radius:14px;width:70px;height:18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-home{z-index:2;background:#ffffff4d;border-radius:4px;width:90px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.phone-screen{background-color:var(--preview-bg,#1c1d26);scrollbar-width:none;border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden auto}.phone-screen::-webkit-scrollbar{display:none}:root[data-theme=light] .phone-bezel{background:#e5e8f0;border:1px solid #0f172a24;box-shadow:0 30px 60px -15px #0f172a26,0 12px 24px -8px #0e74901f,inset 0 0 0 1.5px #ffffffbf}:root[data-theme=light] .phone-notch{background:#1e2430}:root[data-theme=light] .phone-home{background:#0f172a40}.preview-page{flex-direction:column;width:100%;min-height:100%;display:flex}.preview-nav{backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex}.preview-nav-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.preview-logo-drop{cursor:pointer;user-select:none;border-radius:999px;margin:-3px -8px;padding:3px 8px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.preview-brand-name{border-radius:4px;transition:background .15s,box-shadow .15s;display:inline-block}.preview-brand-name:hover{background:#ffffff1a;box-shadow:0 0 0 1px #06b6d466}.preview-brand-name:focus{box-shadow:0 0 0 1.5px var(--color-neon-cyan,#06b6d4);background:#ffffff29}.preview-logo-drop:hover{outline:1.5px dashed var(--color-neon-cyan,#06b6d4);background:#06b6d424}.preview-logo-drop:active{transform:scale(.97)}.preview-logo-drop.is-dragover{transform:scale(1.03);box-shadow:0 0 16px #06b6d480;outline:2px dashed var(--color-neon-cyan,#06b6d4)!important;background:#06b6d447!important}.preview-logo-drop .preview-logo-hint{opacity:0;white-space:nowrap;max-width:0;color:var(--color-neon-cyan,#06b6d4);font-size:9px;font-family:var(--font-mono,monospace);letter-spacing:.02em;pointer-events:none;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:inline-flex;overflow:hidden}.preview-logo-drop:hover .preview-logo-hint{opacity:1;max-width:90px;margin-left:4px}.preview-toast{border:1px solid var(--color-neon-cyan,#06b6d4);color:#fff;font-family:var(--font-mono,monospace);pointer-events:none;opacity:0;z-index:2147483647;background:#0d0d10f2;border-radius:999px;padding:.6rem 1.25rem;font-size:.85rem;transition:opacity .25s,transform .25s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 30px #00000080,0 0 16px #06b6d44d}.preview-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.preview-nav-links{white-space:nowrap;align-items:center;gap:16px;min-width:0;display:flex}.preview-nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@container (width<=660px){.preview-nav{gap:14px}.preview-nav-extra{display:none!important}.preview-nav-links{gap:10px}}@container (width<=500px){.preview-nav-links{display:none!important}}.preview-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:22px;padding:28px 24px 18px;display:grid}.preview-hero-copy{flex-direction:column;gap:14px;display:flex}.preview-hero-art{aspect-ratio:4/3;position:relative;overflow:hidden}.preview-hero-overlay{mix-blend-mode:multiply;position:absolute;inset:0}.preview-hero-badge{backdrop-filter:blur(6px);position:absolute;top:12px;left:12px}.preview-bento{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 24px;display:grid}.preview-mobile-page{flex-direction:column;width:100%;min-height:100%;display:flex}.preview-mobile-status{height:30px;font-family:var(--font-mono);opacity:.7;justify-content:space-between;align-items:flex-end;padding:8px 16px 0;font-size:9px;display:flex}.preview-mobile-nav{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.preview-mobile-hero{background-position:50%;background-size:cover;height:180px;position:relative}@media (width<=900px){.device-desktop,.device-mobile{transform:none}}@media (width<=720px){.browser-bezel{width:min(92vw,520px)}.preview-hero{grid-template-columns:1fr}.preview-hero-art{aspect-ratio:16/9}.preview-bento{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.device-desktop,.device-mobile{transition:none!important;transform:none!important}}@media (width<=480px){.card-viewport{height:clamp(320px,54vh,440px)}.finalist-tile{width:90px}.finalist-mini{height:60px}h1{font-size:2.5rem}h2{font-size:1.6rem}.joystick-btn{width:46px;height:46px}.joystick-label{font-size:.8125rem}.arrow-btn-main{width:58px;height:58px;font-size:1.2rem}.card-nav-row{gap:.5rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.method-pick-card{width:100%;max-width:640px}.method-options{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.method-opt{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .1);text-align:left;cursor:pointer;color:var(--cw-text);font-family:var(--font-mono);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;transition:all .2s;display:flex}.method-opt:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .05)}.method-opt .method-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.method-icon-violet{background:rgb(var(--cw-violet-rgb) / .15);color:var(--color-neon-violet)}.method-icon-cyan{background:rgb(var(--cw-cyan-rgb) / .15);color:var(--color-neon-cyan)}.method-icon-grid{background:rgb(var(--cw-violet-rgb) / .15);color:var(--color-neon-violet)}.method-opt .method-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.method-opt strong{font-family:var(--font-heading);color:var(--cw-text-strong);font-size:1rem;font-weight:600;display:block}.method-opt small{color:var(--cw-text-subtle);font-size:.88rem;line-height:1.45;display:block}.method-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.method-recommended{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .12);border:1px solid rgb(var(--cw-violet-rgb) / .35);border-radius:999px;padding:.2rem .55rem;font-size:.875rem;font-weight:600}.method-opt-recommended{border-color:rgb(var(--cw-violet-rgb) / .35);background:rgb(var(--cw-violet-rgb) / .05)}.method-opt-recommended:hover{border-color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .09);box-shadow:0 0 28px rgb(var(--cw-violet-rgb) / .2)}.method-opt-grid.is-locked{opacity:.85}.method-opt-grid.is-locked:hover{opacity:1}.grid-picker-wrap{flex-direction:column;align-items:center;width:100%;max-width:1000px;display:flex}.grid-picker-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;width:100%;padding-bottom:2rem;display:grid}.grid-pick-card{text-align:left;cursor:pointer;background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .08);color:var(--cw-text);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;font-family:inherit;transition:all .2s;display:flex}.grid-pick-card:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .06);transform:translateY(-2px)}.grid-card-swatches{gap:.35rem;display:flex}.grid-swatch{border:1px solid rgb(var(--cw-fg-rgb) / .25);border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem}.grid-card-name{font-family:var(--font-heading);color:var(--cw-text-strong);margin:0;font-size:.95rem;font-weight:600}.grid-card-tagline{color:rgb(var(--cw-fg-rgb) / .6);margin:0;font-size:.875rem;line-height:1.4}.grid-card-font-heading{color:var(--cw-text-strong);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.grid-card-font-body{color:rgb(var(--cw-fg-rgb) / .8);margin:0;font-size:.9rem}.grid-card-ui-strip{border-radius:8px;width:100%;height:2.2rem}.grid-card-photo-thumb{aspect-ratio:1;background:var(--cw-surface);border:1px solid rgb(var(--cw-fg-rgb) / .08);background-position:50%;background-size:cover;border-radius:8px;width:100%}@media (width<=640px){.grid-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.preview-edit-row{text-align:center;margin-top:2rem}.preview-edit-label{font-family:var(--font-mono);color:var(--cw-text-subtle);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem;font-size:.875rem}.preview-edit-btns{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.preview-edit-btn{background:rgb(var(--cw-fg-rgb) / .03);border:1px solid rgb(var(--cw-fg-rgb) / .12);color:rgb(var(--cw-fg-rgb) / .8);font-family:var(--font-mono);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.preview-edit-btn:hover{border-color:var(--color-neon-cyan);color:var(--cw-text-strong);background:rgb(var(--cw-cyan-rgb) / .08)}.koth-wrap{flex-direction:column;gap:1.25rem;width:100%;max-width:min(1700px,96vw);margin:0 auto;padding:.5rem 1.5rem 2rem;display:flex}.koth-head{text-align:center}.koth-head h2{font-family:var(--font-heading);margin:.35rem 0;font-size:1.9rem}.koth-crown{color:var(--color-neon-violet);margin-right:.35rem}.koth-round{font-family:var(--font-mono);color:var(--cw-text-subtle);letter-spacing:.08em;margin:0;font-size:.875rem}.koth-duel{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}.koth-slot{flex-direction:column;gap:.75rem;min-width:0;display:flex}.koth-slot-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-neon-violet);background:rgb(var(--cw-violet-rgb) / .12);border:1px solid rgb(var(--cw-violet-rgb) / .3);border-radius:999px;align-self:center;padding:.3rem .75rem;font-size:.875rem}.koth-slot-tag-new{color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .12);border-color:rgb(var(--cw-cyan-rgb) / .3)}.koth-card-host{flex:1;min-width:0;min-height:clamp(340px,46vh,500px);display:flex}[data-screen=palette-koth] .koth-card-host,[data-screen=palette-koth-winner] .koth-card-host{min-height:auto}.koth-card-host>*{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.koth-card-host>*>*{flex:1;min-width:0;min-height:0}[data-screen=palette-koth] .koth-card-host>*>*,[data-screen=palette-koth-winner] .koth-card-host>*>*,[data-screen=photography-koth] .koth-card-host>*>*,[data-screen=photography-koth-winner] .koth-card-host>*>*,.koth-card-host>.shuffle-content-card>*{flex:initial;min-height:auto}.koth-slot[data-slot=left] .pc-paper{box-shadow:0 0 0 1px rgb(var(--cw-violet-rgb) / .35), 0 0 30px rgb(var(--cw-violet-rgb) / .22)}.koth-slot[data-slot=right] .pc-paper{box-shadow:0 0 0 1px rgb(var(--cw-cyan-rgb) / .35), 0 0 30px rgb(var(--cw-cyan-rgb) / .2)}.koth-card-host>.shuffle-content-card{box-sizing:border-box;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;justify-content:flex-start;gap:.9rem;padding:1.35rem;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 12px 35px #00000073;color:#0f172a!important;background:#fff!important}.koth-slot[data-slot=left] .shuffle-content-card{border-color:rgb(var(--cw-violet-rgb) / .7);box-shadow:0 0 0 2px rgb(var(--cw-violet-rgb) / .5), 0 15px 40px #00000080}.koth-slot[data-slot=right] .shuffle-content-card{border-color:rgb(var(--cw-cyan-rgb) / .7);box-shadow:0 0 0 2px rgb(var(--cw-cyan-rgb) / .5), 0 15px 40px #00000080}.ec-inner>.shuffle-content-card{box-shadow:none;background:0 0;border:none;padding:0}.shuffle-content-card .gc-name{font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:700;color:#0f172a!important}.shuffle-content-card .gc-desc{font-family:var(--font-mono);margin:0;font-size:.85rem;line-height:1.5;color:#475569!important}.shuffle-content-card .fc-meta{font-size:.82rem;font-family:var(--font-mono);color:#64748b!important}.shuffle-content-card .fc-meta strong{color:#0f172a!important}.shuffle-content-card .feature-pill,.shuffle-content-card .gc-tag{font-size:.75rem;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-weight:500;display:inline-flex;color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.nav-demo-host{flex-direction:column;width:100%;display:flex;position:relative}.nav-demo-viewport{box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;height:185px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000047}.nav-window-bar{user-select:none;z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;height:24px;padding:0 10px;display:flex}.nav-window-dots{align-items:center;gap:4px;display:flex}.nav-window-dot{opacity:.85;border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px}.nav-window-title{font-family:var(--font-mono);letter-spacing:.03em;opacity:.75;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:8.5px;overflow:hidden}.nav-demo-stage{box-sizing:border-box;flex:1;width:100%;position:relative;overflow:hidden}.nav-demo-page-ghost{pointer-events:none;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.nav-ghost-line{background:currentColor;border-radius:4px}.nav-ghost-headline{opacity:.16;width:58%;height:9px;margin-bottom:6px}.nav-ghost-subhead{opacity:.1;width:36%;height:5.5px;margin-bottom:12px}.nav-ghost-grid{gap:8px;width:84%;display:flex}.nav-ghost-card{opacity:.12;border:1px dashed;border-radius:6px;flex:1;height:44px}@keyframes navLoopDropdown{0%,15%{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-8px)scale(.98)}20%{visibility:visible}25%,70%{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}76%{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.98)}85%,to{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-8px)scale(.98)}}@keyframes navLoopTrigger{0%,15%{box-shadow:none;background-color:#0000}22%,70%{background-color:var(--nav-active-bg,#06b6d42e);box-shadow:0 0 0 1px var(--nav-active-border,#06b6d459);color:var(--nav-active-text,#06b6d4)!important}78%,to{box-shadow:none;background-color:#0000}}@keyframes navLoopCaret{0%,15%{transform:rotate(0)}22%,70%{transform:rotate(180deg)}78%,to{transform:rotate(0)}}@keyframes navLoopCaretUp{0%,15%{transform:rotate(0)}22%,70%{transform:rotate(180deg)}78%,to{transform:rotate(0)}}@keyframes navLoopNestedTrigger{0%,28%{box-shadow:none;background-color:#0000}36%,68%{background-color:var(--nav-active-bg,#06b6d42e);box-shadow:0 0 0 1px var(--nav-active-border,#06b6d459);color:var(--nav-active-text,#06b6d4)!important}74%,to{box-shadow:none;background-color:#0000}}@keyframes navLoopNestedFlyout{0%,30%{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-6px)scale(.96)}34%{visibility:visible}38%,68%{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)scale(1)}73%{opacity:0;pointer-events:none;transform:translate(-6px)scale(.96)}78%,to{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-6px)scale(.96)}}@keyframes navLoopOverlay{0%,15%{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.96)}20%{visibility:visible}25%,70%{opacity:1;pointer-events:auto;visibility:visible;transform:scale(1)}76%{opacity:0;pointer-events:none;transform:scale(.96)}85%,to{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.96)}}@keyframes navLoopBottom{0%,15%{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px)scale(.98)}20%{visibility:visible}25%,70%{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}76%{opacity:0;pointer-events:none;transform:translateY(10px)scale(.98)}85%,to{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px)scale(.98)}}@keyframes navLoopCommandFocus{0%,15%{border-color:rgba(var(--cw-fg-rgb) / .16);box-shadow:none}22%,70%{box-shadow:0 0 0 1.5px var(--nav-active-text,#06b6d4), 0 0 14px var(--nav-active-bg,#06b6d440);border-color:var(--nav-active-text,#06b6d4)!important}78%,to{border-color:rgba(var(--cw-fg-rgb) / .16);box-shadow:none}}@keyframes navLoopSidebarRail{0%,15%{width:40px}22%,70%{width:122px}78%,to{width:40px}}@keyframes navLoopSidebarExpanded{0%,17%{opacity:0;pointer-events:none;transform:translate(-6px)}23%,69%{opacity:1;pointer-events:auto;transform:translate(0)}75%,to{opacity:0;pointer-events:none;transform:translate(-6px)}}@keyframes navLoopSidebarCollapsed{0%,17%{opacity:1;pointer-events:auto;transform:scale(1)}22%,72%{opacity:0;pointer-events:none;transform:scale(.9)}77%,to{opacity:1;pointer-events:auto;transform:scale(1)}}.nav-loop-dropdown{will-change:opacity, transform;z-index:10;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopDropdown;position:absolute}.nav-loop-trigger{will-change:background-color, color, box-shadow;align-items:center;transition:border-radius .2s;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopTrigger;display:inline-flex}.nav-loop-caret{will-change:transform;transition:transform .2s;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopCaret;display:inline-block}.nav-loop-caret-up{will-change:transform;transition:transform .2s;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopCaretUp;display:inline-block}.nav-loop-overlay{will-change:opacity, transform;z-index:15;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopOverlay;position:absolute}.nav-loop-bottom{will-change:opacity, transform;z-index:10;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopBottom;position:absolute}.nav-loop-command{will-change:border-color, box-shadow;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopCommandFocus}.nav-loop-sidebar-rail{will-change:width;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopSidebarRail}.nav-loop-sidebar-expanded{will-change:opacity, transform;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopSidebarExpanded}.nav-loop-sidebar-collapsed{will-change:opacity, transform;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopSidebarCollapsed}.nav-loop-nested-trigger{will-change:background-color, color, box-shadow;transition:border-radius .2s;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopNestedTrigger}.nav-loop-nested-flyout{will-change:opacity, transform;z-index:20;animation:7s cubic-bezier(.16,1,.3,1) infinite navLoopNestedFlyout;position:absolute}.nav-hover-trigger-wrap{position:relative}.nav-hover-trigger-wrap:hover>.nav-loop-dropdown,.nav-hover-trigger-wrap:focus-within>.nav-loop-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.nav-hover-nested-wrap{position:relative}.nav-hover-nested-wrap:hover>.nav-loop-nested-flyout,.nav-hover-nested-wrap:focus-within>.nav-loop-nested-flyout{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)scale(1)!important}.nav-hover-item{transition:background-color .15s,color .15s}.nav-hover-item:hover{background-color:var(--nav-hover-bg,#ffffff14)!important}@media (prefers-reduced-motion:reduce){.nav-loop-dropdown,.nav-loop-overlay,.nav-loop-bottom{opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:none!important;transform:none!important}.nav-loop-trigger,.nav-loop-command{background-color:var(--nav-active-bg,#06b6d42e)!important;color:var(--nav-active-text,#06b6d4)!important;animation:none!important}.nav-loop-caret,.nav-loop-caret-up{animation:none!important;transform:rotate(180deg)!important}.nav-loop-sidebar-rail{width:122px!important;animation:none!important}.nav-loop-sidebar-expanded{opacity:1!important;pointer-events:auto!important;animation:none!important;transform:none!important}.nav-loop-sidebar-collapsed{opacity:0!important;pointer-events:none!important;animation:none!important}.nav-loop-nested-flyout{opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:none!important;transform:none!important}.nav-loop-nested-trigger{background-color:var(--nav-active-bg,#06b6d42e)!important;color:var(--nav-active-text,#06b6d4)!important;animation:none!important}}.koth-pick-btn{font-family:var(--font-heading);background:rgb(var(--cw-fg-rgb) / .04);color:var(--cw-text-strong);border:1px solid rgb(var(--cw-fg-rgb) / .12);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.koth-pick-btn:hover{border-color:var(--color-neon-cyan);background:rgb(var(--cw-cyan-rgb) / .1);box-shadow:0 0 24px rgb(var(--cw-cyan-rgb) / .25)}.koth-pick-hint{background:rgb(var(--cw-fg-rgb) / .1);width:22px;height:22px;font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .73);border-radius:6px;place-items:center;font-size:.85rem;display:inline-grid}.koth-vs{font-family:var(--font-heading);letter-spacing:.2em;color:var(--cw-text-subtle);align-self:center;padding:0 .5rem;font-size:1rem;font-weight:800}.koth-foot{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.koth-hint{font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .6);margin:0;font-size:.85rem}.koth-slot[data-entered=true]{animation:.3s cubic-bezier(.2,.8,.3,1) kothEnter}@keyframes kothEnter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.koth-duel{grid-template-columns:1fr}.koth-vs{padding:.25rem 0}.koth-foot{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=768px){.pc-tagline,.gc-desc,.gc-tags,.gc-tag,.fc-body,.mockup-subtext{display:none!important}.palette-card{flex:none!important;height:auto!important}.pc-swatches{flex:none!important;gap:5px!important;height:48px!important;min-height:48px!important;margin-bottom:0!important}.pc-swatch-label{flex:1!important;height:48px!important;min-height:48px!important}.pc-swatch{flex:none!important;height:48px!important;min-height:48px!important}.pc-swatch-edit-icon{width:18px!important;height:18px!important;font-size:.65rem!important;top:3px!important;right:3px!important}.pc-paper{flex:none!important;gap:.5rem!important;height:auto!important;padding:.75rem .85rem!important}.photo-bento-grid{gap:6px!important;height:140px!important}.photo-bento-hero{border-radius:8px!important}.photo-bento-sub{border-radius:6px!important}.photo-specs-grid{grid-template-columns:1fr!important;gap:6px!important}.photo-thumbs{gap:6px!important}.photo-thumb{border-radius:8px!important;width:100%!important;height:100px!important}.gc-name{margin-bottom:.2rem!important;font-size:1rem!important}.fc-meta{gap:6px!important;margin-top:.2rem!important;font-size:.75rem!important}.mockup-hero,.mockup-editorial,.mockup-pricing,.mockup-contact,.mockup-kitchen-sink{gap:10px!important;padding:12px 14px!important}.mockup-headline{max-width:100%!important;font-size:1.25rem!important;line-height:1.15!important}.mockup-nav{padding:6px 10px!important}.mockup-footer{padding:8px 12px!important}.mockup-card-inner{gap:10px!important;padding:12px!important}.nav-demo-viewport{min-height:56px!important;padding:6px 8px!important}.blog-demo-viewport{min-height:64px!important;padding:6px 8px!important}.koth-wrap{gap:.65rem!important;padding:.25rem .75rem 1.5rem!important}.koth-head h2{margin:.2rem 0!important;font-size:1.35rem!important}.koth-head .step-subtitle{display:none!important}.koth-round{font-size:.75rem!important}.koth-slot{gap:.4rem!important}.koth-slot-tag{padding:.2rem .6rem!important;font-size:.75rem!important}.koth-card-host{min-height:auto!important}.koth-card-host>.shuffle-content-card{border-radius:14px!important;gap:.5rem!important;padding:.75rem .85rem!important}.koth-pick-btn{border-radius:10px!important;padding:.55rem .9rem!important;font-size:.85rem!important}.koth-pick-hint{width:18px!important;height:18px!important;font-size:.75rem!important}.koth-vs{padding:.15rem 0!important;font-size:.85rem!important}.koth-foot{gap:.25rem!important;padding-top:.25rem!important}.koth-hint{font-size:.75rem!important}.ft-bar-tour-btn,#ftTourPromptDialog,.ft-tour-dialog{display:none!important}}.koth-winner{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:620px;margin:0 auto;padding:.5rem 1.5rem 2.5rem;display:flex}.koth-winner-eyebrow{color:var(--color-neon-violet)}.koth-winner-eyebrow i{margin-right:.35rem}.koth-winner-title{font-family:var(--font-heading);margin:0;font-size:2.1rem}.koth-winner-sub{font-family:var(--font-mono);color:var(--cw-text-subtle);margin:0 0 .5rem;font-size:.85rem}.koth-winner-stage{width:100%;max-width:520px;margin:.5rem 0 1rem}.koth-winner-stage .shuffle-content-card{border:1px solid rgb(var(--cw-violet-rgb) / .6);box-sizing:border-box;box-shadow:0 0 0 2px rgb(var(--cw-violet-rgb) / .5), 0 0 40px rgb(var(--cw-violet-rgb) / .35), 0 20px 50px #00000080;border-radius:20px;padding:1.35rem;color:#0f172a!important;background:#fff!important}.koth-winner-stage .pc-paper{box-sizing:border-box;box-shadow:0 0 0 1px rgb(var(--cw-violet-rgb) / .4), 0 0 40px rgb(var(--cw-violet-rgb) / .3), 0 12px 40px rgb(var(--cw-shadow-rgb) / calc(.4 * var(--cw-shadow-k)));border-radius:18px;padding:1.25rem}.koth-winner-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.ft-tour-dialog{border:1px solid rgb(var(--cw-cyan-rgb) / .4);background:var(--cw-menu);max-width:min(480px,94vw);box-shadow:0 25px 60px #000000bf, 0 0 35px rgb(var(--cw-cyan-rgb) / .15);border-radius:20px;padding:1.75rem}.ft-tour-dialog .card-eyebrow{color:var(--cw-cyan);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.72rem;display:inline-flex}.ft-tour-prompt-body{color:var(--cw-text-muted);margin-top:.4rem;margin-bottom:1.35rem;line-height:1.6}.cw-driver-popover.driver-popover{color:#f1f5f9!important;min-width:290px!important;max-width:360px!important;font-family:var(--font-mono,"JetBrains Mono", monospace)!important;background:#09090f!important;border:1px solid #8b5cf673!important;border-radius:18px!important;padding:1.25rem 1.4rem!important;box-shadow:0 24px 60px #000000d9,0 0 25px #06b6d440!important}.cw-driver-popover .driver-popover-title{font-family:var(--font-heading,"Outfit", sans-serif)!important;color:#fff!important;letter-spacing:-.01em!important;margin-bottom:.45rem!important;padding-right:1.5rem!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.3!important}.cw-driver-popover .driver-popover-description{font-family:var(--font-mono,"JetBrains Mono", monospace)!important;color:#94a3b8!important;margin:0 0 1rem!important;font-size:.82rem!important;line-height:1.55!important}.cw-driver-popover .driver-popover-close-btn{color:#64748b!important;font-size:1.2rem!important;transition:color .15s!important;top:12px!important;right:14px!important}.cw-driver-popover .driver-popover-close-btn:hover{color:#06b6d4!important}.cw-driver-popover .driver-popover-footer{border-top:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;margin-top:.75rem!important;padding-top:.85rem!important;display:flex!important}.cw-driver-popover .driver-popover-progress-text{font-family:var(--font-mono,"JetBrains Mono", monospace)!important;color:#8b5cf6!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-size:.72rem!important;font-weight:600!important}.cw-driver-popover .driver-popover-footer-btn{font-family:var(--font-mono,"JetBrains Mono", monospace)!important;border-radius:999px!important;padding:.35rem .85rem!important;font-size:.76rem!important;font-weight:600!important;transition:all .15s!important}.cw-driver-popover .driver-popover-prev-btn{color:#94a3b8!important;background:0 0!important;border:1px solid #ffffff29!important}.cw-driver-popover .driver-popover-prev-btn:hover{color:#fff!important;background:#ffffff0d!important;border-color:#fff6!important}.cw-driver-popover .driver-popover-next-btn{color:#050505!important;background:#06b6d4!important;border:1px solid #06b6d4!important}.cw-driver-popover .driver-popover-next-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #06b6d480!important}.cw-driver-popover .driver-popover-arrow-side-left{border-left-color:#09090f!important}.cw-driver-popover .driver-popover-arrow-side-right{border-right-color:#09090f!important}.cw-driver-popover .driver-popover-arrow-side-top{border-top-color:#09090f!important}.cw-driver-popover .driver-popover-arrow-side-bottom{border-bottom-color:#09090f!important}.blog-card-tabs-bar{border-bottom:1px solid color-mix(in srgb, var(--blog-text,#64748b) 15%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.blog-card-view-tabs{background:color-mix(in srgb, var(--blog-text,#64748b) 8%, var(--blog-surface,#0f172a0f));border:1px solid color-mix(in srgb, var(--blog-text,#64748b) 18%, transparent);user-select:none;border-radius:7px;gap:4px;padding:3px;display:inline-flex;position:relative}.blog-card-tab{--tab-inactive-bg:transparent;background-color:var(--tab-inactive-bg);font-family:var(--font-mono);color:var(--blog-text,#1e293b);cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.blog-card-tab:hover{--tab-inactive-bg:color-mix(in srgb, var(--blog-text,#1e293b) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blog-text,#1e293b) 35%, transparent)}.shuffle-content-card.is-pinned .blog-card-tab:not(.is-active){background-color:var(--tab-inactive-bg);color:var(--blog-text,#1e293b);opacity:.82}.shuffle-content-card.is-pinned .blog-card-tab:not(.is-active):hover{color:var(--blog-text,#0f172a);opacity:1;background-color:var(--tab-inactive-bg)}.blog-card-tab.is-active{color:#050505;opacity:1;background-color:#06b6d4;font-weight:700}:root[data-theme=light] .blog-card-tab.is-active{color:#fff;background-color:#7c3aed}.blog-loop-indicator{font-family:var(--font-mono);color:var(--blog-muted,#64748b);user-select:none;align-items:center;gap:5px;font-size:.64rem;display:inline-flex}.blog-spin-icon{color:var(--color-neon-cyan);font-size:.65rem;animation:8s linear infinite blogSpinPulse}:root[data-theme=light] .blog-spin-icon{color:var(--cw-violet)}@keyframes blogSpinPulse{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.blog-panes-stack{flex:1;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;width:100%;display:grid;position:relative}.blog-panes-stack>.blog-card-view-pane{grid-area:1/1;width:100%;transition:opacity .3s,transform .3s}.shuffle-content-card:not(.is-pinned) .blog-panes-stack>.blog-view-archive{will-change:opacity, transform;animation:8s cubic-bezier(.16,1,.3,1) infinite blogLoopFeedPane}.shuffle-content-card:not(.is-pinned) .blog-panes-stack>.blog-view-single{will-change:opacity, transform;animation:8s cubic-bezier(.16,1,.3,1) infinite blogLoopSinglePane}@keyframes blogLoopFeedPane{0%,45%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}48%,95%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px)}98%,to{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}@keyframes blogLoopSinglePane{0%,45%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px)}48%,95%{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}98%,to{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px)}}.shuffle-content-card:not(.is-pinned) .blog-card-tab.tab-feed{animation:8s infinite blogLoopTabFeed}.shuffle-content-card:not(.is-pinned) .blog-card-tab.tab-single{animation:8s infinite blogLoopTabSingle}@keyframes blogLoopTabFeed{0%,46.9%{color:#050505;background-color:#06b6d4;font-weight:700}47%,96.9%{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}97%,to{color:#050505;background-color:#06b6d4;font-weight:700}}:root[data-theme=light] .shuffle-content-card:not(.is-pinned) .blog-card-tab.tab-feed{animation:8s infinite blogLoopTabFeedLight}@keyframes blogLoopTabFeedLight{0%,46.9%{color:#fff;background-color:#7c3aed;font-weight:700}47%,96.9%{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}97%,to{color:#fff;background-color:#7c3aed;font-weight:700}}@keyframes blogLoopTabSingle{0%,46.9%{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}47%,96.9%{color:#fff;background-color:#8b5cf6;font-weight:700}97%,to{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}}:root[data-theme=light] .shuffle-content-card:not(.is-pinned) .blog-card-tab.tab-single{animation:8s infinite blogLoopTabSingleLight}@keyframes blogLoopTabSingleLight{0%,46.9%{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}47%,96.9%{color:#fff;background-color:#7c3aed;font-weight:700}97%,to{background-color:var(--tab-inactive-bg,transparent);color:var(--blog-text,#1e293b);font-weight:600}}.shuffle-content-card:not(.is-pinned) .blog-url-path-feed{animation:8s infinite blogUrlFeed}.shuffle-content-card:not(.is-pinned) .blog-url-path-single{animation:8s infinite blogUrlSingle}@keyframes blogUrlFeed{0%,45%{opacity:1;display:inline}48%,95%{opacity:0;display:none}98%,to{opacity:1;display:inline}}@keyframes blogUrlSingle{0%,45%{opacity:0;display:none}48%,95%{opacity:1;display:inline}98%,to{opacity:0;display:none}}.blog-demo-viewport:hover *,.blog-demo-viewport:hover :before,.blog-demo-viewport:hover :after{animation-play-state:paused!important}.shuffle-content-card.is-pinned .blog-loop-indicator{opacity:.45}.shuffle-content-card.is-pinned .blog-spin-icon{animation:none!important}.shuffle-content-card.is-pinned .blog-loop-text:after{content:" · Pinned"}.shuffle-content-card.is-pinned .blog-card-tab,.shuffle-content-card.is-pinned .blog-card-view-pane,.shuffle-content-card.is-pinned .blog-url-path-feed,.shuffle-content-card.is-pinned .blog-url-path-single{animation:none!important}@media (prefers-reduced-motion:reduce){.shuffle-content-card .blog-card-tab,.shuffle-content-card .blog-card-view-pane,.shuffle-content-card .blog-url-path-feed,.shuffle-content-card .blog-url-path-single,.blog-spin-icon{animation:none!important}.blog-panes-stack>.blog-view-archive{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.blog-panes-stack>.blog-view-single{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}.blog-url-path-feed{opacity:1!important;display:inline!important}.blog-url-path-single{opacity:0!important;display:none!important}}.browser-chrome .ft-chrome-page-pills{z-index:2;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.ft-chrome-pill{font-family:var(--font-mono);color:#c2c5d4;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.7rem;transition:all .15s}.ft-chrome-pill:hover{color:#fff;background:#ffffff2e}.ft-chrome-pill.is-active{background:var(--color-neon-cyan);color:#050505;border-color:var(--color-neon-cyan);font-weight:700}:root[data-theme=light] .ft-chrome-pill.is-active{background:var(--cw-violet);color:#fff;border-color:var(--cw-violet)}html{scroll-behavior:smooth}.hero-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:calc(var(--cw-orb-opacity) * 1.25);border-radius:50%;animation:20s ease-in-out infinite alternate drift;position:absolute}.orb-1{background:var(--cw-orb-violet);width:600px;height:600px;top:-200px;right:-100px}.orb-2{background:var(--cw-orb-cyan);width:500px;height:500px;animation-duration:25s;animation-delay:-10s;bottom:-150px;left:-100px}.hero-fan{width:520px;height:420px;position:absolute;top:50%;right:12%;transform:translateY(-50%)}.hero-fan-glow{background:radial-gradient(circle, rgb(var(--cw-violet-rgb) / .28) 0%, rgb(var(--cw-cyan-rgb) / .18) 45%, transparent 72%);filter:blur(20px);z-index:0;width:460px;height:460px;animation:6s ease-in-out infinite fanGlowPulse;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes fanGlowPulse{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.fan-card{transform-origin:50% 120%;width:200px;height:160px;margin:-80px 0 0 -100px;position:absolute;top:50%;left:50%}.fan-card-0{z-index:1;transform:rotate(-24deg)translate(-165px,55px)scale(.88)}.fan-card-1{z-index:2;transform:rotate(-12deg)translate(-90px,15px)scale(.94)}.fan-card-2{z-index:5;transform:rotate(0)translateY(-15px)scale(1.06)}.fan-card-3{z-index:3;transform:rotate(12deg)translate(90px,15px)scale(.94)}.fan-card-4{z-index:2;transform:rotate(24deg)translate(165px,55px)scale(.88)}.fan-card-inner{background:var(--bg,#141414);width:100%;height:100%;box-shadow:0 16px 40px rgb(var(--cw-shadow-rgb) / calc(.55 * var(--cw-shadow-k)));animation:5s ease-in-out infinite fanBob;animation-delay:var(--delay,0s);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}@keyframes fanBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.preview-swatches{gap:6px;display:flex}.swatch{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:26px;height:26px}.preview-name{font-family:var(--font-heading);color:#fff9;margin:0;font-size:.875rem;font-weight:600}.fan-stats-pill{z-index:6;background:color-mix(in srgb, var(--cw-menu) 65%, transparent);border:1px solid rgb(var(--cw-fg-rgb) / .1);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgb(var(--cw-shadow-rgb) / calc(.45 * var(--cw-shadow-k)));font-family:var(--font-mono);color:rgb(var(--cw-fg-rgb) / .75);white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem;font-size:.875rem;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.fan-stats-pill i{color:var(--color-neon-cyan);font-size:.8rem}.fan-vote-cluster{z-index:7;flex-direction:column;gap:.7rem;display:flex;position:absolute;bottom:30px;right:10px}.fan-vote-btn{background:color-mix(in srgb, var(--cw-menu) 70%, transparent);border:1px solid rgb(var(--cw-fg-rgb) / .14);-webkit-backdrop-filter:blur(10px);width:46px;height:46px;box-shadow:0 10px 24px rgb(var(--cw-shadow-rgb) / calc(.5 * var(--cw-shadow-k)));border-radius:50%;justify-content:center;align-items:center;font-size:1rem;animation:3.2s ease-in-out infinite fanVotePulse;display:flex}.fan-vote-keep{color:var(--color-neon-cyan);box-shadow:0 0 0 1px rgb(var(--cw-cyan-rgb) / .3), 0 10px 24px rgb(var(--cw-cyan-rgb) / .25)}.fan-vote-drop{color:var(--color-void-red);box-shadow:0 0 0 1px rgb(var(--cw-red-rgb) / .3), 0 10px 24px rgb(var(--cw-red-rgb) / .2);animation-delay:1.6s}@keyframes fanVotePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.hero-fan-glow,.fan-card-inner,.fan-vote-btn{animation:none}}.hero-content{z-index:1;min-height:calc(100dvh - var(--cw-bar-h,0px));flex-direction:column;justify-content:flex-start;max-width:700px;padding:0 6vw;display:flex;position:relative}.eyebrow{font-family:var(--font-nav);letter-spacing:.2em;text-transform:uppercase;color:var(--color-neon-cyan);margin:0 0 1rem;font-size:.875rem}h1{margin:0 0 1.25rem;font-size:clamp(3.5rem,8vw,7rem);font-weight:800;line-height:1}.tagline{font-family:var(--font-mono);color:var(--cw-text-subtle);margin:0 0 1rem;font-size:clamp(1rem,2vw,1.25rem)}.description{color:var(--cw-text-muted);max-width:500px;margin:0 0 1.25rem;font-size:1.125rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hero-actions .btn-primary{padding:.875rem 2rem;font-size:1rem;text-decoration:none;display:inline-block}.hero-meta{color:var(--cw-text-subtle);font-size:.85rem;font-family:var(--font-mono);margin:0}.hero-content{padding-top:var(--cw-hero-top);padding-bottom:7rem}.my-projects{max-width:520px;margin-top:1.5rem;padding:1rem 1.25rem}.my-projects h2{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-neon-cyan);margin:0 0 .6rem;font-size:.75rem}.my-projects ul{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.my-projects li{justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.my-projects .mp-name{color:var(--cw-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.my-projects a{color:var(--color-neon-cyan);white-space:nowrap;text-decoration:none}.my-projects .mp-status{color:var(--cw-text-subtle);white-space:nowrap;font-family:var(--font-mono);font-size:.75rem}@media (width<=1100px){.hero-fan{display:none}}@media (width<=768px){.hero-content{max-width:100%}}.hero-eyebrow-row{align-items:center;gap:.875rem;margin:0 0 1rem;display:flex}.hero-eyebrow-row .eyebrow{letter-spacing:.06em;cursor:pointer;margin:0}.welcome-audio-trigger{border:1px solid rgb(var(--cw-cyan-rgb) / .45);background:rgb(var(--cw-cyan-rgb) / .08);width:40px;height:40px;color:var(--color-neon-cyan);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background .2s,border-color .2s;display:inline-flex;position:relative}.welcome-audio-trigger i{z-index:1;font-size:.95rem;position:relative}.welcome-audio-trigger:hover,.welcome-audio-trigger:focus-visible{background:rgb(var(--cw-cyan-rgb) / .18);border-color:var(--color-neon-cyan);outline:none;transform:scale(1.06)}.welcome-audio-trigger:focus-visible{box-shadow:0 0 0 3px rgb(var(--cw-cyan-rgb) / .35)}.welcome-audio-trigger-ring{border:2px solid var(--color-neon-cyan);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.welcome-audio-trigger.is-pulsing .welcome-audio-trigger-ring{animation:1.2s cubic-bezier(0,0,.2,1) infinite ping}.welcome-audio-trigger.is-pulsing{animation:1.2s ease-in-out infinite welcomePulseScale}@keyframes ping{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@keyframes welcomePulseScale{0%,70%,to{transform:scale(1)}35%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.welcome-audio-trigger.is-pulsing,.welcome-audio-trigger.is-pulsing .welcome-audio-trigger-ring{animation:none}}.welcome-modal{z-index:100;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.welcome-modal.hidden{display:none}.welcome-modal-backdrop{background:color-mix(in srgb, var(--cw-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);position:absolute;inset:0}.welcome-modal-dialog{width:min(540px,100%);box-shadow:0 0 0 1px rgb(var(--cw-violet-rgb) / .18), 0 30px 80px rgb(var(--cw-shadow-rgb) / calc(.6 * var(--cw-shadow-k)));opacity:0;border-radius:18px;padding:2.25rem 2rem 1.75rem;animation:.28s cubic-bezier(.2,.9,.3,1.2) forwards welcomeModalIn;position:relative;transform:translateY(8px)scale(.98)}@keyframes welcomeModalIn{to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.welcome-modal-dialog{opacity:1;animation:none;transform:none}}.welcome-modal-close{border:1px solid rgb(var(--cw-fg-rgb) / .1);background:rgb(var(--cw-fg-rgb) / .04);width:34px;height:34px;color:rgb(var(--cw-fg-rgb) / .7);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:.875rem;right:.875rem}.welcome-modal-close:hover,.welcome-modal-close:focus-visible{background:rgb(var(--cw-fg-rgb) / .1);color:var(--cw-text-strong);border-color:rgb(var(--cw-fg-rgb) / .2);outline:none}.welcome-modal-eyebrow{font-family:var(--font-nav);letter-spacing:.22em;text-transform:uppercase;color:var(--color-neon-cyan);margin:0 0 .5rem;font-size:.875rem}.welcome-modal-title{font-family:var(--font-heading);color:var(--cw-text-strong);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700;line-height:1.15}.welcome-modal-body{color:rgb(var(--cw-fg-rgb) / .8);margin:0 0 1.5rem;font-size:1rem;line-height:1.65}.welcome-modal-body strong{color:var(--cw-text-strong);font-weight:600}.welcome-modal-controls{border-top:1px solid rgb(var(--cw-fg-rgb) / .08);align-items:center;gap:.875rem;padding-top:1rem;display:flex}.welcome-modal-playpause{border:1px solid rgb(var(--cw-violet-rgb) / .5);background:rgb(var(--cw-violet-rgb) / .12);width:40px;height:40px;color:var(--cw-text-strong);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.welcome-modal-playpause:hover,.welcome-modal-playpause:focus-visible{background:rgb(var(--cw-violet-rgb) / .25);outline:none}.welcome-modal-playpause i{font-size:.8rem}.welcome-waveform{align-items:flex-end;gap:3px;height:22px;display:inline-flex}.welcome-waveform span{background:var(--color-neon-cyan);opacity:.45;border-radius:2px;width:3px;height:6px;display:block}.welcome-waveform.is-active span{animation:1.1s ease-in-out infinite welcomeWaveBar}.welcome-waveform.is-active span:first-child{animation-delay:0s}.welcome-waveform.is-active span:nth-child(2){animation-delay:.15s}.welcome-waveform.is-active span:nth-child(3){animation-delay:.3s}.welcome-waveform.is-active span:nth-child(4){animation-delay:.45s}.welcome-waveform.is-active span:nth-child(5){animation-delay:.6s}@keyframes welcomeWaveBar{0%,to{opacity:.45;height:6px}50%{opacity:1;height:20px}}@media (prefers-reduced-motion:reduce){.welcome-waveform.is-active span{animation:none}}body.welcome-modal-open{overflow:hidden}