@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--bg:#121212;--card:#212121;--elevated:#212121;--elevated-2:#535353;--border:#53535380;--border-strong:#535353;--text:#b3b3b3;--muted:#b3b3b3b8;--faint:#b3b3b380;--green:#1db954;--green-soft:#1db95424;--on-green:#121212;--tier-single:#535353;--tier-ep:#b3b3b3;--tier-gold:#1db954;--tier-platinum:#1db954;--tier-diamond:#1db954;--radius:14px;--font-display:"Poppins", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-track{background:0 0}h1,h2,h3,h4,.brand,.num-xl,.score-badge,.match-title{font-family:var(--font-display)}.eyebrow{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4.5vw,52px);font-weight:800;line-height:.98}.page-sub{color:var(--muted);max-width:460px;margin:10px 0 0;font-size:13px;line-height:1.5}.muted{color:var(--muted)}.faint{color:var(--faint)}.num-xl{letter-spacing:-.06em;font-weight:800;line-height:.9}.gradient-text{color:var(--green)}.section-label{justify-content:space-between;align-items:baseline;gap:10px;margin:34px 0 14px;display:flex}.section-label>span{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.section-label small{color:var(--faint);font-size:11px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex:0 0 236px;gap:26px;width:236px;height:100vh;padding:26px 16px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.05em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand-mark{background:var(--green);width:30px;height:30px;color:var(--on-green);border-radius:50%;place-items:center;display:grid}.brand-mark svg{width:16px;height:16px}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.nav-item svg{width:19px;height:19px}.nav-item:hover{color:var(--text);background:var(--card)}.nav-item.active{color:var(--text);background:var(--elevated)}.nav-item.active svg{color:var(--green)}.nav-badge{background:var(--green);min-width:20px;color:var(--on-green);text-align:center;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.sidebar-cta{flex-direction:column;gap:12px;margin-top:auto;display:flex}.sidebar-user{background:var(--card);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-user img{object-fit:cover;border-radius:50%;width:34px;height:34px}.sidebar-user div{min-width:0}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar-user span{color:var(--faint);font-size:10px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#121212e0;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.topbar-right{align-items:center;gap:10px;display:flex}.streak-pill,.tier-pill{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.streak-pill svg{width:13px;height:13px;color:var(--green)}.tier-pill{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.tier-pill[data-tier=gold]{color:var(--tier-gold);border-color:#1db95466}.tier-pill[data-tier=platinum]{color:var(--tier-platinum);border-color:#b3b3b366}.tier-pill[data-tier=silver]{color:var(--text)}.tier-pill[data-tier=free]{color:var(--faint)}.page{width:100%;max-width:1180px;margin:0 auto;padding:34px 32px 110px}.bottom-nav,.topbar-brand{display:none}.btn{letter-spacing:.01em;color:var(--on-green);background:var(--green);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:700;transition:transform .12s,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.btn-lg{padding:15px 28px;font-size:14px}.btn-block{width:100%}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--elevated)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--card);filter:none}.btn-gradient{background:var(--green);color:var(--on-green)}.btn-sm{padding:9px 16px;font-size:12px}.icon-btn{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--elevated)}.icon-btn svg{width:16px;height:16px}.chip{background:var(--elevated);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip.artist{background:var(--green-soft);color:var(--green)}.chip.genre{color:var(--text);background:#53535359}.chip svg{width:12px;height:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.elevated{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius)}.tier-badge{letter-spacing:.1em;text-transform:uppercase;background:#b3b3b30f;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.tier-single{color:var(--tier-single)}.tier-ep{color:var(--tier-ep)}.tier-gold{color:var(--tier-gold)}.tier-platinum{color:var(--tier-platinum)}.tier-diamond{color:var(--tier-diamond)}.tier-badge.tier-single{color:var(--text)}.tier-badge.tier-ep{color:var(--text);background:#b3b3b31f}.tier-badge.tier-gold{color:var(--green)}.tier-badge.tier-platinum{color:var(--green);background:var(--green-soft)}.tier-badge.tier-diamond{color:var(--on-green);background:var(--green);border-color:var(--green)}.form-error{color:var(--text);border:1px solid var(--border-strong);background:#5353534d;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}.fresh-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--green);color:var(--on-green);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.progress-track{background:#53535359;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--green);border-radius:999px;height:100%;transition:width .5s}.progress-fill.gradient{background:var(--green)}.discover-grid{grid-template-columns:minmax(320px,460px) minmax(260px,1fr);align-items:start;gap:36px;display:grid}.deck-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.deck-head p{color:var(--faint);margin:0;font-size:12px}.quest-banner{border-radius:var(--radius);background:var(--green-soft);border:1px solid #1db95459;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;display:flex}.quest-banner svg{width:18px;height:18px;color:var(--green);flex-shrink:0}.quest-banner div{min-width:0}.quest-banner strong{font-size:12px;display:block}.quest-banner span{color:var(--muted);font-size:11px}.quest-banner .quest-progress{font-family:var(--font-display);color:var(--green);margin-left:auto;font-size:13px;font-weight:800}.deck{height:min(560px,68vh);min-height:440px;position:relative}.swipe-card{background:var(--card);border:1px solid var(--border);will-change:transform;touch-action:none;border-radius:20px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 60px #12121299}.swipe-card-media{background:var(--elevated);flex:1;min-height:0;position:relative}.swipe-card-media img{object-fit:cover;width:100%;height:100%}.swipe-card-media:after{content:"";background:linear-gradient(#12121259 0%,#0000 34%,#121212bf 100%);position:absolute;inset:0}.score-badge{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212bf;border:1px solid #53535380;border-radius:14px;align-items:baseline;gap:6px;padding:9px 13px;display:flex;position:absolute;top:16px;left:16px}.score-badge strong{font-family:var(--font-display);letter-spacing:-.06em;color:var(--green);font-size:30px;font-weight:800}.score-badge span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.card-flags{z-index:2;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}.liked-you-flag{background:var(--green);color:var(--on-green);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.swipe-card-copy{z-index:2;padding:20px;position:absolute;bottom:0;left:0;right:0}.swipe-card-copy h2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:800}.swipe-card-copy h2 span{color:var(--muted);font-size:20px;font-weight:500}.card-meta{color:var(--text);align-items:center;gap:8px;margin:7px 0 0;font-size:12px;display:flex}.card-meta svg{width:13px;height:13px}.card-bio{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.shared-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.stamp{z-index:3;font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;opacity:0;pointer-events:none;border:4px solid;border-radius:12px;padding:6px 16px;font-size:34px;font-weight:800;position:absolute;top:40px}.stamp.like{color:var(--green);right:22px;transform:rotate(14deg)}.stamp.pass{color:var(--text);left:22px;transform:rotate(-14deg)}.action-bar{justify-content:center;align-items:center;gap:16px;padding:22px 0 6px;display:flex}.action-btn{border:1px solid var(--border);background:var(--elevated);width:54px;height:54px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .12s,background .15s;display:grid}.action-btn:hover:not(:disabled){color:var(--text);transform:scale(1.07)}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn svg{width:21px;height:21px}.action-btn.pass{color:var(--text)}.action-btn.super{color:var(--green);background:var(--green-soft);border-color:#1db95473}.action-btn.like{background:var(--green);width:68px;height:68px;color:var(--on-green);border:0}.action-btn.like svg{width:27px;height:27px}.action-btn.undo{color:var(--text);border-color:var(--border-strong)}.swipe-hint{text-align:center;color:var(--faint);margin:4px 0 0;font-size:11px}.swipe-hint span{padding:0 8px}.side-panel{flex-direction:column;gap:18px;display:flex}.panel-card{padding:20px}.panel-card h3{letter-spacing:-.02em;margin:0;font-size:16px}.compat-head{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.donut{--score:0;background:conic-gradient(var(--green) calc(var(--score) * 1%), var(--elevated) 0);border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid;position:relative}.donut:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:9px}.donut strong,.donut span{position:relative}.donut strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:26px;font-weight:800}.donut span{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.donut-inner{flex-direction:column;align-items:center;gap:1px;display:flex;position:relative}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.stat-cell{background:var(--bg);text-align:center;border-radius:12px;padding:12px 8px}.stat-cell strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:22px;font-weight:800;display:block}.stat-cell span{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.gate-card{text-align:center;border-style:dashed;padding:20px}.gate-card svg{width:22px;height:22px;color:var(--tier-gold)}.gate-card h4{margin:10px 0 6px;font-size:14px}.gate-card p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.empty-state{text-align:center;padding:46px 26px}.empty-state h3{margin:14px 0 8px;font-size:19px}.empty-state p{color:var(--muted);max-width:340px;margin:0 auto 18px;font-size:13px;line-height:1.55}.empty-state svg{width:34px;height:34px;color:var(--green)}.celebrate{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121212db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confetti-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.celebrate-card{text-align:center;background:var(--card);border:1px solid var(--elevated-2);border-radius:24px;width:min(430px,100%);padding:38px 30px 30px;position:relative;box-shadow:0 40px 90px #12121299}.celebrate-avatars{justify-content:center;align-items:center;gap:-10px;margin-bottom:18px;display:flex}.celebrate-avatars img{object-fit:cover;border:3px solid var(--card);border-radius:50%;width:92px;height:92px}.celebrate-avatars img:first-child{transform:translate(14px)rotate(-6deg)}.celebrate-avatars img:last-child{transform:translate(-14px)rotate(6deg)}.match-title{letter-spacing:-.05em;margin:0;font-size:clamp(34px,8vw,46px);font-weight:800}.celebrate-card p{color:var(--muted);max-width:320px;margin:12px auto 22px;font-size:13px;line-height:1.55}.cert-emblem{width:118px;height:118px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:#b3b3b30f;border:3px solid;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:15px;font-weight:800;display:grid}.celebrate-actions{flex-direction:column;gap:10px;display:flex}.streak-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.streak-card h2{letter-spacing:-.04em;align-items:center;gap:9px;margin:4px 0 6px;font-size:26px;display:flex}.streak-card h2 svg{width:22px;height:22px;color:var(--green)}.streak-card p{color:var(--muted);margin:0;font-size:12px}.streak-xp{font-family:var(--font-display);color:var(--green);font-size:15px;font-weight:800}.match-list{flex-direction:column;gap:12px;display:flex}.match-row{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:inherit;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:background .15s,border-color .15s,transform .12s;display:flex}.match-row:hover{background:var(--elevated);border-color:var(--elevated-2);transform:translateY(-1px)}.match-row>img{object-fit:cover;border-radius:50%;flex-shrink:0;width:66px;height:66px}.match-row-main{flex:1;min-width:0}.match-row-top{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.match-row-top strong{font-size:15px}.match-row-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:12px;overflow:hidden}.match-row-right{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.match-score{font-family:var(--font-display);letter-spacing:-.05em;color:var(--green);font-size:27px;font-weight:800}.match-score small{color:var(--faint);letter-spacing:0;font-size:11px}.certified-shelf{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.badge-tile{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:128px;padding:16px 14px;display:flex}.badge-tile .emblem{border:2px solid;border-radius:50%;place-items:center;width:46px;height:46px;font-size:11px;font-weight:800;display:grid}.badge-tile strong{font-size:12px}.badge-tile span{color:var(--faint);font-size:10px}.chat-page{flex-direction:column;height:calc(100vh - 69px);display:flex}.compat-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:14px 18px;display:flex}.compat-strip img{object-fit:cover;border-radius:50%;width:52px;height:52px}.compat-strip-main{flex:1;min-width:0}.compat-strip-main strong{font-size:15px;display:block}.compat-strip-stats{flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;display:flex}.compat-mini{font-family:var(--font-display);color:var(--green);letter-spacing:-.04em;font-size:17px;font-weight:800}.progress-inline{align-items:center;gap:8px;max-width:320px;margin-top:9px;display:flex}.progress-inline .progress-track{flex:1}.progress-inline span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:700}.messages{flex-direction:column;flex:1;gap:9px;padding:20px 4px;display:flex;overflow-y:auto}.bubble{background:var(--elevated);max-width:min(74%,460px);color:var(--text);border-radius:18px 18px 18px 6px;padding:11px 15px;font-size:13.5px;line-height:1.5}.bubble.mine{background:var(--green);color:var(--on-green);border-bottom-right-radius:6px;border-bottom-left-radius:18px;align-self:flex-end;font-weight:500}.bubble-time{opacity:.6;margin-top:5px;font-size:9px;display:block}.composer{border-top:1px solid var(--border);gap:10px;padding:14px 0 4px;display:flex}.composer input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;outline:none;flex:1;padding:13px 18px;font-size:13.5px}.composer input:focus{border-color:var(--green)}.profile-hero{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);align-items:center;gap:22px;padding:26px;display:flex}.profile-hero>img{object-fit:cover;border-radius:50%;width:104px;height:104px}.profile-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,36px)}.profile-hero p{color:var(--muted);margin:7px 0 0;font-size:13px}.hero-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.hero-actions{flex-direction:column;gap:9px;margin-left:auto;display:flex}.dna-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.dna-stat{padding:18px}.dna-stat strong{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(34px,5vw,44px);font-weight:800;line-height:1;display:block}.dna-stat span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:10px;display:block}.artist-rank{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;display:flex}.artist-rank:last-child{border-bottom:0}.artist-rank b{font-family:var(--font-display);color:var(--green);font-size:13px}.artist-rank span{flex:1;font-size:13.5px;font-weight:600}.artist-rank i{color:var(--faint);font-size:11px;font-style:normal}.genre-bars{flex-direction:column;gap:14px;padding:20px;display:flex}.genre-bar-row{flex-direction:column;gap:7px;display:flex}.genre-bar-row header{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.genre-bar-row header strong{color:var(--text);font-weight:600}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.input,.select,.textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:12px;outline:none;padding:13px 15px;font-size:14px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--green)}.textarea{resize:vertical;min-height:96px}.option-row{flex-wrap:wrap;gap:9px;display:flex}.option-pill{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:10px 17px;font-size:13px;font-weight:600}.option-pill.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.range-row{align-items:center;gap:12px;display:flex}.range-row .input{width:110px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan{background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:26px 22px;transition:transform .15s;display:flex;position:relative}.plan:hover{transform:translateY(-3px)}.plan.featured{border:2px solid var(--green)}.popular-tag{background:var(--green);color:var(--on-green);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 13px;font-size:9px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan h3{letter-spacing:-.02em;margin:0;font-size:18px}.plan-price{font-family:var(--font-display);letter-spacing:-.06em;align-items:baseline;gap:5px;margin:16px 0 4px;font-size:40px;font-weight:800;display:flex}.plan-price small{color:var(--faint);letter-spacing:0;font-size:12px;font-weight:600}.plan-tagline{color:var(--muted);min-height:34px;margin:0 0 18px;font-size:12.5px}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.plan-features li{color:var(--text);align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.4;display:flex}.plan-features svg{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:1px}.current-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-size:9px;font-weight:800;position:absolute;top:14px;right:16px}.feature-table{border-collapse:collapse;width:100%;font-size:13px}.feature-table th,.feature-table td{text-align:center;border-bottom:1px solid var(--border);padding:13px 14px}.feature-table th:first-child,.feature-table td:first-child{text-align:left;color:var(--text)}.feature-table th{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10px}.feature-table svg{width:16px;height:16px}.feature-table .yes{color:var(--green)}.feature-table .no{color:var(--tier-single)}.login-page{background:var(--bg);grid-template-columns:1.15fr 1fr;min-height:100vh;display:grid}.login-hero{background:radial-gradient(1000px 600px at 12% 8%, #1db95429, transparent 60%), radial-gradient(900px 700px at 88% 90%, #1db9541a, transparent 62%), var(--card);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.login-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:.98}.login-hero p{color:var(--muted);max-width:430px;font-size:15px;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:34px;display:flex}.hero-stat strong{font-family:var(--font-display);letter-spacing:-.06em;font-size:40px;font-weight:800;display:block}.hero-stat span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.login-card-wrap{place-items:center;padding:40px 30px;display:grid}.login-card{text-align:center;width:min(400px,100%)}.login-card h2{letter-spacing:-.03em;margin:22px 0 8px;font-size:25px}.login-card>p{color:var(--muted);margin:0 0 26px;font-size:13.5px;line-height:1.6}.spotify-btn{background:var(--green);width:100%;color:var(--on-green);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:15px;font-weight:800;display:flex}.spotify-btn:hover{filter:brightness(1.08)}.or-divider{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:10px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.persona-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.persona-chip{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 7px;font-size:12px;font-weight:600;display:flex}.persona-chip img{object-fit:cover;border-radius:50%;width:24px;height:24px}.persona-chip.active{border-color:var(--green);color:var(--text);background:var(--green-soft)}.login-note{color:var(--faint);margin-top:20px;font-size:11.5px;line-height:1.55}.onboarding{background:radial-gradient(800px 500px at 50% -10%, #1db9541f, transparent 65%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.onboarding-card{background:var(--card);border:1px solid var(--border);border-radius:22px;width:min(620px,100%);padding:36px 32px}.onboarding-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(26px,5vw,36px)}.onboarding-card>p{color:var(--muted);margin:0 0 26px;font-size:14px;line-height:1.6}.step-dots{justify-content:center;gap:7px;margin-bottom:26px;display:flex}.step-dot{background:#53535366;border-radius:999px;width:34px;height:5px}.step-dot.active{background:var(--green)}.step-dot.done{background:#1db95480}.sync-visual{flex-direction:column;align-items:center;gap:20px;padding:16px 0 8px;display:flex}.sync-orb{background:var(--green-soft);border:1px solid #1db95466;border-radius:50%;place-items:center;width:96px;height:96px;animation:1.6s ease-in-out infinite pulse;display:grid}.sync-orb svg{width:40px;height:40px;color:var(--green)}@keyframes pulse{50%{opacity:.5}}.sync-lines{flex-direction:column;gap:10px;width:100%;display:flex}.sync-line{color:var(--muted);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:12.5px;display:flex}.sync-line b{color:var(--green);font-family:var(--font-display)}.dna-hero{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.dna-hero .dna-stat{background:var(--elevated);text-align:center;border:0}.onboarding-actions{justify-content:space-between;gap:12px;margin-top:26px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121212c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:min(440px,100%);padding:28px;position:relative}.modal h3{letter-spacing:-.03em;margin:0 0 8px;font-size:21px}.modal p{color:var(--muted);margin:0 0 20px;font-size:13.5px;line-height:1.6}.modal-close{position:absolute;top:16px;right:16px}.toast-stack{z-index:90;flex-direction:column;gap:10px;max-width:min(360px,100vw - 40px);display:flex;position:fixed;top:22px;right:22px}.toast{background:var(--elevated);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;display:flex;box-shadow:0 16px 40px #12121280}.toast svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.toast.error{border-color:var(--border-strong)}.toast.error svg{color:var(--text)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--card) 25%, #5353534d 50%, var(--card) 75%);background-size:200% 100%;min-height:64px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:960px){.discover-grid{grid-template-columns:1fr}.side-panel{flex-flow:wrap}.side-panel>*{flex:1;min-width:260px}.plans,.login-page{grid-template-columns:1fr}.login-hero{border-right:0;border-bottom:1px solid var(--border);gap:30px;padding:40px 26px}}@media (max-width:820px){.sidebar{display:none}.page{padding:22px 16px 120px}.topbar{padding:13px 16px}.bottom-nav{z-index:40;padding:8px 6px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#121212f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{flex-direction:column;align-items:center;gap:4px;padding:7px 10px;font-size:9.5px;position:relative}.bottom-nav .nav-badge{margin:0;position:absolute;top:2px;right:12px}.topbar-brand{display:inline-flex}.profile-hero{flex-wrap:wrap}.hero-actions{flex-direction:row;width:100%;margin-left:0}.hero-actions .btn{flex:1}.chat-page{height:calc(100vh - 64px)}.compat-strip{flex-wrap:wrap;gap:10px}.toast-stack{max-width:none;top:12px;left:12px;right:12px}}@media (max-width:520px){.deck{height:min(520px,66vh)}.swipe-card-copy h2{font-size:25px}.match-row{flex-wrap:wrap}.match-row-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.streak-card{flex-direction:column;align-items:flex-start}.action-bar{gap:12px}.action-btn{width:50px;height:50px}.action-btn.like{width:62px;height:62px}.feature-table{font-size:11.5px}.feature-table th,.feature-table td{padding:10px 6px}.dna-hero{grid-template-columns:1fr}.onboarding-card{padding:26px 18px}}.site-container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.site-main{min-height:72vh}.site-header{z-index:60;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#121212e6;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:18px;height:62px;display:flex}.site-brand{font-size:18px}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:600;transition:color .15s,background .15s}.site-nav a:hover{color:var(--text);background:var(--card)}.site-actions{align-items:center;gap:10px;display:flex}.site-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-top:66px;padding-bottom:44px;display:grid}.site-hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin:14px 0 0;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.04}.site-hero-sub{max-width:540px;color:var(--muted);margin:20px 0 0;font-size:15.5px;line-height:1.65}.site-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.site-hero-note{letter-spacing:.02em;margin-top:18px;font-size:11.5px}.site-hero-demo{flex-direction:column;gap:16px;padding:24px;display:flex}.site-demo-head{justify-content:space-between;align-items:center;display:flex}.site-demo-avatars{display:flex}.site-demo-avatar{width:42px;height:42px;color:var(--text);border:2px solid var(--card);background:#53535380;border-radius:50%;place-items:center;margin-right:-10px;font-size:15px;font-weight:800;display:grid}.site-demo-avatar.alt{background:var(--green-soft);color:var(--green);margin-right:0}.site-demo-chips{flex-wrap:wrap;gap:8px;display:flex}.site-demo-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.site-demo-list li{color:var(--muted);align-items:center;gap:9px;font-size:13.5px;display:flex}.site-demo-list svg{width:14px;height:14px;color:var(--green);flex-shrink:0}.site-demo-foot{border-top:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;padding-top:13px;font-size:11.5px}.site-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.site-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:22px 18px}.site-stat strong{font-family:var(--font-display);letter-spacing:-.04em;color:var(--green);font-size:30px;font-weight:800;display:block}.site-stat span{color:var(--muted);margin-top:7px;font-size:12.5px;display:block}.site-quotes{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.site-quote{padding:22px}.site-quote blockquote{color:var(--text);margin:0;font-size:14.5px;line-height:1.65}.site-quote figcaption{margin-top:13px;font-size:12px}.site-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.site-step{padding:22px}.site-step-head{justify-content:space-between;align-items:center;display:flex}.site-step-num{font-family:var(--font-display);letter-spacing:-.04em;color:var(--green);font-size:26px;font-weight:800}.site-step-head svg{color:var(--muted)}.site-step h3{letter-spacing:-.01em;margin:14px 0 8px;font-size:16.5px}.site-step p{margin:0;font-size:13px;line-height:1.6}.site-more{text-align:right;margin:16px 0 0}.site-more a{color:var(--green);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.site-more a:hover{text-decoration:underline}.site-score-card{grid-template-columns:1fr 1fr;gap:34px;padding:26px;display:grid}.site-score-rows{flex-direction:column;gap:18px;display:flex}.site-score-row strong{color:var(--text);font-size:13.5px;display:block}.site-score-row-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.site-score-row-top span{font-family:var(--font-display);color:var(--green);font-size:13.5px;font-weight:800}.site-score-row .progress-track{margin:9px 0 7px}.site-score-row p{margin:0;font-size:12.5px;line-height:1.55}.site-score-copy h3{letter-spacing:-.02em;margin:0 0 10px;font-size:19px;line-height:1.3}.site-score-copy p{margin:0 0 18px;font-size:13.5px;line-height:1.65}.site-mini-plans{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.site-mini-plan{padding:22px;position:relative}.site-mini-plan h3{margin:0;font-size:15.5px}.site-mini-plan .plan-price{margin:12px 0 4px;font-size:32px}.site-mini-plan p{margin:6px 0 0;font-size:13px;line-height:1.55}.site-mini-plan.featured{border-color:var(--green)}.cta-band{background:var(--green-soft);border:1px solid #1db95459;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-top:48px;padding:30px 32px;display:flex}.cta-band h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 7px;font-size:clamp(21px,3vw,27px)}.cta-band p{margin:0;font-size:13.5px}.cta-band-inner{margin-top:36px}.site-footer{border-top:1px solid var(--border);margin-top:72px;padding:46px 0 34px}.site-footer-grid{grid-template-columns:1.7fr 1fr 1fr;gap:34px;display:grid}.site-footer-blurb{max-width:350px;margin:14px 0 0;font-size:13px;line-height:1.6}.site-footer-col{flex-direction:column;gap:10px;display:flex}.site-footer-col strong{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:11px;font-weight:800}.site-footer-col a{color:var(--muted);font-size:13.5px}.site-footer-col a:hover{color:var(--text)}.site-footer-bottom{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:36px;padding-top:20px;font-size:11.5px;display:flex}.site-doc-page{max-width:880px;padding-top:54px;padding-bottom:12px}.pricing-note{text-align:center;margin-top:20px;font-size:12px}.doc-head{margin-bottom:34px}.doc{font-size:14.5px}.doc-section{margin-top:40px}.doc-section h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0 0 14px;font-size:20px}.doc p{color:var(--muted);margin:0 0 14px;font-size:14.5px;line-height:1.7}.doc ul{margin:0 0 14px;padding-left:20px;list-style:outside}.doc li{color:var(--muted);margin-bottom:9px;font-size:14.5px;line-height:1.7}.doc a{color:var(--green);text-decoration:underline}.doc strong{color:var(--text)}.doc-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.doc-card{padding:22px}.doc-card h3{letter-spacing:-.01em;align-items:center;gap:9px;margin:0 0 16px;font-size:15.5px;display:flex}.doc-card h3 svg{color:var(--green)}.doc-check-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.doc-check-list li{align-items:flex-start;gap:10px;margin:0;font-size:13.5px;line-height:1.55;display:flex}.doc-check-list svg{width:14px;height:14px;color:var(--green);flex-shrink:0;margin-top:3px}.doc-never svg{color:var(--muted)}.doc-note{margin-top:16px;font-size:13.5px;line-height:1.65}.doc-note a{color:var(--green);text-decoration:underline}.doc-formula{background:var(--bg);border:1px solid var(--border);text-align:center;color:var(--text);letter-spacing:.02em;border-radius:10px;margin-top:16px;padding:15px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}.doc-points{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.doc-points li{justify-content:space-between;align-items:baseline;gap:14px;margin:0;font-size:13.5px;display:flex}.doc-points span{color:var(--muted)}.doc-points b{color:var(--text);text-align:right;white-space:nowrap;font-size:12.5px}.doc-ladder{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.doc-ladder li{align-items:center;gap:13px;margin:0;display:flex}.doc-ladder .tier-badge{flex-shrink:0;justify-content:center;width:74px}.doc-ladder b{color:var(--text);font-size:13.5px;display:block}.doc-ladder p{margin:3px 0 0;font-size:12.5px;line-height:1.5}@media (max-width:960px){.site-hero{grid-template-columns:1fr;gap:34px;padding-top:46px}.site-stats,.site-steps,.site-mini-plans,.site-quotes,.site-score-card,.doc-two-col{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:1fr 1fr}.site-nav{display:none}}@media (max-width:560px){.site-header-inner{gap:10px}.site-login{display:none}.site-actions .btn{padding:9px 14px;font-size:12.5px}.site-hero-actions .btn{width:100%}.cta-band{padding:24px 20px}.site-footer-grid{grid-template-columns:1fr}.site-footer-bottom{flex-direction:column;align-items:flex-start}}.app-banner{background:var(--green);color:var(--on-green);letter-spacing:.01em;text-align:center;justify-content:center;align-items:center;gap:14px;padding:9px 44px 9px 16px;font-size:12.5px;font-weight:700;display:flex;position:relative}.app-banner button{width:24px;height:24px;color:var(--on-green);background:#12121224;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.app-banner button:hover{background:#12121242}.admin-meta{align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-card{padding:22px}.admin-card .section-label{margin-top:0}.admin-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.admin-row:last-child{border-bottom:0;padding-bottom:0}.admin-row strong{color:var(--text);font-size:13.5px;display:block}.admin-row p{max-width:380px;margin:5px 0 0;font-size:11.5px;line-height:1.5}.admin-num{text-align:right;width:118px;font-family:var(--font-display);flex-shrink:0;padding:10px 12px;font-weight:700}.admin-hint{margin:-4px 0 12px;font-size:12px;line-height:1.5}.admin-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.switch{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{border:1px solid var(--border);background:#53535399;border-radius:999px;width:44px;height:25px;transition:background .18s;position:relative}.switch-thumb{background:#b3b3b3;border-radius:50%;width:19px;height:19px;transition:transform .18s,background .18s;position:absolute;top:2px;left:3px}.switch input:checked+.switch-track{background:var(--green);border-color:var(--green)}.switch input:checked+.switch-track .switch-thumb{background:var(--on-green);transform:translate(19px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--green);outline-offset:2px}.maintenance-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.maintenance-card{text-align:center;flex-direction:column;align-items:center;gap:15px;max-width:440px;padding:42px 34px;display:flex}.maintenance-card h1{font-family:var(--font-display);letter-spacing:-.03em;margin:4px 0 0;font-size:26px}.maintenance-card p{margin:0;font-size:14px;line-height:1.6}.maintenance-note{border-top:1px solid var(--border);width:100%;padding-top:8px;font-size:12px}@media (max-width:960px){.admin-grid{grid-template-columns:1fr}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}