.quack-app{--qa-bg: var(--surface);--qa-bg-warm: var(--surface-wash);--qa-bg-secondary: var(--surface-sunken);--qa-border: var(--border);--qa-border-strong: var(--border-strong);--qa-text: var(--ink);--qa-text-muted: var(--ink-muted);--qa-text-subtle: var(--ink-subtle);--qa-accent: var(--accent-quiet);--qa-accent-hover: var(--accent);--qa-accent-dark: var(--accent);--qa-accent-ink: var(--accent);--qa-accent-fill: var(--accent);--qa-accent-fill-hover: var(--accent-hover);--qa-on-accent: var(--on-accent);--qa-like: var(--clay-ink);--qa-requack: var(--accent);--qa-reply: var(--blue-ink);--qa-panel: var(--surface-raised);--qa-hover: var(--accent-wash);--qa-scrim: rgba(250, 248, 242, .88);--qa-shadow: var(--elevation-1);--qa-shadow-lg: var(--elevation-2);--qa-radius: var(--radius-md);--qa-radius-lg: var(--radius-lg);--qa-nav-width: 15rem;--qa-sidebar-width: 20rem;--qa-main-width: 34rem;--qa-gutter: var(--space-s);--duck-body: #e8c56a;--duck-wing: #d4b055;--duck-beak: var(--clay);--duck-eye: var(--ink);min-block-size:100dvh;color-scheme:light;--surface: #f6efe3;--surface-raised: #ffffff;--surface-sunken: #eef1e6;--surface-wash: #f3ece3;--ink: #23291f;--ink-muted: #4a5248;--ink-subtle: #5f6a5c;--accent: #3f5b3f;--accent-hover: #2f4530;--accent-quiet: #6f8f6a;--accent-wash: rgba(63, 91, 63, .09);--on-accent: #ffffff;--border: rgba(63, 91, 63, .22);--border-strong: rgba(63, 91, 63, .42);--focus: #23291f;--focus-halo: rgba(63, 91, 63, .22);--clay: #b3714f;--clay-ink: #7d4c33;--blue-ink: #2a6fad;background:linear-gradient(180deg,var(--surface-sunken) 0%,var(--surface) 22rem) no-repeat;background-color:var(--surface);color:var(--qa-text)}.quack-app--dark{color-scheme:dark;--surface: #121814;--surface-raised: #1a221c;--surface-sunken: #1c2620;--surface-wash: #17201a;--ink: #ece7dd;--ink-muted: #b9b0a3;--ink-subtle: #9aa093;--border: #2a3530;--border-strong: #48584f;--accent: #a8c49a;--accent-hover: #c5d8b8;--accent-quiet: #8fad7e;--accent-wash: rgba(168, 196, 154, .12);--on-accent: #101915;--focus: #ece7dd;--clay: #d59b72;--clay-ink: #e0b391;--blue-ink: #7eb0e0;--duck-eye: #ece7dd;--qa-scrim: rgba(18, 24, 20, .86)}.quack-shell{display:grid;grid-template-columns:var(--qa-nav-width) minmax(0,var(--qa-main-width)) var(--qa-sidebar-width);justify-content:center;max-inline-size:75rem;margin-inline:auto;min-block-size:100dvh;padding-block:var(--space-s) 5.5rem;padding-inline:var(--space-xs);gap:var(--space-m)}.quack-nav{position:sticky;top:var(--space-s);align-self:start;max-block-size:calc(100dvh - var(--space-l));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-s) var(--space-xs);display:flex;flex-direction:column;gap:var(--space-3xs);background-color:var(--surface-raised);border-radius:var(--qa-radius-lg);box-shadow:var(--qa-shadow);border:1px solid var(--qa-border)}.quack-nav__brand{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs) var(--space-s)}.quack-nav__icon{font-size:1.5rem;line-height:1}.quack-nav__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:500;font-style:italic;letter-spacing:-.01em;color:var(--accent)}.quack-nav__badge{font-size:.65rem;font-weight:700;padding:2px var(--space-2xs);border-radius:9999px;background:var(--clay);color:#fff;text-transform:uppercase;letter-spacing:.04em}.quack-nav__links{display:flex;flex-direction:column;gap:var(--space-3xs)}.quack-nav__item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border:none;border-radius:9999px;background:transparent;color:var(--qa-text-muted);font-size:var(--step--1);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;min-height:44px;width:100%}.quack-nav__item svg{width:22px;height:22px;fill:currentColor}.quack-nav__item:hover{background:var(--qa-hover);color:var(--qa-text)}.quack-nav__item.is-active{background:var(--qa-accent-fill);color:var(--on-accent);font-weight:600}.quack-nav__compose{margin:var(--space-xs) 0 var(--space-2xs);width:100%;min-height:48px;font-size:var(--step--1);border-radius:9999px;box-shadow:var(--qa-shadow)}.quack-nav__user{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);margin-top:auto;border-radius:var(--qa-radius);background:var(--qa-hover)}.quack-nav__user-info{display:flex;flex-direction:column;min-width:0}.quack-nav__user-name{font-weight:600;font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quack-nav__user-handle{font-size:var(--step--2);color:var(--qa-text-muted)}.quack-nav__theme{position:absolute;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--qa-border);background:var(--qa-panel);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.quack-main{width:100%;max-width:var(--qa-main-width);flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.quack-hero{padding:var(--space-2xs) var(--space-3xs) var(--space-m);margin-bottom:var(--space-2xs);border-bottom:1px solid var(--qa-border);animation:hero-rise .55s cubic-bezier(.22,1,.36,1) both}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quack-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xs)}.quack-hero__brand-block{min-width:0}.quack-hero__brand{font-family:var(--font-display);font-size:clamp(2.35rem,8vw,3rem);font-weight:500;font-style:italic;line-height:1.02;letter-spacing:-.02em;color:var(--accent)}.quack-hero__kicker{margin-top:var(--space-3xs);font-size:var(--step--2);font-weight:600;letter-spacing:.08em;text-transform:lowercase;color:var(--accent-quiet)}.quack-hero__lede{margin-top:var(--space-xs);max-width:42ch;font-size:var(--step--1);line-height:1.45;color:var(--qa-text-muted)}.quack-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-s)}.quack-hero__cta{min-height:44px;padding:0 var(--space-m);border-radius:9999px;font-size:var(--step--1);font-weight:700}.quack-hero__cta--ghost{background:var(--surface-raised);color:var(--accent);border:1px solid var(--border-strong);box-shadow:var(--qa-shadow)}.quack-hero__cta--ghost:hover{border-color:var(--qa-accent);background:var(--qa-hover)}.quack-hero__section-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2xs);margin-top:var(--space-s);padding-top:var(--space-xs);border-top:1px solid var(--qa-border)}.quack-hero__section{font-family:var(--font-display);font-size:clamp(1.05rem,2.8vw,1.2rem);font-weight:500;letter-spacing:-.01em;color:var(--ink)}.quack-hero__deck-note{font-size:var(--step--2);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:var(--qa-text-muted)}.quack-main__theme{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--qa-border);background:var(--qa-panel);font-size:1.1rem;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;box-shadow:var(--qa-shadow);transition:transform .15s ease,box-shadow .15s ease}.quack-main__theme:active{transform:scale(.94)}.onboard-hint{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-xs);padding:var(--space-s) var(--space-s);background:var(--qa-panel);border-radius:var(--qa-radius);border:1px solid var(--qa-accent);box-shadow:var(--qa-shadow-lg),0 0 0 1px #4a9d7a14;animation:onboard-in .45s cubic-bezier(.22,1,.36,1)}@keyframes onboard-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.onboard-hint__icon{font-size:1.75rem;line-height:1;flex-shrink:0}.onboard-hint__body{flex:1;min-width:180px}.onboard-hint__title{font-weight:700;font-size:var(--step--1);margin-bottom:var(--space-3xs)}.onboard-hint__text{font-size:var(--step--2);color:var(--qa-text-muted);line-height:1.45}.onboard-hint__text strong{color:var(--qa-accent-dark);font-weight:700}.quack-app--dark .onboard-hint__text strong{color:var(--qa-accent)}.onboard-hint__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);width:100%}@media (min-width: 480px){.onboard-hint__actions{width:auto;margin-left:auto}}.onboard-hint__cta{min-height:44px;padding:0 var(--space-s);font-size:var(--step--2);border-radius:9999px}.onboard-hint__dismiss{border:none;background:transparent;color:var(--qa-text-muted);font-size:var(--step--2);font-weight:600;cursor:pointer;min-height:44px;padding:var(--space-2xs) var(--space-xs);border-radius:9999px}.onboard-hint__dismiss:hover{color:var(--qa-text);background:var(--qa-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xs);padding:var(--space-2xs) 0}.empty-state__emoji{font-size:2.5rem;line-height:1;margin-bottom:var(--space-3xs)}.empty-state__title{font-family:var(--font-display);font-size:1.25rem;font-weight:400}.empty-state__message{font-size:var(--step--1);color:var(--qa-text-muted);line-height:1.5;max-width:28ch}.empty-state__action{margin-top:var(--space-xs);min-height:44px;padding:0 var(--space-m);border-radius:9999px}.obsession-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);background:var(--qa-panel);color:var(--qa-text);border-radius:var(--qa-radius);box-shadow:var(--qa-shadow);border:1px solid var(--qa-border);border-left:4px solid var(--qa-accent-fill)}.obsession-banner__label{display:block;font-size:var(--step--2);font-weight:600;color:var(--qa-accent-ink);text-transform:uppercase;letter-spacing:.06em}.obsession-banner__value{font-size:var(--step-0);font-weight:600;margin-top:var(--space-3xs);line-height:1.35}.obsession-banner__link{border:1px solid var(--qa-border);background:var(--qa-hover);color:var(--qa-accent-ink);font-size:var(--step--2);font-weight:600;min-height:44px;padding:var(--space-2xs) var(--space-xs);border-radius:9999px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.obsession-banner__link:hover{background:var(--qa-accent-fill);color:var(--on-accent);border-color:var(--qa-accent-fill)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs);padding:0 var(--space-3xs)}.filter-pill{border:1px solid var(--qa-border);background:var(--qa-panel);color:var(--qa-text-muted);font-size:var(--step--2);font-weight:600;min-height:44px;padding:var(--space-2xs) var(--space-s);border-radius:9999px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter-pill:hover{border-color:var(--qa-accent);color:var(--qa-accent)}.filter-pill.is-active{background:var(--qa-accent-fill);border-color:var(--qa-accent-fill);color:var(--on-accent)}.compose{display:flex;gap:var(--space-xs);padding:var(--space-s);background:var(--qa-panel);border-radius:var(--qa-radius);box-shadow:var(--qa-shadow);border:1px solid var(--qa-border)}.compose__body{flex:1;min-width:0}.compose__input{width:100%;border:none;background:transparent;color:var(--qa-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.45;resize:none;outline:none;padding:var(--space-3xs) 0}.compose__input:focus-visible{outline:3px solid var(--focus, #4a90c4);outline-offset:3px}.compose__input::placeholder{color:var(--qa-text-muted)}.compose__input:disabled{opacity:.65;cursor:not-allowed}.compose__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);padding-top:var(--space-2xs);margin-top:var(--space-2xs);border-top:1px solid var(--qa-border)}.compose__count{font-size:var(--step--2);color:var(--qa-text-muted);margin-right:auto}.compose__post{min-height:44px;padding:0 var(--space-m);font-size:var(--step--1);border-radius:9999px;box-shadow:var(--qa-shadow)}.deck-stage{flex:1;display:flex;flex-direction:column;gap:var(--space-2xs)}.slide-deck__viewport{will-change:transform;-webkit-user-select:none;user-select:none}.slide-deck.is-dragging .slide-card{box-shadow:var(--qa-shadow-lg)}.slide-deck--reduced .slide-deck__viewport{cursor:default;touch-action:auto}.slide-deck__slide{width:100%}.slide-deck__hint{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.quack-slide--pending{opacity:.88;border-style:dashed}.quack-slide__pending-badge{color:var(--qa-like);font-weight:600}.match-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-m);background:rgba(15,26,22,.72);backdrop-filter:none;-webkit-backdrop-filter:none}.match-modal__dialog{width:min(100%,380px);padding:var(--space-l) var(--space-m);background:var(--qa-panel);border-radius:var(--qa-radius-lg);border:1px solid var(--qa-border);box-shadow:var(--qa-shadow-lg);text-align:center}.match-modal__dialog.is-celebrating{animation:match-pop .45s cubic-bezier(.22,1,.36,1)}@keyframes match-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.match-modal__hero{margin-bottom:var(--space-s)}.match-modal__title{font-family:var(--font-display);font-size:1.35rem;margin:0 0 var(--space-2xs)}.match-modal__desc{color:var(--qa-text-muted);margin:0 0 var(--space-m);line-height:1.5}.match-modal__actions{display:flex;gap:var(--space-2xs);justify-content:center;flex-wrap:wrap}.match-modal__btn{min-width:120px}.obsession-editor__input{width:100%;margin-bottom:var(--space-s);padding:var(--space-xs) var(--space-xs);border:1px solid var(--qa-border);border-radius:12px;font:inherit;background:var(--qa-bg-secondary);color:var(--qa-text)}.ripple-btn{position:relative;overflow:hidden;border:none;background:transparent;font:inherit;cursor:pointer}.ripple-btn:disabled{cursor:not-allowed}.ripple-btn:disabled .ripple{display:none}.ripple-btn--primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}.ripple-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.ripple-btn--ghost{background:transparent}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);pointer-events:none;animation:ripple-out .55s ease-out forwards}@keyframes ripple-out{to{transform:scale(2.5);opacity:0}}.animated-counter.is-bumping{display:inline-block;animation:counter-bump .35s ease}@keyframes counter-bump{50%{transform:scale(1.15)}}.deck-stage__hint{font-size:var(--step--2);color:var(--qa-text-muted);padding:0 var(--space-3xs);font-weight:500}.slide-card{background:var(--qa-panel);border-radius:var(--qa-radius-lg);box-shadow:0 1px 2px #1a5c420a,0 8px 32px #1a5c421a,0 24px 48px #1a5c420f;border:1px solid var(--qa-border);padding:var(--space-m);animation:slide-in .35s cubic-bezier(.22,1,.36,1)}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.slide-card--empty{text-align:center;color:var(--qa-text-muted);padding:var(--space-xl) var(--space-m)}.quack-slide__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-s)}.quack-slide__time{color:var(--qa-text-muted);font-size:var(--step--1)}.quack-slide__obsession{font-size:var(--step--1);color:var(--qa-like);font-weight:600;margin-bottom:var(--space-xs);line-height:1.4}.quack-slide__content{font-size:var(--step-0);line-height:1.55;margin-bottom:var(--space-m);white-space:pre-wrap;word-break:break-word}.quack-slide__actions{display:flex;justify-content:space-between;gap:var(--space-2xs);padding-top:var(--space-s);border-top:1px solid var(--qa-border)}.slide-action{display:inline-flex;align-items:center;gap:var(--space-3xs);border:none;background:transparent;color:var(--qa-text-muted);font-size:var(--step--2);font-weight:600;cursor:pointer;padding:var(--space-2xs) var(--space-xs);border-radius:9999px;min-height:44px;transition:color .15s ease,background .15s ease}.slide-action svg{width:18px;height:18px;fill:currentColor}.slide-action:disabled{opacity:.45;cursor:not-allowed}.slide-action:hover:not(:disabled){background:rgba(42,111,173,.12);color:var(--qa-reply)}.slide-action--requack:hover:not(:disabled){background:rgba(74,157,122,.12);color:var(--qa-requack)}.slide-action--heart:hover:not(:disabled),.slide-action--heart.is-active{background:rgba(249,115,22,.12);color:var(--qa-like)}.discover-card{padding:0;overflow:hidden}.discover-card__hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:140px;background:var(--surface-sunken);padding:var(--space-m)}.quack-app--dark .discover-card__hero{background:linear-gradient(135deg,var(--surface-raised) 0%,#243028 100%)}.discover-card__mood{position:absolute;top:12px;left:12px;font-size:var(--step--2);font-weight:700;padding:var(--space-3xs) var(--space-2xs);border-radius:9999px;background:var(--qa-panel);box-shadow:var(--qa-shadow)}.discover-card__score{position:absolute;top:12px;right:12px;font-size:var(--step--2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-3xs) var(--space-2xs);border-radius:9999px;background:var(--qa-panel);color:var(--qa-accent-ink);border:1px solid var(--qa-border);box-shadow:var(--qa-shadow)}.discover-card__body{padding:var(--space-m) var(--space-m)}.discover-card__name{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:var(--space-3xs)}.discover-card__pond{font-size:var(--step--1);color:var(--qa-text-muted);margin-top:2px}.discover-card__obsession{font-size:var(--step--1);color:var(--qa-like);font-weight:600;margin-top:var(--space-xs);line-height:1.4}.discover-card__detail{font-size:var(--step--1);line-height:1.45;margin-top:var(--space-2xs);color:var(--qa-text-muted)}.discover-card__detail strong{color:var(--qa-text)}.discover-card__bio{font-size:var(--step--1);line-height:1.5;margin-top:var(--space-xs);color:var(--qa-text-muted)}.discover-card__actions{display:flex;gap:var(--space-2xs);padding:0 var(--space-m) var(--space-m)}.discover-btn{flex:1;min-height:48px;border:none;border-radius:9999px;font-family:var(--font-body);font-size:var(--step--1);font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.discover-btn:active{transform:scale(.98)}.discover-btn--wave{background:var(--surface-raised);color:var(--accent);border:1px solid var(--border)}.quack-app--dark .discover-btn--wave{background:var(--surface-raised);color:var(--accent);border-color:var(--border)}.discover-btn--connect{background:var(--qa-accent-fill);color:var(--on-accent);box-shadow:var(--qa-shadow)}.discover-btn--connect:hover{background:var(--qa-accent-fill-hover)}.discover-btn--connect.is-matched{background:var(--qa-accent-fill)}.nest-gate{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-s);animation:nest-settle .5s cubic-bezier(.22,1,.36,1) both}@keyframes nest-settle{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.nest-gate__eyebrow{font-size:var(--step--2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-quiet)}.nest-gate__preview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-3xs) var(--space-3xs)}.nest-gate__obsession{font-size:var(--step-0);color:var(--qa-like);font-weight:600;margin-top:var(--space-3xs);line-height:1.4;max-width:32ch}.nest-gate__bio{font-size:var(--step--1);line-height:1.45;max-width:36ch}.nest-gate__pond{font-size:var(--step--2);color:var(--qa-text-muted)}.nest-gate__ask{padding:var(--space-s);border-radius:var(--qa-radius);background:var(--surface-sunken);border:1px solid var(--qa-border)}.quack-app--dark .nest-gate__ask{background:#1c2620}.nest-gate__question{font-family:var(--font-display);font-size:1.15rem;font-weight:500;margin-bottom:var(--space-3xs)}.nest-gate__prompt{font-size:var(--step--1);line-height:1.45;color:var(--qa-text-muted);margin-bottom:var(--space-xs)}.nest-gate__choices{display:flex;flex-direction:column;gap:var(--space-2xs)}.nest-gate__choice{min-height:44px;padding:0 var(--space-s);border-radius:9999px;font-size:var(--step--1);font-weight:700;width:100%}.nest-gate__choice--ghost{background:var(--qa-panel);color:var(--qa-accent-ink);border:1px solid var(--qa-border)}.nest-gate__choice.is-selected{box-shadow:0 0 0 2px var(--qa-accent-fill)}.nest-gate__status{margin-top:var(--space-xs);font-size:var(--step--2);line-height:1.4;color:var(--qa-accent-ink);font-weight:600}.nest-gate__meta{display:flex;gap:var(--space-l);padding-top:var(--space-2xs);border-top:1px solid var(--qa-border);justify-content:center}.nest-gate__meta div{display:flex;flex-direction:column;align-items:center;gap:2px}.nest-gate__meta strong{font-size:1.25rem;font-weight:700}.nest-gate__meta span{font-size:var(--step--2);color:var(--qa-text-muted)}.profile-slide__edit{align-self:center}.deck-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-3xs) var(--space-3xs)}.deck-nav__dots{display:flex;gap:var(--space-2xs);flex-wrap:wrap;justify-content:center}.deck-nav__dot{width:44px;height:44px;border-radius:50%;border:none;background:var(--qa-border);background-clip:content-box;cursor:pointer;padding:14px;transition:background .15s ease,transform .15s ease}.deck-nav__dot.is-active{background:var(--qa-accent-fill);transform:scale(1.25)}.deck-nav__controls{display:flex;align-items:center;gap:var(--space-2xs)}.deck-nav__counter{font-size:var(--step--2);font-weight:600;color:var(--qa-text-muted);padding:var(--space-3xs) var(--space-xs);background:var(--qa-panel);border-radius:9999px;border:1px solid var(--qa-border);min-width:48px;text-align:center}.deck-nav__arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--qa-border);background:var(--qa-panel);color:var(--qa-text);font-size:var(--step-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.deck-nav__arrow:hover:not(:disabled){border-color:var(--qa-accent);background:var(--qa-hover)}.deck-nav__arrow--next{background:var(--qa-accent-fill);border-color:var(--qa-accent-fill);color:var(--on-accent)}.deck-nav__arrow--next:hover:not(:disabled){background:var(--qa-accent-fill-hover);border-color:var(--qa-accent-fill-hover)}.deck-nav__arrow:disabled{opacity:.35;cursor:not-allowed}.profile-meta{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3xs)}.profile-meta__name{font-weight:700;font-size:var(--step--1);display:inline-flex;align-items:center;gap:2px}.profile-meta__handle{color:var(--qa-text-muted);font-size:var(--step--1)}.verified-badge{width:18px;height:18px;color:var(--qa-accent);flex-shrink:0}.quack-sidebar{width:var(--qa-sidebar-width);display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-panel{background:var(--qa-panel);border-radius:var(--qa-radius);overflow:hidden;box-shadow:var(--qa-shadow);border:1px solid var(--qa-border)}.sidebar-panel--accent{border-left:4px solid var(--qa-accent)}.sidebar-panel h2{font-size:var(--step-0);font-weight:700;padding:var(--space-xs) var(--space-s) var(--space-2xs)}.trend-list{list-style:none}.trend-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:44px;padding:var(--space-2xs) var(--space-s);border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .15s ease}.trend-item:hover{background:var(--qa-hover)}.trend-item__tag{font-weight:700;font-size:var(--step--1);color:var(--qa-accent-dark)}.quack-app--dark .trend-item__tag{color:var(--qa-accent)}.trend-item__count{font-size:var(--step--2);color:var(--qa-text-muted);margin-top:2px}.feature-list{list-style:none;padding:0 var(--space-s) var(--space-s);display:flex;flex-direction:column;gap:var(--space-2xs)}.feature-list li{font-size:var(--step--2);line-height:1.45;color:var(--qa-text-muted)}.quack-sidebar__footer{font-size:var(--step--1);color:var(--ink-muted);line-height:1.5;padding:var(--space-s) var(--space-2xs) var(--space-3xs);border-top:1px solid var(--border);margin-top:var(--space-2xs)}.quack-sidebar__footer a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;font-weight:600}.quack-sidebar__footer a:hover{color:var(--ink)}.duck-avatar{position:relative;display:inline-flex;flex-shrink:0;border-radius:50%;background:var(--qa-bg-secondary);padding:var(--space-3xs);box-shadow:var(--qa-shadow)}.duck-avatar__svg{display:block}.duck-avatar__body{fill:var(--duck-body)}.duck-avatar__wing{fill:var(--duck-wing)}.duck-avatar__head{fill:var(--duck-body)}.duck-avatar__beak{fill:var(--duck-beak)}.duck-avatar__eye{fill:var(--duck-eye)}.duck-avatar__badge{position:absolute;bottom:-2px;right:-2px;font-size:var(--step--2);line-height:1}.quack-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--tap);padding-inline:var(--space-m);border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--step--1);font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.quack-btn svg{inline-size:1.25rem;block-size:1.25rem;fill:currentColor}.quack-btn:active:not(:disabled){transform:translateY(1px)}.quack-btn:disabled{opacity:1;cursor:not-allowed;background:var(--surface-sunken);color:var(--ink-subtle);border-color:var(--border)}.quack-btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.quack-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.quack-btn--ghost{background:var(--surface-raised);color:var(--accent);border-color:var(--border-strong)}.quack-btn--ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--accent);color:var(--ink)}.quack-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface-raised);background-color:var(--surface-raised);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;border-top:1px solid var(--qa-border);padding:6px 8px max(6px,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;box-shadow:var(--shadow-sm)}.quack-mobile-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:48px;border:none;background:transparent;color:var(--qa-text-muted);border-radius:12px;cursor:pointer;padding:var(--space-3xs)}.quack-mobile-nav__item svg{width:22px;height:22px;fill:currentColor}.quack-mobile-nav__label{font-size:var(--step--2);font-weight:600}.quack-mobile-nav__item.is-active{color:var(--qa-accent-ink);background:var(--qa-hover)}.quack-toast{position:fixed;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 80px));transform:translate(-50%) translateY(12px);z-index:40;padding:var(--space-xs) var(--space-m);border-radius:9999px;background:var(--qa-accent-fill);color:var(--on-accent);font-size:var(--step--1);font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:var(--qa-shadow-lg)}.quack-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1100px){.quack-shell{grid-template-columns:var(--qa-nav-width) minmax(0,var(--qa-main-width))}.quack-sidebar{display:none}}@media (max-width: 900px){.quack-shell{--qa-nav-width: 4.5rem}.quack-nav{padding:var(--space-xs) var(--space-2xs);align-items:center}.quack-nav__logo,.quack-nav__badge,.quack-nav__item span,.quack-nav__user-info,.quack-nav__compose span{display:none}.quack-nav__item{padding:var(--space-2xs);justify-content:center;width:48px}.quack-nav__compose{width:48px;height:48px;padding:0;border-radius:50%}.quack-nav__user{justify-content:center;padding:var(--space-2xs)}.quack-nav__theme{bottom:12px;right:50%;transform:translate(50%)}}@media (max-width: 640px){.quack-shell{grid-template-columns:minmax(0,1fr);padding-block:var(--space-2xs) 5rem;padding-inline:var(--space-2xs)}.quack-nav{display:none}.quack-main{max-width:100%}.quack-main__theme{display:inline-flex}.quack-mobile-nav{display:flex}.slide-card{padding:var(--space-m) var(--space-s)}.discover-card__actions{flex-direction:column;padding:0 var(--space-s) var(--space-s)}.quack-slide__actions{flex-wrap:wrap;justify-content:center}.obsession-banner{flex-direction:column;align-items:flex-start}}.slide-deck{position:relative;touch-action:pan-y;cursor:grab}.slide-deck.is-dragging{cursor:grabbing}.slide-deck__drag-hint{text-align:center;font-size:var(--step--2);color:var(--qa-text-muted);margin-top:var(--space-2xs);opacity:.7}.deck-nav__kbd-hint{font-size:.7rem;color:var(--qa-text-muted);opacity:.75;text-align:center}.swipeable-wrap{position:relative}.swipe-hints{display:flex;justify-content:space-between;padding:0 var(--space-2xs) var(--space-2xs);font-size:var(--step--2);font-weight:700}.swipe-hints--static{justify-content:center;opacity:1;font-weight:600;color:var(--qa-text-muted);text-align:center}.swipe-hint{padding:var(--space-3xs) var(--space-2xs);border-radius:9999px;opacity:.72;transition:opacity .15s ease,transform .15s ease}.swipe-hint--pass{color:#ef4444}.swipe-hint--waddle{color:var(--qa-accent-dark)}.swipe-hint--super{color:var(--qa-like)}.swipe-hint.is-active{opacity:1;transform:scale(1.08)}.swipeable-card{position:relative;touch-action:none;cursor:grab;will-change:transform,opacity}.swipeable-card.is-dragging{cursor:grabbing}.swipe-stamp{position:absolute;z-index:2;top:28%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:var(--space-2xs) var(--space-s);border:3px solid currentColor;border-radius:8px;font-size:1.35rem;font-weight:800;letter-spacing:.12em;pointer-events:none;mix-blend-mode:multiply;transition:opacity .12s ease}.quack-app--dark .swipe-stamp{mix-blend-mode:screen}.swipe-stamp--pass{color:#c45c4a;left:28%;transform:translate(-50%,-50%) rotate(-14deg)}.swipe-stamp--waddle{color:var(--matcha-deep);left:72%;transform:translate(-50%,-50%) rotate(12deg)}.swipe-stamp--super{color:var(--clay);top:18%;left:50%;transform:translate(-50%,-50%) rotate(-4deg)}dialog.match-modal{border:none;padding:0;background:transparent;max-width:none;overflow:visible}dialog.match-modal::backdrop{background:rgba(15,26,22,.72);backdrop-filter:none;-webkit-backdrop-filter:none}.match-modal__content{position:relative;background:var(--qa-panel);border-radius:var(--qa-radius-lg);padding:var(--space-l) var(--space-l);text-align:center;box-shadow:var(--qa-shadow-lg);border:1px solid var(--qa-border);overflow:hidden;min-width:min(360px,90vw)}.match-modal__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.match-modal__particle{position:absolute;border-radius:2px}.match-modal__splash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.match-modal__ripple{position:absolute;width:40px;height:40px;border-radius:50%;border:3px solid var(--qa-accent);opacity:0;animation:pond-ripple 1.8s ease-out infinite}.match-modal__ripple--2{animation-delay:.4s}.match-modal__ripple--3{animation-delay:.8s}@keyframes pond-ripple{0%{transform:scale(.5);opacity:.7}to{transform:scale(8);opacity:0}}.match-modal__ducks{display:flex;align-items:center;justify-content:center;gap:var(--space-s);margin-bottom:var(--space-s);position:relative;z-index:1}.match-modal__heart{font-size:2rem;animation:heart-pulse .8s ease infinite alternate}@keyframes heart-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.match-modal__subtitle{font-size:var(--step--1);color:var(--qa-text-muted);margin:var(--space-2xs) 0 var(--space-m);line-height:1.45;position:relative;z-index:1}.match-modal__close{min-height:44px;padding:0 var(--space-m);border-radius:9999px;position:relative;z-index:1}dialog.obsession-picker{border:none;padding:0;border-radius:var(--qa-radius-lg);background:var(--qa-panel);box-shadow:var(--qa-shadow-lg);max-width:min(440px,92vw)}dialog.obsession-picker::backdrop{background:rgba(15,26,22,.72);backdrop-filter:none;-webkit-backdrop-filter:none}.obsession-picker__form{padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-xs)}.obsession-picker__title{font-size:1.25rem;font-weight:700}.obsession-picker__hint{font-size:var(--step--1);color:var(--qa-text-muted)}.obsession-picker__input{width:100%;padding:var(--space-xs) var(--space-xs);border:1px solid var(--qa-border);border-radius:var(--qa-radius);background:var(--qa-bg-secondary);color:var(--qa-text);font-family:var(--font-body);font-size:var(--step-0)}.obsession-picker__presets{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.obsession-picker__preset{border:1px solid var(--qa-border);background:var(--qa-hover);color:var(--qa-text-muted);font-size:var(--step--2);min-height:44px;padding:var(--space-2xs) var(--space-xs);border-radius:9999px;cursor:pointer}.obsession-picker__preset:hover{border-color:var(--qa-accent);color:var(--qa-accent-dark)}.obsession-picker__actions{display:flex;justify-content:flex-end;gap:var(--space-2xs);margin-top:var(--space-2xs)}.breadcrumb-game{background:var(--qa-panel);border-radius:var(--qa-radius);border:1px solid var(--qa-border);box-shadow:var(--qa-shadow);overflow:hidden;margin-bottom:var(--space-xs)}.breadcrumb-game--loading,.breadcrumb-game__loading{min-block-size:8.75rem;display:flex;align-items:center;justify-content:center;padding:var(--space-s);font-size:var(--step--1);font-weight:600;color:var(--qa-text-muted)}.breadcrumb-game__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-xs) var(--space-2xs)}.breadcrumb-game__header h2{font-size:var(--step--1);font-weight:700}.breadcrumb-game__score{font-size:var(--step--2);font-weight:600;color:var(--qa-accent-ink)}.breadcrumb-game__pond{position:relative;block-size:8.75rem;background:linear-gradient(180deg,var(--surface-sunken) 0%,var(--accent-quiet) 100%);overflow:hidden}.quack-app--dark .breadcrumb-game__pond{background:linear-gradient(180deg,#23302a 0%,#4c6b4f 100%)}.breadcrumb-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);background:var(--qa-scrim);color:var(--qa-text);font-size:var(--step--2);font-weight:600;z-index:2;padding:var(--space-xs);text-align:center}.breadcrumb-game__crumb{position:absolute;border:none;background:transparent;font-size:1.25rem;cursor:pointer;padding:var(--space-3xs);transform:translate(-50%,-50%);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.breadcrumb-game__duck{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:1.5rem}.duck-avatar--bounce:hover .duck-avatar__svg,.duck-avatar--bounce:focus-within .duck-avatar__svg{animation:duck-bounce .5s ease}.duck-avatar--tilt{transition:transform .2s ease}.duck-avatar--tilt:hover{transform:rotate(-4deg) scale(1.04)}@keyframes duck-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-2px)}}.card-tilt{transition:transform .25s ease,box-shadow .25s ease}@media (hover: hover) and (pointer: fine){.card-tilt:hover{transform:perspective(800px) rotateX(1.5deg) rotateY(-1.5deg);box-shadow:var(--qa-shadow-lg),0 16px 40px #1a5c421a}}.compose.is-posting{animation:compose-flash .4s ease}@keyframes compose-flash{0%{box-shadow:var(--qa-shadow)}50%{box-shadow:0 0 0 3px var(--qa-accent),var(--qa-shadow-lg)}to{box-shadow:var(--qa-shadow)}}.profile-slide__edit{margin-top:var(--space-s);min-height:44px;padding:0 var(--space-m);border-radius:9999px}.slide-card--empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}@media (prefers-reduced-motion: reduce){.slide-card,.slide-action,.quack-btn,.quack-toast,.trend-item,.quack-nav__item,.deck-nav__dot,.discover-btn,.slide-deck__viewport,.match-modal__dialog,.animated-counter,.ripple,.swipeable-card,.match-modal__ripple,.match-modal__heart,.card-tilt,.duck-avatar__svg,.onboard-hint,.quack-hero,.nest-gate{animation:none;transition:none}.card-tilt:hover,.duck-avatar--tilt:hover{transform:none}.slide-deck__viewport{transform:none!important}}:root{--matcha-deep: #3f5b3f;--matcha-mid: #6f8f6a;--matcha-pale: #eef1e6;--cream: #faf8f2;--clay: #b3714f;--clay-ink: #7d4c33;--blue-ink: #2a6fad;--surface: #f6efe3;--surface-raised: #ffffff;--surface-sunken: var(--matcha-pale);--surface-wash: #f3ece3;--ink: #23291f;--ink-muted: #4a5248;--ink-subtle: #5f6a5c;--accent: var(--matcha-deep);--accent-hover: #2f4530;--accent-quiet: var(--matcha-mid);--accent-wash: rgba(63, 91, 63, .09);--accent-glow: rgba(111, 143, 106, .16);--on-accent: #ffffff;--border: rgba(63, 91, 63, .22);--border-strong: rgba(63, 91, 63, .42);--focus: #23291f;--focus-halo: rgba(63, 91, 63, .22);--font-display: "Fraunces", Georgia, serif;--font-body: Inter, "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sc: "Noto Serif SC", "Songti SC", "SimSun", serif;--step--2: clamp(.75rem, .735rem + .075vw, .8125rem);--step--1: clamp(.875rem, .86rem + .075vw, .9375rem);--step-0: clamp(1rem, .97rem + .15vw, 1.0625rem);--step-1: clamp(1.125rem, 1.08rem + .22vw, 1.25rem);--step-2: clamp(1.25rem, 1.16rem + .47vw, 1.5rem);--step-3: clamp(1.5rem, 1.32rem + .9vw, 2rem);--step-4: clamp(1.75rem, 1.43rem + 1.6vw, 2.625rem);--leading-tight: 1.12;--leading-snug: 1.3;--leading-body: 1.55;--tracking-label: .08em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.25rem;--space-l: 1.75rem;--space-xl: clamp(2rem, 1.6rem + 1.8vw, 3rem);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 9999px;--elevation-0: none;--elevation-1: 0 1px 2px rgba(35, 41, 31, .05), 0 2px 6px rgba(35, 41, 31, .045);--elevation-2: 0 2px 4px rgba(35, 41, 31, .05), 0 10px 26px rgba(35, 41, 31, .08);--elevation-3: 0 4px 8px rgba(35, 41, 31, .06), 0 20px 48px rgba(35, 41, 31, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .38s;--z-nav: 20;--z-sticky: 30;--z-dock: 60;--z-modal: 100;--z-skip: 300;--tap: 2.75rem;--paper: var(--surface);--card: var(--surface-raised);--mist: var(--surface-sunken);--panel: var(--surface-raised);--nav-veil: var(--surface-raised);--line: var(--border);--mute: var(--ink-muted);--jade: var(--accent-quiet);--jade-ink: var(--accent);--jade-glow: var(--accent-wash);--accent-ink: var(--accent);--accent-solid: var(--accent);--accent-solid-hover: var(--accent-hover);--gold: var(--clay);--gold-hi: var(--clay-ink);--gold-wash: var(--surface-wash);--radius: var(--radius-sm);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2)}@media (prefers-color-scheme: dark){:root{--surface: #121814;--surface-raised: #1a221c;--surface-sunken: #1c2620;--surface-wash: #17201a;--ink: #ece7dd;--ink-muted: #b9b0a3;--ink-subtle: #9aa093;--accent: #a8c49a;--accent-hover: #c5d8b8;--accent-quiet: #8fad7e;--accent-wash: rgba(168, 196, 154, .12);--accent-glow: rgba(143, 173, 126, .18);--on-accent: #101915;--border: #2a3530;--border-strong: #48584f;--focus: #ece7dd;--focus-halo: rgba(168, 196, 154, .28);--clay: #d59b72;--clay-ink: #e0b391;--blue-ink: #7eb0e0;--accent-solid: #6f8f6a;--accent-solid-hover: #8fad7e;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .28);--elevation-2: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 26px rgba(0, 0, 0, .38);--elevation-3: 0 4px 8px rgba(0, 0, 0, .42), 0 20px 48px rgba(0, 0, 0, .48)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-padding-top:var(--space-s);scroll-padding-bottom:5.5rem;accent-color:var(--accent)}body{font-family:var(--font-body);background:var(--surface);color:var(--ink);font-size:var(--step-0);line-height:var(--leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3{text-wrap:balance;line-height:var(--leading-snug)}p{text-wrap:pretty}[data-numeric],time{font-variant-numeric:tabular-nums}#root{inline-size:100%;min-block-size:100dvh}.skip-link{position:absolute;inset-inline-start:var(--space-s);inset-block-start:-100%;background:var(--ink);color:var(--surface);padding-inline:var(--space-s);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:var(--z-skip);font-weight:600;font-size:var(--step--1);text-decoration:underline;text-underline-offset:3px;min-height:var(--tap);display:inline-flex;align-items:center}.skip-link:focus,.skip-link:focus-visible{inset-block-start:0;outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[lang|=zh]{font-family:var(--font-sc),var(--font-body)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px var(--focus-halo)}:focus:not(:focus-visible){outline:none}.slide-action--static{display:inline-flex;align-items:center;gap:var(--space-3xs);pointer-events:none;opacity:.85}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.door-egg-toast{position:fixed;inset-inline:1rem;inset-block-end:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:9999;margin:0;padding:.65rem 1rem;max-width:28rem;font-size:.875rem;color:var(--ink);background:var(--surface-raised);border:1px solid var(--matcha-deep);border-radius:8px;box-shadow:var(--shadow-lg, 0 8px 24px rgb(35 41 31 / .12));opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.door-egg-toast.is-visible{opacity:1;transform:translateY(0)}.door-egg-toast a{color:var(--matcha-deep);font-weight:600}