.notif-bell .knob{white-space:nowrap}.notif-bell__panel{position:fixed;z-index:400;max-height:min(70vh,560px);overflow-y:auto;display:grid;gap:var(--space-md);animation:toast-in var(--dur-long) var(--ease-spring)}.notif-bell__title{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-display);font-size:var(--text-title)}.notif-bell__list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.notif-bell__note{font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.4}.notif-item{display:grid;gap:var(--space-xs);justify-items:start;padding:var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2)}.notif-item.is-read{background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 8%,transparent)}.notif-item__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);width:100%}.notif-item__title{font-size:var(--text-sm);line-height:1.4;min-width:0}.notif-item__time{flex-shrink:0;font-size:var(--text-xs);color:var(--color-muted)}.notif-item__evidence{display:grid;gap:var(--space-2xs)}.notif-item__evidence ul{margin:0;padding-left:var(--space-md);font-size:var(--text-sm);line-height:1.4}.notif-item__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}@media(prefers-reduced-motion:reduce){.notif-bell__panel{animation:none}}:root{color-scheme:light;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94.5% .018 95);--color-paper-3: oklch(91% .022 95);--color-ink: oklch(20% .014 255);--color-ink-2: oklch(29% .014 255);--color-muted: oklch(47% .014 255);--color-rule: oklch(87% .016 95);--color-accent: oklch(87% .175 96);--color-accent-deep: oklch(72% .16 92);--color-accent-ink: oklch(20% .014 255);--color-accent-2: oklch(50% .17 250);--color-accent-3: oklch(70% .2 22);--color-mint: oklch(82% .15 152);--color-mint-deep: oklch(48% .12 155);--color-focus: oklch(50% .17 250);--color-card: oklch(98.8% .007 95);--color-edge: oklch(83% .04 88);--color-fringe: oklch(99.2% .006 95);--color-white: oklch(99.6% .005 95);--color-ink-deep: oklch(13% .012 255);--color-kraft: oklch(63% .085 62);--color-coral-deep: oklch(56% .17 24);--color-blue-deep: oklch(36% .13 255);--color-leaf: oklch(64% .15 150);--color-error: oklch(52% .19 27);--color-success: oklch(50% .12 150);--font-display: "Chillax", "Noto Sans SC", "Noto Sans TC", ui-rounded, ui-sans-serif, sans-serif;--font-body: var(--font-display);--font-outlier: ui-monospace, monospace;--radius-card: 24px;--radius-stock: 16px;--radius-input: 14px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: 0 1px 2px oklch(20% .014 255 / .06), 0 12px 28px -14px oklch(20% .014 255 / .22);--shadow-paper: drop-shadow(0 0 .6px oklch(20% .014 255 / .32)) drop-shadow(1.5px 2.5px 1.5px oklch(20% .014 255 / .1)) drop-shadow(6px 14px 16px oklch(20% .014 255 / .13));--shadow-paper-low: drop-shadow(0 0 .6px oklch(20% .014 255 / .34)) drop-shadow(1px 2px 1.5px oklch(20% .014 255 / .13));--tracking-display: -.03em;--display-weight: 600;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .42 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='.024' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .36 0 0 0 0 .24 -10 0 0 0 .42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--fibre-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='.024' numOctaves='4' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 .96 -10 0 0 0 .5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--grain-fine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .27 0 0 0 0 .18 0 0 0 .3 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--container: 640px;--bar-h: 88px;--gutter: 20px}@media(min-width:64rem){:root{--container: min(100vw - 80px, 1600px);--container-wide: min(100vw - 80px, 1760px);--gutter: 40px}}:root{--bubble-friend: color-mix(in oklab, var(--color-accent) 38%, var(--color-paper));--bubble-twin: color-mix(in oklab, var(--color-accent-2) 12%, var(--color-paper));--bubble-human: color-mix(in oklab, var(--color-mint) 30%, var(--color-paper))}.app-shell{min-height:100svh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:clip}.app-main{flex:1;width:100%;max-width:var(--container);margin-inline:auto;box-sizing:border-box;padding:var(--space-md) var(--gutter) var(--space-2xl)}.app-main.page-center{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:calc(100svh - var(--bar-h));box-sizing:border-box;padding-top:var(--space-sm);padding-bottom:var(--space-sm);overflow:hidden}.app-main:has(.friend-page){padding:0!important;max-width:100%;overflow:hidden}.app-main.has-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom,0))}.tabbar{display:flex}.knobs{display:none}@media(min-width:64rem){.app-main.has-nav{padding-bottom:var(--space-2xl)}.tabbar{display:none}.knobs{display:flex;gap:var(--space-sm);align-items:center}}.topbar{position:sticky;top:0;z-index:300;will-change:filter;filter:drop-shadow(0 1px 1px color-mix(in oklab,var(--color-ink) 12%,transparent)) drop-shadow(0 8px 16px color-mix(in oklab,var(--color-ink) 16%,transparent))}.topbar__inner{display:flex;align-items:center;gap:var(--space-lg);height:var(--bar-h);width:100%;box-sizing:border-box;padding-inline:max(var(--gutter),calc((100% - var(--container)) / 2 + var(--gutter)));background:var(--grain),var(--fibre),var(--color-card);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),97% calc(100% - 7px),94% calc(100% - 8px),91% calc(100% - 6px),88% calc(100% - 8px),85% calc(100% - 7px),82% calc(100% - 9px),79% calc(100% - 6px),76% calc(100% - 8px),73% calc(100% - 7px),70% calc(100% - 9px),67% calc(100% - 6px),64% calc(100% - 8px),61% calc(100% - 7px),58% calc(100% - 8px),55% calc(100% - 6px),52% calc(100% - 9px),49% calc(100% - 7px),46% calc(100% - 8px),43% calc(100% - 6px),40% calc(100% - 8px),37% calc(100% - 7px),34% calc(100% - 9px),31% calc(100% - 6px),28% calc(100% - 8px),25% calc(100% - 7px),22% calc(100% - 8px),19% calc(100% - 6px),16% calc(100% - 9px),13% calc(100% - 7px),10% calc(100% - 8px),7% calc(100% - 6px),4% calc(100% - 8px),0 calc(100% - 7px))}.app-shell.is-scrolled .topbar{filter:drop-shadow(0 1px 1px color-mix(in oklab,var(--color-ink) 14%,transparent)) drop-shadow(0 12px 24px color-mix(in oklab,var(--color-ink) 24%,transparent))}.topbar__right{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.topbar__cta{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2xs)}.knob--profile .knob__avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-mint);color:var(--color-ink);font:600 13px/1 var(--font-body)}.wordmark{margin-right:auto;font:600 var(--text-xl)/1 var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-ink);text-decoration:none}.wordmark:hover{text-decoration:underline;text-underline-offset:.2em}.knob{--edge: 3px;display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border-radius:12px;background:var(--fibre),var(--color-paper-2);color:var(--color-ink);font:600 var(--text-sm)/1 var(--font-body);text-decoration:none;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 8%,transparent),0 var(--edge) 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap),box-shadow var(--dur-micro) var(--ease-snap),background-color var(--dur-short) var(--ease-snap)}.knob:hover{background-color:var(--color-paper-3)}.knob:active{--edge: 1px;translate:0 2px}.knob.is-on{--edge: 1px;translate:0 2px;background:var(--color-ink);color:var(--color-paper)}.knob--friend{margin-left:var(--space-md)}.knob--icon{padding:0;width:44px;justify-content:center}.knob__meta{font-size:var(--text-sm)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:300;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom,0));background:var(--grain),var(--fibre),var(--color-card);box-shadow:0 -6px 18px -10px #12161c4d}.tabbar__tab{position:relative;flex:1;display:grid;place-items:center;min-height:56px;border-radius:14px;color:var(--color-ink-2);text-decoration:none;font:600 var(--text-xs)/1 var(--font-body);overflow:hidden;max-width:120px;margin-inline:auto;width:100%}.tabbar__tab.is-on{background:var(--color-ink);color:var(--color-paper)}.tabbar__label{pointer-events:none}.tabbar__dot{position:absolute;top:8px;right:12px;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-accent-3)}.notif-count{min-width:18px;height:18px;border-radius:var(--radius-pill);background:var(--color-accent-3);color:var(--color-ink);font:600 11px/18px var(--font-body);text-align:center;padding-inline:4px}.sr-back{display:none}.toasts{position:fixed;right:var(--space-md);bottom:calc(92px + env(safe-area-inset-bottom,0));z-index:500;display:grid;gap:var(--space-sm);width:min(320px,calc(100vw - var(--space-2xl)));pointer-events:none}@media(min-width:64rem){.toasts{bottom:var(--space-lg)}}.toast{pointer-events:auto;display:grid;gap:var(--space-3xs);padding:var(--space-md);border:0;border-radius:var(--radius-stock);background:var(--grain),var(--fibre),var(--color-card);color:var(--color-ink);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;animation:toast-in var(--dur-long) var(--ease-spring)}.toast strong{font-size:var(--text-sm)}.toast span{font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.4}@keyframes toast-in{0%{translate:0 12px;opacity:0}to{translate:0 0;opacity:1}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.card-head__text{min-width:0;flex:1}.card-head__title{font-size:var(--text-title);overflow-wrap:anywhere}.card-head__sub{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-muted)}.card-head__right{flex-shrink:0}.chat{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-height:0}.bubble{max-width:min(86%,480px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);box-shadow:var(--shadow-paper-low);display:grid;gap:var(--space-2xs);font-size:var(--text-md);line-height:1.5;animation:bubble-in var(--dur-long) var(--ease-snap);overflow-wrap:anywhere}@keyframes bubble-in{0%{translate:0 8px;opacity:0}to{translate:0 0;opacity:1}}.bubble--friend,.bubble--other-twin{align-self:flex-start;background:var(--grain),var(--fibre),var(--bubble-friend);color:var(--color-ink);border-bottom-left-radius:6px}.bubble--twin,.bubble--human{align-self:flex-end;background:var(--grain),var(--fibre),var(--bubble-human);color:var(--color-ink);border-bottom-right-radius:6px}.bubble--twin{background:var(--grain),var(--fibre),var(--bubble-twin)}.bubble__round{font-size:var(--text-xs);color:var(--color-muted)}.bubble__marks{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.bubble__marks .chip{min-height:24px;padding:0 var(--space-sm);font-size:var(--text-xs)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in oklab,var(--color-ink) 24%,transparent);overflow-y:auto}.modal{width:100%;max-width:480px;max-height:calc(100svh - 2 * var(--space-xl));display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--grain),var(--fibre),var(--color-card);box-shadow:var(--shadow-card);animation:modal-in var(--dur-long) var(--ease-spring)}.modal--wide{max-width:640px}@keyframes modal-in{0%{translate:0 16px;scale:.98;opacity:0}to{translate:0 0;scale:1;opacity:1}}.modal--pear .modal__head{background:var(--grain),var(--fibre),var(--color-accent)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);border-radius:var(--radius-card) var(--radius-card) 0 0}.modal__title{font-size:var(--text-title)}.modal__sub{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-muted)}.modal__body{padding:var(--space-md) var(--space-lg);overflow-y:auto;scrollbar-width:thin;min-height:0}.modal__foot{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-lg);flex-wrap:wrap}.modal__foot .btn{flex:1;min-width:120px}.page-head{margin-bottom:var(--space-lg)}.page-head h1{font-size:var(--text-title)}.page-head p{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-muted)}.stack{display:grid;gap:var(--space-md);min-width:0}.card{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.card>*{min-width:0}.empty{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-muted);font-size:var(--text-md)}.login-page{display:grid;grid-template-columns:1fr min(420px,40vw);align-items:center;gap:var(--space-2xl);height:100%;width:100%;overflow:hidden}.login-avatar-area{display:flex;justify-content:center;align-items:center;height:100%;min-height:0;overflow:hidden}.login-bot{display:block;width:100%;height:100%;transform:scale(1.5);transform-origin:center center}.login-bot canvas{display:block}@media (min-width: calc(64rem + 1px)){.login-bot{transform:scale(1.25)}}.login-right{display:flex;flex-direction:column;gap:var(--space-md)}.login-brand{display:flex;flex-direction:column;gap:var(--space-2xs)}.login-brand h1{font-size:clamp(2rem,5vw,3rem)}.login-brand-sub{color:var(--color-muted);font-size:var(--text-sm)}.login-sub-mobile{display:none}.login-name-row{display:flex;gap:var(--space-xs);align-items:stretch}.login-name-row .input{flex:1;min-width:0}.login-card{padding:var(--space-lg);display:grid;gap:var(--space-md);text-align:left}@media(max-width:64rem){.login-page{display:block;height:100svh;overflow:hidden}.login-avatar-area{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh;z-index:0;overflow:hidden}.login-right{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:var(--space-md) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom,0));background:var(--color-paper);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px color-mix(in oklab,var(--color-ink) 10%,transparent);display:flex;flex-direction:column;gap:var(--space-md);margin:0}.login-brand,.login-sub-mobile{display:none}}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.login-tab{--edge: 3px;min-height:44px;border:0;border-radius:12px;background:var(--fibre),var(--color-paper-2);font:600 var(--text-sm)/1 var(--font-body);color:var(--color-ink-2);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 8%,transparent),0 var(--edge) 0 0 var(--color-edge)}.login-tab.is-on{background:var(--color-ink);color:var(--color-paper);--edge: 1px}.login-error{color:var(--color-error);font-size:var(--text-sm)}.field{display:grid;gap:var(--space-2xs)}.field span{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field em{font-style:normal;font-weight:500;color:var(--color-muted);font-size:var(--text-xs)}.field textarea.input{padding:var(--space-sm) var(--space-md);min-height:64px;resize:vertical}:root{--tabbar-h: 84px}.friend-page{display:flex;flex-direction:column;height:calc(100svh - var(--bar-h));padding:0;overflow:hidden}.friend-avatar-col{position:fixed;top:0;left:0;right:0;height:38svh;z-index:1;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;background:var(--fibre),var(--color-paper-2)}.friend-avatar-rive{display:block;width:100%;height:100%;transform:translateY(6svh)}.friend-chat-col{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative;z-index:2;margin-top:26svh;background:var(--color-paper);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px color-mix(in oklab,var(--color-ink) 6%,transparent);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.friend-chat-head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:36px;flex-shrink:0}.friend-chat-head:empty{display:none}.typing-label{font-size:var(--text-xs);color:var(--color-muted)}.friend-chat-col .chat{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);min-height:0}.friend-input-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);margin:0 var(--space-md) var(--space-sm);flex-shrink:0;border-radius:var(--radius-pill);border:var(--rule-hair) solid var(--color-rule);background:var(--fibre),var(--color-card);box-shadow:0 4px 14px color-mix(in oklab,var(--color-ink) 7%,transparent)}.friend-input-bar .input{flex:1;min-width:0;min-height:44px;border:none;background:transparent;padding:0}.friend-input-bar .input:focus{box-shadow:none}@media(min-width:64rem){.friend-page{flex-direction:row;padding:0;overflow:visible}.friend-chat-col{margin-top:0;position:static;z-index:auto;overflow:hidden}.friend-avatar-col{position:relative;inset:auto;height:auto;pointer-events:auto;display:flex;align-items:center;justify-content:center;align-self:stretch;overflow:hidden;width:clamp(360px,34vw,640px);flex-shrink:0;background:none;border-right:var(--rule-hair) solid var(--color-rule)}.friend-avatar-col:before{content:"";position:absolute;top:calc(-1 * var(--bar-h) - env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:var(--fibre),var(--color-paper-2);z-index:0;pointer-events:none}.friend-avatar-rive{position:relative;z-index:1;display:block;width:100%;height:100%;transform:scale(1.5);transform-origin:center center}.friend-chat-col{padding-bottom:var(--space-md)}}.profile-layout{display:grid;gap:var(--space-md)}@media(min-width:64rem){.profile-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.friend-chat{display:grid;grid-template-rows:auto minmax(240px,52svh) auto;padding:0}.friend-chat__head{border-radius:var(--radius-card) var(--radius-card) 0 0}.friend-chat__head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule)}.friend-chat__head strong{display:block;font-size:var(--text-md)}.friend-chat__head span{font-size:var(--text-xs);color:var(--color-muted)}.friend-chat__head .chip{margin-left:auto}.chat-input{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.chat-input .input{flex:1;min-width:0}.typing-dot{justify-self:start;width:48px;height:28px;border-radius:var(--radius-card);background:var(--bubble-friend);position:relative}.typing-dot:before{content:"···";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-muted);font-weight:600;animation:typing 1s infinite alternate var(--ease-snap)}@keyframes typing{0%{opacity:.4}to{opacity:1}}.mem-list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.mem{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2);display:grid;gap:var(--space-2xs)}.mem p{font-size:var(--text-sm)}.mem footer{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center}.mem footer .chip{min-height:22px;padding:0 var(--space-sm);font-size:11px}.mem-del{margin-left:auto;border:0;background:none;color:var(--color-accent-2);font:500 var(--text-xs)/1 var(--font-body);cursor:pointer;text-decoration:underline}.task-mini{display:grid;gap:var(--space-2xs);font-size:var(--text-sm)}.task-mini__done{color:var(--color-muted)}.task-mini__progress{font-weight:600}.grow{height:10px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-mint) 40%,var(--color-paper));overflow:hidden;position:relative}.grow:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--g, 0) * 100%);border-radius:inherit;background:var(--color-mint-deep)}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin:var(--space-md) 0 0}.task-grid dt{font:500 var(--text-xs)/1 var(--font-body);color:var(--color-muted)}.task-grid dd{margin:var(--space-2xs) 0 0;font:600 var(--text-md)/1.3 var(--font-body);color:var(--color-ink)}.hint-inline{font-style:normal;font-size:var(--text-xs);color:var(--color-muted);font-weight:500}.report__lead{font-size:var(--text-lead);line-height:1.45}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stat{display:grid;gap:var(--space-3xs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2);text-align:center}.stat b{font:600 var(--text-2xl)/1 var(--font-display);color:var(--color-ink)}.stat span{font-size:var(--text-xs);color:var(--color-muted)}.stat--mint b{color:var(--color-mint-deep)}.report__calc{font-size:var(--text-sm);color:var(--color-ink-2)}.report__calc em{display:block;margin-top:var(--space-2xs);font-style:normal;font-size:var(--text-xs);color:var(--color-muted)}.twin-tag{font:600 var(--text-xs)/1 var(--font-body);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill)}.twin-tag--mine{background:color-mix(in oklab,var(--color-accent-2) 14%,var(--color-paper));color:var(--color-accent-2)}.twin-tag--other{background:var(--bubble-friend);color:var(--color-ink);margin-left:auto}.verdict-live{padding:var(--space-sm) var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-xs);color:var(--color-ink-2);display:grid;gap:var(--space-3xs)}.verdict-live strong{font-size:var(--text-sm);color:var(--color-ink)}.mutual-badge{width:148px;aspect-ratio:1;margin:var(--space-lg) auto var(--space-md);rotate:6deg;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 .6px color-mix(in oklab,var(--color-ink) 30%,transparent)) drop-shadow(1px 2px 1px color-mix(in oklab,var(--color-ink) 14%,transparent)) drop-shadow(4px 8px 10px color-mix(in oklab,var(--color-ink) 14%,transparent))}.mutual-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-white);border-radius:50%}.mutual-badge__in{position:relative;width:calc(100% - 16px);height:calc(100% - 16px);display:grid;place-items:center;text-align:center;border-radius:50%;background:linear-gradient(140deg,color-mix(in oklab,var(--color-white) 32%,transparent),transparent 42%),var(--grain),var(--color-mint);font:600 var(--text-lg)/1.1 var(--font-display);color:var(--color-ink)}.verdict-final{display:grid;gap:var(--space-sm);justify-items:start}.score b{font:600 var(--text-3xl)/1 var(--font-display)}.score span{font-size:var(--text-xs);color:var(--color-muted);margin-left:var(--space-2xs)}.trend-row{display:flex;gap:var(--space-sm)}.trend-cell{display:grid;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-sm);border-radius:12px;background:var(--fibre),var(--color-paper-2);text-align:center;min-width:52px}.trend-cell i{font:600 var(--text-md)/1 var(--font-body);font-style:normal}.trend-cell span{font-size:10px;color:var(--color-muted)}.trend-cell.up i{color:var(--color-mint-deep)}.trend-cell.down i{color:var(--color-error)}.verdict-note{font-size:var(--text-sm);font-weight:600}.verdict-hidden{font-size:var(--text-xs);color:var(--color-muted)}.fit-list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.fit-list li{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2);display:grid;gap:var(--space-2xs)}.fit-list p{font-size:var(--text-sm)}.fit-jump{justify-self:start;border:0;background:none;padding:0;color:var(--color-accent-2);font:600 var(--text-xs)/1 var(--font-body);cursor:pointer;text-decoration:underline}.outline{display:grid;gap:var(--space-md)}.outline h3{font-size:var(--text-sm);color:var(--color-muted)}.outline ul{margin:var(--space-2xs) 0 0;padding-left:1.2em;font-size:var(--text-sm)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.log-focus .bubble{outline:3px solid var(--color-mint-deep);outline-offset:2px}.next-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.next-actions .btn{flex:1;min-width:140px}.suggest-list{margin:0;padding-left:1.2em;display:grid;gap:var(--space-2xs);font-size:var(--text-sm)}.helper-card{display:grid;gap:var(--space-md)}.helper-head{display:flex;gap:var(--space-md);align-items:center}.helper-head strong{font-size:var(--text-md)}.helper-intro{font-size:var(--text-sm);color:var(--color-muted)}.helper-ans{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2);font-size:var(--text-sm)}.section-title{font-size:var(--text-lg);margin:var(--space-lg) 0 var(--space-sm)}.lobby-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-lg)}@media(min-width:48rem){.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cand-card{padding:var(--space-lg);display:grid;gap:var(--space-sm);align-content:start}.cand-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.cand-head strong{font-size:var(--text-lg)}.cand-intro{font-size:var(--text-sm)}.cand-style{font-size:var(--text-xs);color:var(--color-muted)}.cand-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto}.cand-fit b{color:var(--color-mint-deep);font-size:var(--text-lg)}.cand-fit[data-fit=different] b{color:var(--color-coral-deep)}.cand-mbti{min-height:26px;font-size:11px}.mbti-note{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.hist-line{font-size:var(--text-xs);color:var(--color-muted)}.hist-reason{margin-top:var(--space-2xs);display:grid;gap:var(--space-2xs)}.hist-reason strong{font-size:var(--text-sm)}.hist-reason p{font-size:var(--text-sm);display:flex;gap:var(--space-xs);align-items:baseline;flex-wrap:wrap}.hist-actions{margin-top:var(--space-sm);display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.insight-text{font-size:var(--text-md);line-height:1.5}.restart-opts,.profile-view{display:grid;gap:var(--space-sm)}.profile-intro{font-size:var(--text-lead)}.profile-style{font-size:var(--text-sm);color:var(--color-muted)}.gear-opts{display:grid;gap:var(--space-sm)}@media(min-width:40rem){.gear-opts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.gear-opt{--edge: 4px;display:grid;gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius-stock);background:var(--fibre),var(--color-card);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 12%,transparent),0 var(--edge) 0 0 var(--color-edge)}.gear-opt strong{font:600 var(--text-md)/1.2 var(--font-body);color:var(--color-ink)}.gear-opt span{font-size:var(--text-xs);color:var(--color-muted)}.gear-opt.is-on{--edge: 1px;translate:0 3px;background:var(--color-ink)}.gear-opt.is-on strong{color:var(--color-paper)}.gear-opt.is-on span{color:color-mix(in oklab,var(--color-paper) 72%,var(--color-ink))}.log-list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.log{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2);display:grid;gap:var(--space-3xs);animation:bubble-in var(--dur-long) var(--ease-snap)}.log__head{display:flex;align-items:baseline;gap:var(--space-sm)}.log__role{font:600 var(--text-xs)/1 var(--font-body);color:var(--color-accent-2)}.log__head time{margin-left:auto;font-size:10px;color:var(--color-muted);font-family:var(--font-outlier)}.log__text{font-size:var(--text-sm)}.log__reason{font-size:var(--text-xs);color:var(--color-muted)}.lobby-ai-fab{position:fixed;bottom:calc(var(--bar-h) + var(--space-md));right:var(--space-md);z-index:120;width:64px;height:64px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--color-card);box-shadow:0 4px 16px color-mix(in oklab,var(--color-ink) 18%,transparent);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease-snap)}.lobby-ai-fab:hover{box-shadow:0 6px 24px color-mix(in oklab,var(--color-ink) 24%,transparent);transform:translateY(-2px)}.lobby-ai-fab.is-open{background:var(--color-pear)}.lobby-ai-popup{position:fixed;bottom:calc(var(--bar-h) + 80px);right:var(--space-md);z-index:119;width:min(360px,calc(100vw - var(--space-lg) * 2));max-height:480px;display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-card);box-shadow:0 8px 32px color-mix(in oklab,var(--color-ink) 18%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 10%,transparent);overflow:hidden;animation:popup-in .18s var(--ease-snap)}@keyframes popup-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.lobby-ai-popup__head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);font-weight:600;font-size:var(--text-sm);flex-shrink:0}.lobby-ai-popup__close{margin-left:auto;border:0;background:none;cursor:pointer;font-size:20px;line-height:1;color:var(--color-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-stock)}.lobby-ai-popup__close:hover{background:var(--color-rule);color:var(--color-ink)}.lobby-ai-popup__presets{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);flex-shrink:0}.lobby-ai-preset{border:0;background:var(--fibre),var(--color-paper-2);border-radius:var(--radius-stock);padding:var(--space-xs) var(--space-sm);text-align:left;font-size:var(--text-sm);cursor:pointer;color:var(--color-ink);transition:background var(--dur-fast)}.lobby-ai-preset:hover{background:var(--color-pear)}.lobby-ai-popup__chat{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.lobby-ai-bubble{max-width:85%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-stock);font-size:var(--text-sm);line-height:1.5}.lobby-ai-bubble--user{align-self:flex-end;background:var(--color-pear)}.lobby-ai-bubble--assistant{align-self:flex-start;background:var(--fibre),var(--color-paper-2)}.lobby-ai-bubble--thinking{display:flex;gap:4px;align-items:center;padding:var(--space-sm)}.lobby-ai-popup__input{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);flex-shrink:0}.lobby-ai-popup__input .input{flex:1;min-width:0}.loading-dots{display:inline-flex;align-items:center;gap:5px;padding:var(--space-3xl) 0;display:flex;justify-content:center}.dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--color-muted);animation:dot-pulse 1.2s ease-in-out infinite}.dot-pulse:nth-child(2){animation-delay:.2s}.dot-pulse:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.app-toast{position:fixed;top:calc(var(--bar-h) + var(--space-sm));left:50%;translate:-50% 0;z-index:300;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:999px;font-size:var(--text-xs);font-weight:500;box-shadow:0 4px 16px color-mix(in oklab,var(--color-ink) 24%,transparent);pointer-events:none;animation:app-toast-in .2s var(--ease-snap)}@keyframes app-toast-in{0%{opacity:0;translate:-50% -8px}to{opacity:1;translate:-50% 0}}.app-toast--loading .toast-spinner{width:12px;height:12px;border:2px solid color-mix(in oklab,var(--color-paper) 40%,transparent);border-top-color:var(--color-paper);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-toast--thinking .toast-dots{display:flex;gap:3px;align-items:center}.app-toast--thinking .toast-dot{width:5px;height:5px;border-radius:50%;background:var(--color-paper);animation:dot-pulse 1.2s ease-in-out infinite}.app-toast--thinking .toast-dot:nth-child(2){animation-delay:.2s}.app-toast--thinking .toast-dot:nth-child(3){animation-delay:.4s}.settings-grid{display:grid;gap:var(--space-md)}@media(min-width:48rem){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}.settings-grid>.card{height:100%}.landing{max-width:var(--container);margin-inline:auto;padding:0 var(--gutter);display:grid;--space-3xl: 96px;gap:var(--space-3xl);padding-block:var(--space-lg) var(--space-3xl)}.landing h2{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.landing-sec__sub{color:var(--color-muted);font-size:var(--text-md);margin-bottom:var(--space-lg);max-width:46ch}.landing-hero{display:grid;gap:var(--space-2xl);align-items:center;padding-block:var(--space-2xl)}@media(min-width:64rem){.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-block:var(--space-2xl)}}.landing-hero h1{font-size:clamp(2.1rem,5.5vw,4rem);line-height:1.35;max-width:16ch;margin-block:var(--space-xl)}.landing-hero__sub{margin-top:var(--space-md);font-size:var(--text-lead);color:var(--color-ink-2);max-width:34ch}.landing-hero mark{background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--space-2xs);padding:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.landing-note{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--color-muted);max-width:36ch}.landing-card{margin:0;position:relative;display:grid;gap:var(--space-sm);padding:var(--space-lg);border-radius:22px;background:var(--grain),var(--fibre),var(--color-card);filter:var(--shadow-paper);rotate:-1.2deg;max-width:520px;justify-self:center;width:100%}.landing-card__tab{justify-self:start;font:600 var(--text-xs)/1 var(--font-body);padding:var(--space-2xs) var(--space-sm);border-radius:10px;background:var(--fibre),var(--color-paper-2);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 8%,transparent)}.landing-card__chat{display:grid;gap:var(--space-sm)}.landing-card__msg{max-width:88%;padding:var(--space-sm) var(--space-md);border-radius:18px;font-size:var(--text-sm);line-height:1.5;display:grid;gap:var(--space-2xs)}.landing-card__msg--friend{justify-self:start;background:var(--grain),var(--fibre),var(--bubble-friend);border-bottom-left-radius:5px}.landing-card__msg--twin{justify-self:end;background:var(--grain),var(--fibre),var(--bubble-twin);border-bottom-right-radius:5px}.landing-card__msg--meta{justify-self:stretch;text-align:center;font-size:var(--text-xs);color:var(--color-muted);background:none;padding:var(--space-2xs)}.landing-card__msg--meta b{color:var(--color-mint-deep)}.landing-roles__grid{display:grid;gap:var(--space-md)}@media(min-width:40rem){.landing-roles__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.role-card{display:grid;gap:var(--space-xs);justify-items:start;padding:var(--space-lg);border-radius:var(--radius-card);background:var(--grain),var(--fibre),var(--color-card);box-shadow:var(--shadow-card);box-sizing:border-box}.role-card h3{font-size:var(--text-lg);margin-top:var(--space-2xs)}.role-card>p{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.45}.role-card__list{margin:var(--space-xs) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-2xs)}.role-card__list li{position:relative;padding-left:var(--space-md);font-size:var(--text-sm);color:var(--color-muted);line-height:1.4}.role-card__list li:before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--color-accent-deep)}.landing-flow{display:grid;gap:var(--space-sm);justify-items:center}.landing-flow h2{justify-self:start}.landing-flow .landing-sec__sub{margin-bottom:var(--space-md)}.landing-flow__strip{--strip-c: var(--color-kraft);position:relative;width:100%;padding:var(--space-lg) var(--space-md) var(--space-xl);background:var(--grain),var(--fibre),var(--strip-c);clip-path:polygon(0 14px,3% 8px,6% 13px,9% 6px,12% 12px,15% 7px,18% 13px,21% 5px,24% 11px,27% 8px,30% 14px,33% 6px,36% 12px,39% 7px,42% 13px,45% 5px,48% 11px,51% 8px,54% 14px,57% 6px,60% 12px,63% 7px,66% 13px,69% 5px,72% 11px,75% 8px,78% 14px,81% 6px,84% 12px,87% 7px,90% 13px,93% 5px,96% 11px,100% 8px,100% calc(100% - 10px),96% calc(100% - 6px),92% calc(100% - 12px),88% calc(100% - 7px),84% calc(100% - 13px),80% calc(100% - 5px),76% calc(100% - 11px),72% calc(100% - 8px),68% calc(100% - 14px),64% calc(100% - 6px),60% calc(100% - 12px),56% calc(100% - 7px),52% calc(100% - 13px),48% calc(100% - 5px),44% calc(100% - 11px),40% calc(100% - 8px),36% calc(100% - 14px),32% calc(100% - 6px),28% calc(100% - 12px),24% calc(100% - 7px),20% calc(100% - 13px),16% calc(100% - 5px),12% calc(100% - 11px),8% calc(100% - 8px),4% calc(100% - 14px),0 calc(100% - 7px));filter:drop-shadow(0 0 .6px color-mix(in oklab,var(--color-ink) 30%,transparent)) drop-shadow(1px 3px 3px color-mix(in oklab,var(--color-ink) 10%,transparent)) drop-shadow(5px 10px 12px color-mix(in oklab,var(--color-ink) 12%,transparent))}.landing-flow__tiles{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xs);justify-content:center;rotate:.8deg}.landing-flow__tiles li{--edge: 4px;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-md);border-radius:12px;font:600 var(--text-sm)/1 var(--font-body);color:var(--color-ink);background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 10%,transparent),0 var(--edge) 0 0 var(--color-edge);counter-increment:step;position:relative}.landing-flow__tiles li:before{content:counter(step);display:inline-grid;place-items:center;width:22px;height:22px;margin-right:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font:600 11px/1 var(--font-body)}.landing-flow__note{font-size:var(--text-xs);color:var(--color-muted);text-align:center}.landing-feature{display:grid;gap:var(--space-lg);align-items:center}@media(min-width:56rem){.landing-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.landing-feature--flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.landing-feature--flip .landing-feature__text{order:2;justify-items:end;text-align:right}.landing-feature--flip .landing-sec__sub{max-width:40ch}.landing-feature--flip .landing-mock{order:1}}.landing-feature__text .landing-sec__sub{margin-bottom:0}.landing-mock{position:relative;display:grid;border-radius:var(--radius-card);background:var(--grain),var(--fibre),var(--color-card);box-shadow:var(--shadow-card);overflow:clip}.landing-mock__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font:600 var(--text-xs)/1 var(--font-body);color:var(--color-ink);background:var(--fibre),var(--color-paper-2);box-shadow:inset 0 -1px color-mix(in oklab,var(--color-rule) 80%,transparent)}.landing-mock__body{display:grid;gap:var(--space-md);padding:var(--space-lg)}.landing-mock__foot{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-lg);font-size:var(--text-xs);color:var(--color-muted);background:var(--fibre),var(--color-fringe);box-shadow:inset 0 1px color-mix(in oklab,var(--color-rule) 60%,transparent)}.landing-mock__gears{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mock-gear{--edge: 4px;display:grid;gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 12%,transparent),0 var(--edge) 0 0 var(--color-edge)}.mock-gear strong{font:600 var(--text-md)/1.2 var(--font-body);color:var(--color-ink)}.mock-gear span{font-size:var(--text-xs);color:var(--color-muted)}.mock-gear.is-on{--edge: 1px;translate:0 3px;background:var(--color-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 12%,transparent)}.mock-gear.is-on strong{color:var(--color-paper)}.mock-gear.is-on span{color:color-mix(in oklab,var(--color-paper) 72%,var(--color-ink))}.mock-mems{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-sm)}.mock-mems li{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-paper-2)}.mock-mems p{font-size:var(--text-sm);color:var(--color-ink-2)}.mock-mems footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted)}.mock-mems footer .chip{min-height:22px;padding:0 var(--space-sm);font-size:11px}.mock-mems footer em{margin-left:auto;font-style:normal;color:var(--color-accent-2);text-decoration:underline}.mock-cand{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-stock);background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 10%,transparent),var(--shadow-card)}.mock-cand__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.mock-cand__head strong{font-size:var(--text-lg)}.mock-cand__head span{font-size:var(--text-xs);color:var(--color-mint-deep)}.mock-cand>p{font-size:var(--text-sm)}.mock-cand .chips{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.mock-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-md);border-radius:13px;font:600 var(--text-sm)/1 var(--font-body);color:var(--color-accent-ink);background:var(--fibre),var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent-deep) 40%,transparent),0 3px 0 0 var(--color-accent-deep)}.mock-btn--ghost{color:var(--color-ink);background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 13%,transparent),0 3px 0 0 var(--color-edge)}.mock-ask{display:grid;gap:var(--space-sm)}.mock-ask__q{justify-self:start;max-width:88%;padding:var(--space-sm) var(--space-md);border-radius:18px 18px 18px 5px;font-size:var(--text-sm);line-height:1.5;background:var(--grain),var(--fibre),var(--bubble-friend)}.mock-ask__input{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:44px;padding:0 var(--space-xs) 0 var(--space-md);border-radius:var(--radius-input);border:1px solid var(--color-focus);background:var(--fibre),var(--color-paper);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-focus) 25%,transparent)}.mock-ask__input span{font-size:var(--text-sm);color:var(--color-muted)}.mock-ask__input b{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-sm);border-radius:10px;font:600 var(--text-xs)/1 var(--font-body);color:var(--color-accent-ink);background:var(--fibre),var(--color-accent);box-shadow:0 2px 0 0 var(--color-accent-deep)}.mock-bell,.mock-shield{display:inline-block;width:10px;height:10px;flex:none;border-radius:3px;background:var(--color-accent-deep);rotate:45deg}.mock-shield{background:var(--color-mint-deep);border-radius:50% 50% 3px 3px;rotate:0deg}.landing-stats{padding:var(--space-xs)}.landing-stats__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-card);background:var(--grain),var(--fibre),var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent-deep) 40%,transparent),0 5px 0 0 var(--color-accent-deep),2px 9px 16px -4px color-mix(in oklab,var(--color-ink) 28%,transparent);rotate:-.6deg}.stat-item{display:grid;gap:var(--space-3xs);text-align:center}.stat-item b{font:600 var(--text-2xl)/1 var(--font-display);color:var(--color-accent-ink);letter-spacing:-.03em}.stat-item span{font-size:var(--text-xs);color:color-mix(in oklab,var(--color-accent-ink) 78%,transparent);line-height:1.35}@media(max-width:30rem){.landing-stats__in{grid-template-columns:1fr;gap:var(--space-md)}.stat-item{text-align:left}}.landing-cta{display:grid;justify-items:center;gap:var(--space-md);text-align:center;padding:var(--space-2xl) var(--space-md);border-radius:var(--radius-card);background:var(--grain),var(--fibre),var(--color-paper-2)}.landing-cta h2{margin:0}.landing-cta .landing-sec__sub{margin-bottom:0}@media(max-width:40rem){.landing{gap:var(--space-2xl)}.landing-hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.4;margin-block:var(--space-lg)}.landing-hero{padding-block:var(--space-xl)}.landing-card{rotate:-1deg;padding:var(--space-md)}.mock-cand{padding:var(--space-sm)}.mock-btn{min-height:32px;padding:0 var(--space-sm)}.landing-mock__body{padding:var(--space-md)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-weight:500;font-family:var(--font-body);color:var(--color-ink-2);background:var(--grain),var(--fibre),var(--color-paper);min-height:100svh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:var(--display-weight);color:var(--color-ink);line-height:1.05;letter-spacing:var(--tracking-display);margin:0}p{margin:0;line-height:1.5}a{color:var(--color-accent-2);text-underline-offset:.18em}mark{background:color-mix(in oklab,var(--color-accent) 55%,transparent);color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .14em;border-radius:var(--space-2xs)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}::selection{background:color-mix(in oklab,var(--color-accent) 60%,transparent)}button,input,textarea,select{font-family:inherit}.card{background:var(--grain),var(--fibre),var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg)}.btn{--edge: 5px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:54px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-stock);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;color:var(--color-ink);transition:translate var(--dur-micro) var(--ease-snap),box-shadow var(--dur-micro) var(--ease-snap),background-color var(--dur-short) var(--ease-snap)}.btn--primary{background:var(--grain),var(--fibre),var(--color-accent);color:var(--color-accent-ink);box-shadow:inset 0 1px color-mix(in oklab,var(--color-white) 55%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-accent-deep) 40%,transparent),0 var(--edge) 0 0 var(--color-accent-deep),2px calc(var(--edge) + 4px) 10px -3px color-mix(in oklab,var(--color-ink) 32%,transparent);transition-timing-function:var(--ease-spring)}.btn--primary:hover{--edge: 7px;translate:0 -2px}.btn--primary:active{--edge: 1px;translate:0 4px;transition-duration:calc(var(--dur-micro) / 2)}.btn--secondary{background:var(--fibre),var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 13%,transparent),0 var(--edge) 0 0 var(--color-edge),2px calc(var(--edge) + 3px) 8px -3px color-mix(in oklab,var(--color-ink) 22%,transparent)}.btn--secondary:hover{--edge: 6px;translate:0 -1px;background-color:var(--color-white)}.btn--secondary:active{--edge: 1px;translate:0 4px}.btn--danger{background:var(--grain),var(--fibre),var(--color-accent-3);color:var(--color-ink);box-shadow:inset 0 1px color-mix(in oklab,var(--color-white) 55%,transparent),0 var(--edge) 0 0 var(--color-coral-deep),2px calc(var(--edge) + 4px) 10px -3px color-mix(in oklab,var(--color-ink) 32%,transparent)}.btn--danger:hover{--edge: 7px;translate:0 -2px}.btn--danger:active{--edge: 1px;translate:0 4px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;translate:none}.btn--small{--edge: 4px;min-height:44px;padding:0 var(--space-md);border-radius:13px;font-size:var(--text-sm)}.btn--small:hover{--edge: 5px}.btn--small:active{--edge: 1px;translate:0 3px}.input{min-height:52px;padding:0 var(--space-md);border-radius:var(--radius-input);border:1px solid var(--color-muted);background:var(--fibre),var(--color-paper);color:var(--color-ink);font:500 var(--text-md)/1.2 var(--font-body);transition:border-color var(--dur-short) var(--ease-snap),box-shadow var(--dur-short) var(--ease-snap)}.input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-focus) 25%,transparent)}.input::placeholder{color:var(--color-muted)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font:600 var(--text-sm)/1 var(--font-body);white-space:nowrap}.chip--ink{background:var(--color-ink);color:var(--color-paper)}.chip--well{background:var(--color-paper-2)}.chip--mint{background:var(--color-mint);color:var(--color-ink)}.chip--pear{background:var(--color-accent);color:var(--color-accent-ink)}.chip--coral{background:var(--color-accent-3);color:var(--color-ink)}.tear-bar{background:var(--grain),var(--fibre),var(--color-card);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),97% calc(100% - 7px),94% calc(100% - 8px),91% calc(100% - 6px),88% calc(100% - 8px),85% calc(100% - 7px),82% calc(100% - 9px),79% calc(100% - 6px),76% calc(100% - 8px),73% calc(100% - 7px),70% calc(100% - 9px),67% calc(100% - 6px),64% calc(100% - 8px),61% calc(100% - 7px),58% calc(100% - 8px),55% calc(100% - 6px),52% calc(100% - 9px),49% calc(100% - 7px),46% calc(100% - 8px),43% calc(100% - 6px),40% calc(100% - 8px),37% calc(100% - 7px),34% calc(100% - 9px),31% calc(100% - 6px),28% calc(100% - 8px),25% calc(100% - 7px),22% calc(100% - 8px),19% calc(100% - 6px),16% calc(100% - 9px),13% calc(100% - 7px),10% calc(100% - 8px),7% calc(100% - 6px),4% calc(100% - 8px),0 calc(100% - 7px))}@media(prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-top{padding-top:env(safe-area-inset-top,0)}