:root{--host-red: #E60012;--host-red-bright: #FF3C31;--host-red-press: #C30010;--host-red-soft: #FDECEC;--host-nav-bg: #FFFFFF;--host-nav-title: #1A1A1A;--host-nav-back: #1A1A1A;--host-canvas: #FFFFFF;--host-canvas-gap: #F5F5F7;--host-tab-active: var(--host-red);--host-tab-idle: #9A9A9A;--host-underline: var(--host-red);--host-soft-header: linear-gradient(150deg, #FAEAE8 0%, #FDF8F7 70%, #FFFFFF 100%);--xq-red: #E60012;--xq-red-press: #C30010;--xq-red-soft: #FDECEC;--teal: #3A9D8F;--teal-press: #2F8275;--teal-soft: #E4F1EE;--teal-ink: #1E5249;--blue: #4A7BA6;--blue-soft: #E8F0F6;--coral: #F2A07B;--coral-press: #E08A60;--coral-soft: #FCEDE4;--success: #5BA890;--success-soft: #E6F2EC;--warn: #E08A4B;--warn-ink: #8C5A22;--warn-soft: #FBEEDD;--danger: #C9695A;--danger-press: #B0543F;--danger-soft: #F7E7E2;--info: #4A7BA6;--bg: #FFFFFF;--mist: #F5F8F7;--surface: #FFFFFF;--line: #E6EAE8;--line-strong: #CFD8D4;--ink: #233028;--ink-sub: #5A6B60;--ink-faint: #8A988A;--on-color: #FFFFFF;--zone-fun: var(--coral);--zone-fun-soft: var(--coral-soft);--zone-clinic: var(--blue);--zone-clinic-soft: var(--blue-soft);--zone-crisis: var(--danger);--zone-crisis-soft: var(--danger-soft);--font-sans: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--fs-caption: 12px;--fs-body-s: 14px;--fs-body: 15px;--fs-question:18px;--fs-title: 20px;--fs-h2: 24px;--fs-display: 30px;--lh-tight: 1.3;--lh-body: 1.6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-s: 8px;--r-m: 12px;--r-l: 16px;--r-xl: 24px;--r-pill: 999px;--shadow-card: 0 1px 3px rgba(35,48,40,.06), 0 4px 16px rgba(35,48,40,.06);--shadow-float: 0 6px 24px rgba(35,48,40,.12);--tap-min: 48px;--page-pad: 16px;--viewport: 390px;--host-header-h: 44px;--safe-top: env(safe-area-inset-top, 47px);--ease: cubic-bezier(.22,.61,.36,1);--dur-fast: .12s;--dur: .15s}:root{--theme-bluerain: linear-gradient(160deg, #6E8FB5 0%, #2C3E5A 100%);--theme-flame: linear-gradient(160deg, #F4A15C 0%, #C75A2E 100%);--theme-mirror: linear-gradient(160deg, #CBD6DC 0%, #7C8B95 100%);--theme-mist: linear-gradient(160deg, #9FBfA6 0%, #4E6B57 100%);--theme-starnight: linear-gradient(160deg, #4B5A8A 0%, #1C2240 100%);--theme-dawn: linear-gradient(160deg, #F2C7A0 0%, #E58F8F 100%);--theme-tide: linear-gradient(160deg, #57B8B0 0%, #1F6E73 100%);--theme-ember: linear-gradient(160deg, #E0A9A0 0%, #8A4A52 100%)}.xq-root,.xq-screen{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.xq-screen{width:100%;max-width:430px;min-height:100%;margin:0 auto;position:relative}*,*:before,*:after{box-sizing:border-box}.xq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:600;border:none;border-radius:var(--r-m);cursor:pointer;transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.xq-btn--md{min-height:48px;padding:0 var(--sp-4)}.xq-btn--lg{min-height:56px;padding:0 var(--sp-5);font-size:var(--fs-question)}.xq-btn--block{width:100%}.xq-btn--primary{background:var(--teal);color:var(--on-color)}.xq-btn--primary:active{background:var(--teal-press)}.xq-btn--secondary{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 1.5px var(--teal)}.xq-btn--secondary:active{background:var(--teal-soft)}.xq-btn--crisis{background:var(--danger);color:var(--on-color)}.xq-btn--crisis:active{background:var(--danger-press)}.xq-btn:disabled{opacity:.4;cursor:not-allowed}.xq-card{position:relative;background:var(--surface);border-radius:var(--r-l);padding:var(--sp-4);overflow:hidden}.xq-card--elevated{box-shadow:var(--shadow-card)}.xq-card--fun:before,.xq-card--clinic:before,.xq-card--crisis:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.xq-card--fun:before{background:var(--zone-fun)}.xq-card--clinic:before{background:var(--zone-clinic)}.xq-card--crisis:before{background:var(--zone-crisis)}.xq-topbar{width:100%}.xq-topbar--safe{padding-top:env(safe-area-inset-top,47px)}.xq-topbar__bar{height:var(--host-header-h);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 var(--sp-2)}.xq-topbar__back,.xq-topbar__right{display:inline-flex;align-items:center}.xq-topbar__back{justify-content:flex-start;background:none;border:none;font-size:26px;line-height:1;padding:0 var(--sp-2);cursor:pointer}.xq-topbar__right{justify-content:flex-end;gap:var(--sp-3);padding-right:var(--sp-2)}.xq-topbar__title{margin:0;text-align:center;font-size:var(--fs-title);font-weight:600}.xq-topbar--white{background:var(--host-nav-bg)}.xq-topbar--white .xq-topbar__title{color:var(--host-nav-title)}.xq-topbar--white .xq-topbar__back,.xq-topbar--white .xq-topbar__right{color:var(--host-nav-back)}.xq-topbar--red{background:var(--host-red-bright)}.xq-topbar--red .xq-topbar__title,.xq-topbar--red .xq-topbar__back,.xq-topbar--red .xq-topbar__right{color:#fff}.xq-topbar--soft{background:var(--host-soft-header)}.xq-topbar--soft .xq-topbar__title{color:var(--host-nav-title)}.xq-topbar--soft .xq-topbar__back,.xq-topbar--soft .xq-topbar__right{color:var(--host-nav-back)}.xq-bottomtab{position:sticky;bottom:0;left:0;right:0;z-index:10;display:flex;width:100%;background:var(--host-nav-bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.xq-bottomtab__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:calc(var(--host-header-h) + var(--sp-1));padding:var(--sp-1) var(--sp-2);background:none;border:none;font-family:var(--font-sans);cursor:pointer;color:var(--host-tab-idle);transition:color var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.xq-bottomtab__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:22px;line-height:1}.xq-bottomtab__label{font-size:var(--fs-caption);line-height:var(--lh-tight);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xq-bottomtab__item--active{color:var(--host-tab-active);font-weight:600}.xq-bottomtab__item--active .xq-bottomtab__label{font-weight:600}.xq-segtabs{display:inline-flex;align-items:flex-end;gap:var(--sp-5)}.xq-segtabs__tab{position:relative;display:inline-flex;flex-direction:column;align-items:center;min-height:var(--tap-min);padding:var(--sp-2) 0;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-tight);font-weight:400;color:var(--ink-sub);transition:color var(--dur) var(--ease)}.xq-segtabs__tab--active{color:var(--host-underline);font-weight:700}.xq-segtabs__tab:focus-visible{outline:2px solid var(--host-underline);outline-offset:2px;border-radius:var(--r-s)}.xq-segtabs__label{display:inline-block}.xq-segtabs__label:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%) scaleX(0);width:100%;height:3px;border-radius:var(--r-pill);background:var(--host-underline);opacity:0;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.xq-segtabs__tab--active .xq-segtabs__label:after{transform:translate(-50%) scaleX(1);opacity:1}.xq-segprog{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.xq-segprog__label{font-family:var(--font-sans);font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink-sub)}.xq-segprog__track{display:flex;align-items:center;gap:var(--sp-1);width:100%}.xq-segprog__seg{flex:1 1 0;min-width:0;height:6px;border-radius:var(--r-pill);background:var(--line);transition:background var(--dur) var(--ease)}.xq-segprog__seg--done{background:var(--teal)}.xq-segprog__seg--todo{background:var(--line)}.xq-scale-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:56px;padding:var(--sp-3) var(--sp-4);text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-m);cursor:pointer;font-family:var(--font-sans);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.xq-scale-opt__label{flex:1 1 auto;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}.xq-scale-opt__check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--teal);opacity:0;transition:opacity var(--dur) var(--ease)}.xq-scale-opt:active{background:var(--mist)}.xq-scale-opt--selected{background:var(--teal-soft);border-color:var(--teal)}.xq-scale-opt--selected .xq-scale-opt__label{color:var(--teal-ink)}.xq-scale-opt--selected .xq-scale-opt__check{opacity:1}.xq-scale-opt--selected:active{background:var(--teal-soft)}.xq-scale-opt:disabled{opacity:.4;cursor:not-allowed}.xq-chat{display:flex;flex-direction:column;max-width:80%}.xq-chat--user{align-self:flex-end;align-items:flex-end}.xq-chat--user .xq-chat__bubble{background:var(--teal-soft);color:var(--ink);border-radius:var(--r-l) var(--r-l) var(--r-s) var(--r-l)}.xq-chat--ai{align-self:flex-start;align-items:flex-start}.xq-chat--ai .xq-chat__bubble{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-l) var(--r-l) var(--r-l) var(--r-s)}.xq-chat__label{margin:0 0 var(--sp-1) var(--sp-1);color:var(--ink-sub);font-size:var(--fs-caption);font-family:var(--font-sans);line-height:var(--lh-tight)}.xq-chat__bubble{padding:var(--sp-2) var(--sp-3);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);word-break:break-word;overflow-wrap:anywhere}.xq-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#0006;animation:xq-modal-fade var(--dur) var(--ease)}.xq-modal__card{width:100%;max-width:320px;max-height:calc(100% - var(--sp-6));overflow-y:auto;padding:var(--sp-5);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-float);font-family:var(--font-sans);animation:xq-modal-fade var(--dur) var(--ease)}.xq-modal__title{margin:0 0 var(--sp-3);font-size:var(--fs-title);font-weight:700;line-height:var(--lh-tight);color:var(--ink)}.xq-modal__body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-sub)}.xq-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5)}@keyframes xq-modal-fade{0%{opacity:0}to{opacity:1}}.xq-crisis{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#1418178c;padding-top:calc(var(--sp-4) + var(--safe-top))}.xq-crisis__panel{width:100%;max-width:360px;background:var(--surface);border-radius:var(--r-xl);border-top:4px solid var(--danger);box-shadow:var(--shadow-float);padding:var(--sp-5);font-family:var(--font-sans)}.xq-crisis__title{margin:0;color:var(--danger);font-size:var(--fs-title);font-weight:700;line-height:var(--lh-tight)}.xq-crisis__message{margin:var(--sp-3) 0 0;color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body)}.xq-crisis__hotline{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--danger-soft);border-radius:var(--r-l);text-align:center}.xq-crisis__hotline-num{color:var(--danger);font-size:var(--fs-h2);font-weight:700;letter-spacing:.04em}.xq-crisis__hotline-meta{margin-top:var(--sp-1);color:var(--ink-sub);font-size:var(--fs-caption)}.xq-crisis__call{margin-top:var(--sp-4)}.xq-crisis__trusted{margin-top:var(--sp-3)}.xq-crisis__safe{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap-min);margin-top:var(--sp-3);padding:var(--sp-2);background:transparent;border:none;color:var(--ink-sub);font-family:var(--font-sans);font-size:var(--fs-body-s);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:opacity var(--dur) var(--ease)}.xq-crisis__safe:disabled{opacity:.4;cursor:not-allowed}.xq-crisis__minor{margin:var(--sp-3) 0 0;padding:var(--sp-2) var(--sp-3);background:var(--warn-soft);border-radius:var(--r-m);color:var(--warn-ink);font-size:var(--fs-caption);line-height:var(--lh-body)}.xq-crisis__foot{margin:var(--sp-4) 0 0;color:var(--ink-faint);font-size:var(--fs-caption);line-height:var(--lh-body)}.xq-hotline{background:var(--danger-soft);border-radius:var(--r-l);padding:var(--sp-4)}.xq-hotline__main{display:flex;align-items:center;gap:var(--sp-3)}.xq-hotline__icon{flex:none;font-size:28px;line-height:1}.xq-hotline__text{display:flex;flex-direction:column;gap:var(--sp-1);flex:1 1 auto;min-width:0}.xq-hotline__number{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-tight);color:var(--danger-press);letter-spacing:.02em}.xq-hotline__note{font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink-sub)}.xq-hotline__btn{flex:none}.xq-hotline__footnote{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--ink-sub)}.xq-consent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--font-sans)}.xq-consent__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#141c1a73}.xq-consent__sheet{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-height:88vh;padding:var(--sp-3) var(--sp-5) var(--sp-5);padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-float)}.xq-consent__grip{align-self:center;width:36px;height:4px;margin-bottom:var(--sp-3);border-radius:var(--r-pill);background:var(--line-strong)}.xq-consent__title{margin:0 0 var(--sp-3);font-size:var(--fs-title);font-weight:700;line-height:var(--lh-tight);color:var(--ink)}.xq-consent__body{flex:1 1 auto;min-height:0;max-height:44vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:var(--sp-1);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-sub)}.xq-consent__agreements{list-style:none;margin:var(--sp-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--sp-3)}.xq-consent__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;min-height:var(--tap-min);margin:0;padding:var(--sp-2) 0;border:none;background:transparent;font-family:inherit;font-size:var(--fs-body-s);font-weight:600;color:var(--teal-press);text-decoration:underline;text-underline-offset:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}.xq-consent__link:active{color:var(--teal-ink)}.xq-consent__check{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);margin:var(--sp-3) 0;padding:var(--sp-2) 0;cursor:pointer}.xq-consent__checkbox{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--teal);cursor:pointer}.xq-consent__check-label{font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink)}.xq-consent__actions{display:flex;flex-direction:column;gap:var(--sp-2)}.xq-consent__dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--tap-min);border:none;background:transparent;font-family:inherit;font-size:var(--fs-body);font-weight:600;color:var(--ink-sub);cursor:pointer;-webkit-tap-highlight-color:transparent}.xq-consent__dismiss:active{color:var(--ink)}.xq-rbar{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;font-family:var(--font-sans);--xq-rbar-fill: var(--success);--xq-rbar-ink: var(--teal-ink)}.xq-rbar--low{--xq-rbar-fill: var(--success);--xq-rbar-ink: var(--teal-ink)}.xq-rbar--mid{--xq-rbar-fill: var(--warn);--xq-rbar-ink: var(--warn-ink)}.xq-rbar--high{--xq-rbar-fill: var(--danger);--xq-rbar-ink: var(--danger-press)}.xq-rbar__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.xq-rbar__score{display:inline-flex;align-items:baseline;gap:var(--sp-1);color:var(--ink)}.xq-rbar__score-num{font-size:var(--fs-title);font-weight:700;line-height:var(--lh-tight)}.xq-rbar__score-max{font-size:var(--fs-body-s);color:var(--ink-faint)}.xq-rbar__band{font-size:var(--fs-body);font-weight:600;color:var(--xq-rbar-ink)}.xq-rbar__track{position:relative;width:100%;height:12px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.xq-rbar__fill{display:block;height:100%;min-width:4px;border-radius:var(--r-pill);background:var(--xq-rbar-fill);transition:width var(--dur) var(--ease)}.xq-rbar__percentile{margin:0;font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink-sub)}.xq-rbar__disclaimer{margin:0;font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--ink-sub)}.xq-color{display:flex;flex-direction:column;font-family:var(--font-sans);background:var(--surface);color:var(--ink)}.xq-color__swatch{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-5);min-height:240px}.xq-color__swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#00000073);pointer-events:none}.xq-color__swatch>*{position:relative;z-index:1}.xq-color__swatch--poster{justify-content:center;min-height:420px;padding:var(--sp-6) var(--sp-5) var(--sp-7);text-align:center}.xq-color__swatch--poster:after{background:linear-gradient(180deg,#00000038,#0000001f 45%,#0006)}.xq-color__tag{font-size:var(--fs-caption);font-weight:600;letter-spacing:.08em;color:var(--on-color);opacity:.92}.xq-color__name{margin:0;font-size:var(--fs-display);font-weight:700;line-height:var(--lh-tight);color:var(--on-color)}.xq-color__persona-line{margin:var(--sp-2) auto 0;max-width:22em;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--on-color);opacity:.94}.xq-color__watermark{position:absolute;right:var(--sp-5);bottom:var(--sp-4);font-size:var(--fs-caption);color:var(--on-color);opacity:.85}.xq-color__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.xq-color__persona{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}.xq-color__recommend{margin:0;display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--teal-soft);border-radius:var(--r-m)}.xq-color__recommend-label{flex:none;font-size:var(--fs-caption);font-weight:600;color:var(--teal-ink)}.xq-color__recommend-text{font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink-sub)}.xq-color__actions{display:flex;flex-direction:column;gap:var(--sp-3);padding:0 var(--sp-5) var(--sp-4)}.xq-color__disclaimer{margin:0;padding:var(--sp-3) var(--sp-5) var(--sp-5);font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--ink-faint);text-align:center}.xq-color--poster .xq-color__disclaimer{padding:var(--sp-4) var(--sp-5);background:var(--surface)}.xq-disclaimer{display:flex;align-items:flex-start;gap:var(--sp-1);margin:0;font-family:var(--font-sans);font-size:var(--fs-caption);line-height:var(--lh-body)}.xq-disclaimer--default{color:var(--ink-sub)}.xq-disclaimer--warn{color:var(--warn-ink)}.xq-disclaimer__icon{flex:none;line-height:var(--lh-body);color:var(--warn)}.xq-disclaimer__text{flex:1 1 auto;min-width:0}.xq-listrow{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-l);padding:var(--sp-3);box-shadow:var(--shadow-card)}.xq-listrow--clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.xq-listrow--clickable:active{background:var(--mist)}.xq-listrow--clickable:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.xq-listrow__media{flex:0 0 auto;width:64px;height:64px;border-radius:var(--r-m);overflow:hidden;background:var(--mist);display:flex;align-items:center;justify-content:center}.xq-listrow__media>img,.xq-listrow__media>svg{width:100%;height:100%;object-fit:cover;display:block}.xq-listrow__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.xq-listrow__title{font-family:var(--font-sans);font-size:var(--fs-title);font-weight:600;line-height:var(--lh-tight);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xq-listrow__subtitle{font-size:var(--fs-body-s);line-height:var(--lh-body);color:var(--ink-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xq-listrow__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}.xq-listrow__tag{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--mist);color:var(--ink-sub);font-size:var(--fs-caption);line-height:1.4;white-space:nowrap}.xq-listrow__footer{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-1);font-size:var(--fs-body-s);line-height:var(--lh-body)}.xq-listrow__meta{color:var(--ink-sub)}.xq-listrow__progress{color:var(--teal);font-weight:600}.xq-listrow__right{flex:0 0 auto;align-self:center;display:flex;align-items:center;color:var(--ink-faint)}html,body{margin:0;padding:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}#root{min-height:100vh}.xq-stage{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;background:radial-gradient(120% 80% at 50% 0%,#d4d8dd,#c2c7cd);font-family:var(--font-sans)}.xq-device{position:relative;width:390px;height:844px;background:var(--bg);border-radius:46px;box-shadow:0 2px 6px #0000002e,0 26px 60px #141c1a57;overflow:hidden;transform:translateZ(0);border:1px solid rgba(0,0,0,.06)}.xq-scroll::-webkit-scrollbar{width:0;height:0}.xq-scroll{scrollbar-width:none}.xq-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}@keyframes xqViewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes xqFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes xqDot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes xqShimmer{0%{background-position:-200px 0}to{background-position:220px 0}}@keyframes xqBreathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes xqPhqFlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes xqDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(34px,-26px) scale(1.14)}}@keyframes xqDrift2{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-30px,28px) scale(.92)}}@keyframes xqQIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes xqOptIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes xqRipple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.6);opacity:0}}@keyframes xqMotif{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes xqSwirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wRaySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wGlow{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.14);opacity:.85}}@keyframes wBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wRain{0%{transform:translateY(-12vh)}to{transform:translateY(112vh)}}@keyframes wRipple{0%{transform:scale(.2);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes wDriftA{0%{transform:translate(-30px)}to{transform:translate(420px)}}@keyframes wDriftB{0%{transform:translate(420px)}to{transform:translate(-60px)}}@keyframes wFlash{0%,92%,to{opacity:0}93%{opacity:.85}95%{opacity:.1}96%{opacity:.7}98%{opacity:0}}@keyframes wTwinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes wFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-18px) translate(8px)}}@keyframes wShoot{0%{transform:translate(0) rotate(35deg);opacity:0}8%{opacity:1}26%{transform:translate(-220px,150px) rotate(35deg);opacity:0}to{opacity:0}}@keyframes wRainbowIn{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:.92;transform:translateY(0) scale(1)}}@keyframes wConfetti{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.9}}@keyframes wSwing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes wPop{0%{opacity:0;transform:scale(.6) translateY(20px)}60%{opacity:1;transform:scale(1.06) translateY(0)}to{transform:scale(1)}}@keyframes wSkyHue{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(28deg)}}.xq-vin{animation:xqViewIn var(--dur) var(--ease)}.xq-qin{animation:xqQIn .5s cubic-bezier(.22,.61,.36,1) both}.xq-optin{animation:xqOptIn .5s cubic-bezier(.22,.61,.36,1) both}.w-pop{animation:wPop .55s cubic-bezier(.34,1.4,.5,1) both}