@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, 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;--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--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,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.-top-3{top:calc(var(--spacing) * -3)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-0{height:calc(var(--spacing) * 0)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-4{width:calc(var(--spacing) * 4)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.translate-x-1{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-7{--tw-translate-x: calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scrollbar-none{scrollbar-width:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#BB86FC\]\/30{border-color:color-mix(in oklab,#BB86FC 30%,transparent)}.border-red-500\/30{border-color:color-mix(in srgb,oklch(63.7% .237 25.331) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.bg-\[\#0d0d1a\]{background-color:#0d0d1a}.bg-\[\#1C1C1E\]{background-color:#1c1c1e}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#2C2C2E\]{background-color:#2c2c2e}.bg-\[\#03DAC6\]{background-color:#03dac6}.bg-\[\#BB86FC\]{background-color:#bb86fc}.bg-black{background-color:var(--color-black)}.bg-black\/90{background-color:color-mix(in srgb,#000 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black) 90%,transparent)}}.bg-red-900\/40{background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0d2b6e\]{--tw-gradient-from: #0d2b6e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1a1a2e\]{--tw-gradient-from: #1a1a2e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-900{--tw-gradient-from: var(--color-red-900);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1a4fa8\]{--tw-gradient-to: #1a4fa8;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#16213e\]{--tw-gradient-to: #16213e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-950{--tw-gradient-to: var(--color-red-950);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.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))}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0A84FF\]{color:#0a84ff}.text-\[\#8E8E93\]{color:#8e8e93}.text-\[\#BB86FC\]{color:#bb86fc}.text-black{color:var(--color-black)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-white\/30{color:color-mix(in srgb,#fff 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/40{color:color-mix(in srgb,#fff 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/60{color:color-mix(in srgb,#fff 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/65{color:color-mix(in srgb,#fff 65%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white) 65%,transparent)}}.opacity-40{opacity:40%}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style: none;outline-style:none}.placeholder\:text-\[\#636366\]::placeholder{color:#636366}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.disabled\:opacity-50:disabled{opacity:50%}}:root{--s-bg: #140d22;--s-bg2: #1a1130;--s-surf: #1f1638;--s-surf2: #29203f;--s-border: rgba(255,255,255,.08);--s-border2: rgba(255,255,255,.13);--s-text: #f5f2fb;--s-dim: rgba(245,242,251,.6);--s-faint: rgba(245,242,251,.38);--s-accent: #ff6f5e;--s-accent2: #7c5cff;--s-shadow: 0 18px 50px -20px rgba(0,0,0,.7);--color-card-dark: #1C1C1E;--color-card-light: #2C2C2E;--color-bg: #000000}*{box-sizing:border-box}body{background-color:var(--s-bg);color:var(--s-text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;margin:0;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 80% -5%,rgba(124,92,255,.18),transparent 70%),radial-gradient(50% 40% at 0% 0%,rgba(255,111,94,.13),transparent 70%)}.s-card{background:var(--s-surf);border:1px solid var(--s-border);border-radius:20px;padding:22px;box-shadow:var(--s-shadow)}.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-template-areas:"track hero" "recs friends"}.ov-track{grid-area:track}.ov-hero{grid-area:hero}.ov-recs{grid-area:recs}.ov-friends{grid-area:friends}@media(max-width:768px){.ov-grid{grid-template-columns:1fr;grid-template-areas:"track" "hero" "recs" "friends"}}.tracking-stats{display:flex;justify-content:space-around;padding:14px 0;border-top:1px solid var(--s-border);border-bottom:1px solid var(--s-border)}.ts-v{font-size:22px;font-weight:800;text-align:center;letter-spacing:-.5px;color:var(--s-text)}.ts-l{font-size:12px;color:var(--s-faint);text-align:center;margin-top:2px}.rec-row{display:flex;align-items:center;gap:13px;padding:10px 8px;border-radius:12px;cursor:pointer;transition:background .14s}.rec-row:hover{background:var(--s-surf2)}.rec-thumb{width:42px;height:42px;border-radius:11px;flex-shrink:0}.rec-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--s-text)}.rec-sub{font-size:12.5px;color:var(--s-faint);margin-top:1px}.rec-abv{font-size:13px;font-weight:700;color:var(--s-dim);flex-shrink:0}.hero-card{position:relative;overflow:hidden;min-height:280px;display:flex}.hero-card:hover .hero-glass{transform:rotate(-8deg) scale(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#00000014,#0000008c)}.hero-content{position:relative;z-index:2;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;flex:1}.hero-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;margin-bottom:8px}.hero-title{font-family:"Instrument Serif",serif;font-weight:400;font-size:38px;line-height:1;color:#fff;margin:0}.hero-blurb{color:#ffffffe0;font-size:14px;line-height:1.5;margin-top:8px;max-width:90%}.hero-meta{display:flex;gap:8px;margin-top:12px;font-size:13px;font-weight:600;color:#ffffffd1;white-space:nowrap}.hero-glass{position:absolute;right:-14px;top:-10px;z-index:1;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.s-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.status-pill{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}.status-pill.drinking{background:#ff6f5e29;color:#ff8f80}.status-pill.sober{background:#2fbf8f29;color:#4dd6a8}.btn-salut-primary{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;background:var(--s-accent);color:#fff;border-radius:12px;font-weight:700;font-size:14.5px;white-space:nowrap;border:none;cursor:pointer;box-shadow:0 8px 24px -8px var(--s-accent);transition:all .16s;font-family:inherit;text-decoration:none}.btn-salut-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn-salut-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:var(--s-surf2);color:var(--s-text);border-radius:12px;font-weight:600;font-size:14px;white-space:nowrap;border:1px solid var(--s-border);transition:all .16s;cursor:pointer;font-family:inherit;text-decoration:none}.btn-salut-ghost:hover{background:var(--s-surf);border-color:var(--s-border2)}.link-btn{color:var(--s-accent);font-weight:600;font-size:13.5px;transition:opacity .15s;white-space:nowrap;cursor:pointer;background:none;border:none;font-family:inherit;text-decoration:none}.link-btn:hover{opacity:.75}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-head h3{font-size:16px;font-weight:700;white-space:nowrap;color:var(--s-text);margin:0}.s-tab-bar{display:flex;border-bottom:1px solid var(--s-border);margin-bottom:20px}.s-tab-active{color:var(--s-text);padding:12px 20px;font-size:14px;font-weight:700;border:none;outline:none;border-bottom:3px solid var(--s-accent);background:none;cursor:pointer;font-family:inherit;margin-bottom:-1px}.s-tab-inactive{color:var(--s-faint);padding:12px 20px;font-size:14px;font-weight:600;border:none;outline:none;border-bottom:3px solid transparent;background:none;cursor:pointer;font-family:inherit;margin-bottom:-1px;transition:color .15s}.s-tab-inactive:hover{color:var(--s-dim)}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-tile-l{font-size:13px;color:var(--s-faint);font-weight:500}.stat-tile-v{font-size:30px;font-weight:800;margin-top:6px;letter-spacing:-1px}.stat-tile-v span{font-size:14px;font-weight:600;color:var(--s-faint);margin-left:4px;letter-spacing:0}@media(max-width:768px){.stat-tiles{grid-template-columns:repeat(2,1fr)}}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:200px;padding-top:16px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:70%;max-width:40px;border-radius:8px 8px 4px 4px;position:relative;min-height:4px;transition:height .8s cubic-bezier(.3,.7,.2,1)}.bar-val{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:var(--s-dim);white-space:nowrap}.bar-day{font-size:12.5px;color:var(--s-faint);font-weight:600}.gauge-track{fill:none;stroke:#ffffff17;stroke-linecap:round}.gauge-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1),stroke .9s}.salut-topnav{position:sticky;top:0;z-index:50;background:#140d22d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--s-border)}.ck-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:560px){.ck-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.ck-card{position:relative;background:var(--s-surf);border:1px solid var(--s-border);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.ck-card:hover{transform:translateY(-3px);border-color:var(--s-border2);box-shadow:var(--s-shadow)}.ck-fav-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:3;transition:transform .14s,background .14s;border:none;cursor:pointer;color:#fff}.ck-fav-btn:hover{transform:scale(1.12);background:#0000006b}.ck-body{padding:16px 17px 18px}.ck-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ck-title-row h3{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--s-text);margin:0}.ck-abv{font-size:12.5px;font-weight:700;color:var(--s-dim);background:var(--s-surf2);padding:3px 9px;border-radius:8px;flex-shrink:0}.ck-blurb{color:var(--s-dim);font-size:13.5px;line-height:1.5;margin-top:7px;min-height:40px}.ck-meta{display:flex;gap:14px;margin-top:13px;padding-top:13px;border-top:1px solid var(--s-border)}.ck-meta span{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--s-faint);font-weight:500}@media(max-width:559px){.ck-body{padding:11px 12px 13px}.ck-title-row h3{font-size:14.5px}.ck-abv{font-size:11px;padding:2px 7px}.ck-blurb{display:none}.ck-meta{gap:8px;margin-top:9px;padding-top:9px;flex-wrap:wrap}.ck-meta span{font-size:11.5px}.ck-fav-btn{width:32px;height:32px;top:9px;right:9px}.ck-hide-sm{display:none!important}}.drawer-scrim{position:fixed;inset:0;z-index:100;background:#080510a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.drawer{width:460px;max-width:92vw;height:100%;background:var(--s-bg2);overflow-y:auto;border-left:1px solid var(--s-border);display:flex;flex-direction:column}.drawer-body{padding:24px 26px 40px;flex:1}.drawer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.dstat{background:var(--s-surf);border:1px solid var(--s-border);border-radius:13px;padding:13px 8px;text-align:center}.dstat-v{font-size:17px;font-weight:700;color:var(--s-text)}.dstat-l{font-size:11px;color:var(--s-faint);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.drawer-h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--s-faint);margin:22px 0 12px}.ingredients{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}.ingredients li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--s-text)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.steps{list-style:none;display:flex;flex-direction:column;gap:14px;padding:0;margin:0}.steps li{display:flex;gap:13px;font-size:14.5px;line-height:1.5;color:var(--s-dim)}.step-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--s-surf2);color:var(--s-text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.search-box{display:flex;align-items:center;gap:10px;background:var(--s-surf);border:1px solid var(--s-border);border-radius:13px;padding:11px 15px;transition:border-color .15s}.search-box:focus-within{border-color:var(--s-accent)}.search-box input{background:none;border:none;outline:none;color:var(--s-text);font-size:14.5px;flex:1;font-family:inherit;min-width:0}.search-box input::placeholder{color:var(--s-faint)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-div{width:1px;height:22px;background:var(--s-border2);margin:0 4px}.s-chip{padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:600;border:1px solid var(--s-border);transition:all .15s;white-space:nowrap;cursor:pointer;background:var(--s-surf2);color:var(--s-dim);font-family:inherit}.s-chip.active-chip{background:var(--s-accent);color:#fff;border-color:transparent}.s-chip.active-chip-purple{background:var(--s-accent2);color:#fff;border-color:transparent}.s-chip:hover{filter:brightness(1.1)}.sort-sel{background:var(--s-surf2);color:var(--s-text);border:1px solid var(--s-border);border-radius:11px;padding:9px 14px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.friends-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:560px){.friends-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px}.friend-meta{display:flex;gap:24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--s-border);width:100%;justify-content:center}.fm-v{font-size:17px;font-weight:700;color:var(--s-text)}.fm-l{font-size:11px;color:var(--s-faint);margin-top:2px}.s-avatar-lg{width:60px;height:60px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px}@media(max-width:559px){.friend-card{padding:18px 12px}.friend-meta{gap:14px;margin-top:13px;padding-top:12px}.s-avatar-lg{width:52px;height:52px;font-size:19px}}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.view-head h1{font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--s-text);margin:0}.view-sub{color:var(--s-dim);font-size:15px;margin-top:6px}@media(max-width:559px){.view-head{gap:14px;margin-bottom:20px}.view-head h1{font-size:24px}.view-sub{font-size:14px}}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--s-border)}.profile-row:last-child{border-bottom:none}body:before{background:radial-gradient(60% 50% at 80% -5%,rgba(124,92,255,.22),transparent 70%),radial-gradient(50% 40% at 0% 0%,rgba(255,111,94,.16),transparent 70%)}.card-dark{background-color:var(--color-card-dark)}.card-light{background-color:var(--color-card-light)}.text-secondary{color:#ffffffb3}.text-tertiary{color:#8e8e93}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}:root{--s-ease: cubic-bezier(.2,.7,.2,1);--s-ease-out: cubic-bezier(.16,1,.3,1);--s-dur-fast: .14s;--s-dur: .24s}.btn-salut-primary,.btn-salut-ghost,.s-chip,.sort-sel{transition:transform var(--s-dur-fast) var(--s-ease),all var(--s-dur-fast) var(--s-ease)}.btn-salut-primary:active,.btn-salut-ghost:active,.s-chip:active,.sort-sel:active{transform:scale(.96)}.link-btn:active{opacity:.5}.press{transition:transform var(--s-dur-fast) var(--s-ease)}.press:active{transform:scale(.96)}@keyframes s-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.s-rise{animation:s-rise .5s var(--s-ease-out) both;animation-delay:calc(var(--s-i, 0) * 55ms)}.s-skeleton{position:relative;overflow:hidden;background:var(--s-surf);border-radius:16px}.s-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:s-shimmer 1.4s infinite}@keyframes s-shimmer{to{transform:translate(100%)}}@keyframes s-spin{to{transform:rotate(360deg)}}.s-spin{animation:s-spin .9s linear infinite}.s-toast-host{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;width:max-content;max-width:min(92vw,420px);pointer-events:none}.s-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:13px 14px 13px 15px;border-radius:15px;background:#1f1638eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--s-border2);box-shadow:var(--s-shadow);color:var(--s-text);animation:s-toast-in .36s var(--s-ease-out) both}.s-toast--leaving{animation:s-toast-out .22s var(--s-ease) forwards}@keyframes s-toast-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}@keyframes s-toast-out{to{opacity:0;transform:translateY(-10px) scale(.97)}}.s-toast__icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;margin-top:1px;display:flex;align-items:center;justify-content:center}.s-toast[data-type=success] .s-toast__icon{background:#2fbf8f2e;color:#4dd6a8}.s-toast[data-type=error] .s-toast__icon{background:#ff5a5a29;color:#ff8f80}.s-toast[data-type=info] .s-toast__icon{background:#7c5cff2e;color:#a896ff}.s-toast__body{flex:1;min-width:0}.s-toast__text{font-size:14px;font-weight:700;margin:0;letter-spacing:-.2px}.s-toast__detail{font-size:12.5px;color:var(--s-dim);margin:2px 0 0;line-height:1.4}.s-toast__close{flex-shrink:0;background:none;border:none;color:var(--s-faint);cursor:pointer;padding:2px;display:flex;border-radius:7px;transition:color .14s,background .14s}.s-toast__close:hover{color:var(--s-text);background:var(--s-surf2)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--s-ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.qa-tile{display:flex;align-items:center;gap:13px;padding:15px 16px;background:var(--s-surf);border:1px solid var(--s-border);border-radius:18px;text-decoration:none;transition:transform var(--s-dur) var(--s-ease),border-color var(--s-dur) var(--s-ease),background var(--s-dur) var(--s-ease)}.qa-tile:hover{transform:translateY(-3px);border-color:var(--s-border2);background:var(--s-surf2)}.qa-tile:active{transform:translateY(0) scale(.97)}.qa-ic{width:42px;height:42px;border-radius:13px;flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:center}.qa-tl{font-size:14.5px;font-weight:700;color:var(--s-text);line-height:1.1}.qa-sub{font-size:12px;color:var(--s-faint);margin-top:3px}.qa-arrow{margin-left:auto;color:var(--s-faint);flex-shrink:0;transition:transform var(--s-dur) var(--s-ease)}.qa-tile:hover .qa-arrow{transform:translate(3px)}.s-sheet-scrim{position:fixed;inset:0;z-index:120;background:#080510a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;animation:s-fade .2s ease both}@keyframes s-fade{0%{opacity:0}to{opacity:1}}.s-sheet{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--s-bg2);border:1px solid var(--s-border);border-radius:24px;box-shadow:var(--s-shadow);overflow:hidden;animation:s-sheet-in .34s var(--s-ease-out) both}@keyframes s-sheet-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.s-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 14px;flex-shrink:0}.s-sheet__body{padding:0 24px 28px;overflow-y:auto;flex:1;scrollbar-width:none}.s-sheet__body::-webkit-scrollbar{display:none}.s-sheet__close{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--s-surf2);border:1px solid var(--s-border);color:var(--s-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .14s,background .14s,transform var(--s-dur-fast) var(--s-ease)}.s-sheet__close:hover{color:var(--s-text);background:var(--s-surf)}.s-sheet__close:active{transform:scale(.92)}@media(max-width:600px){.s-sheet-scrim{align-items:flex-end;padding:0}.s-sheet{max-width:100%;max-height:92vh;border-radius:22px 22px 0 0;border-bottom:none;padding-bottom:env(safe-area-inset-bottom);animation:s-sheet-up .38s var(--s-ease-out) both}@keyframes s-sheet-up{0%{transform:translateY(100%)}to{transform:none}}}@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;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-font-weight: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}