@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--surface-0: #FAF5EE;--surface-1: #F5EAD9;--surface-2: #EBD9BE;--surface-3: #DDC7A5;--ink-900: #2A1E1A;--ink-700: #4A3B36;--ink-500: #6E5C55;--ink-300: #9E8C85;--ink-100: #C9BCB4;--clay-300: #F0B9A0;--clay-400: #E29277;--clay-500: #C86B4A;--clay-600: #A85236;--clay-700: #83402B;--sage-300: #B5C9B0;--sage-500: #6B8E6B;--sage-600: #4F6F4F;--harbor-300: #A8C0CB;--harbor-500: #4A6B7A;--harbor-600: #365461;--success: var(--sage-500);--warning: #D08B3E;--danger: #B14536;--info: var(--harbor-500);--font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;--font-ui: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 22px;--fs-xl: 28px;--fs-2xl: 36px;--fs-3xl: 48px;--fs-4xl: 64px;--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.55;--lh-relaxed: 1.7;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(42, 30, 26, .06);--sh-2: 0 4px 12px rgba(42, 30, 26, .08);--sh-3: 0 12px 32px rgba(42, 30, 26, .12);--sh-focus: 0 0 0 3px rgba(200, 107, 74, .35);--ease: cubic-bezier(.22, 1, .36, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s}[data-theme=dark]{--surface-0: #1A1210;--surface-1: #241816;--surface-2: #2E211E;--surface-3: #3A2B27;--ink-900: #F5EAD9;--ink-700: #DDCFC1;--ink-500: #B0A198;--ink-300: #7E6F67;--ink-100: #4A3B36;--clay-500: #E28565;--clay-600: #C86B4A;--sage-500: #8FAF8A;--harbor-500: #7FA0AF;--sh-1: 0 1px 2px rgba(0, 0, 0, .35);--sh-2: 0 4px 12px rgba(0, 0, 0, .45);--sh-3: 0 12px 32px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--surface-0);color:var(--ink-900);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}@media (prefers-color-scheme: dark){html{color-scheme:dark}body{background:var(--surface-0);color:var(--ink-900)}}html[data-theme=dark]{color-scheme:dark}.app{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--surface-0)}@media (min-width: 641px){body{background:linear-gradient(180deg,#f5ead9,#e6ddcc)}.app{box-shadow:var(--sh-3)}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5);background:var(--surface-0);position:sticky;top:0;z-index:5}.topbar h1{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;margin:0;color:var(--ink-900);letter-spacing:-.01em}.topbar .who{font-size:var(--fs-sm);color:var(--ink-500)}.topbar-border{border-bottom:1px solid var(--ink-100)}.btn{background:var(--clay-500);color:var(--surface-0);border:none;border-radius:var(--r-lg);padding:14px var(--s-4);font-weight:700;font-size:var(--fs-md);transition:background var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);min-height:52px}.btn:hover:not(:disabled){background:var(--clay-600)}.btn:active:not(:disabled){transform:translateY(1px);background:var(--clay-700)}.btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.btn.secondary{background:var(--surface-1);color:var(--ink-900)}.btn.secondary:hover:not(:disabled){background:var(--surface-2)}.btn.ghost{background:transparent;color:var(--ink-900)}.btn.ghost:hover:not(:disabled){background:var(--surface-1)}.btn.danger{background:var(--danger);color:var(--surface-0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.actions{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-5)}.input{background:var(--surface-1);color:var(--ink-900);border:1px solid var(--surface-2);border-radius:var(--r-md);padding:14px var(--s-4);width:100%;transition:border-color var(--dur-2),background var(--dur-2)}.input::placeholder{color:var(--ink-300)}.input:focus{outline:none;border-color:var(--clay-500);background:var(--surface-0);box-shadow:var(--sh-focus)}.field-label{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;color:var(--ink-500);margin-bottom:6px;text-transform:uppercase}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-5);gap:var(--s-3)}.card{background:var(--surface-1);border-radius:var(--r-xl);padding:var(--s-5);width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--s-3);box-shadow:var(--sh-2)}.card h2{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;margin:0 0 var(--s-1);color:var(--ink-900);letter-spacing:-.01em}.card input,.card textarea{composes:input}.card .input{width:100%}.error{color:var(--danger);font-size:var(--fs-sm)}.info{color:var(--ink-500);font-size:var(--fs-sm)}.muted{color:var(--ink-500)}.chat{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-0)}.chat-log{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.day-divider{align-self:center;color:var(--ink-300);font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:var(--s-3) 0}.bubble{padding:10px 14px;border-radius:var(--r-2xl);max-width:78%;word-wrap:break-word;white-space:pre-wrap;line-height:1.4;font-size:var(--fs-md)}.bubble.mine{align-self:flex-end;background:var(--clay-500);color:var(--surface-0);border-bottom-right-radius:var(--r-md)}.bubble.theirs{align-self:flex-start;background:var(--surface-1);color:var(--ink-900);border-bottom-left-radius:var(--r-md)}.bubble-meta{font-size:var(--fs-xs);color:var(--ink-300);padding:2px var(--s-2) 0}.bubble-meta.mine{align-self:flex-end}.bubble-meta.theirs{align-self:flex-start}.typing{align-self:flex-start;background:var(--surface-1);border-radius:var(--r-2xl);padding:12px 16px;display:flex;gap:6px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--ink-500);opacity:.6;animation:typ 1.2s var(--ease) infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typ{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);padding-bottom:calc(env(safe-area-inset-bottom) + var(--s-3));border-top:1px solid var(--ink-100);background:var(--surface-0)}.composer .plus{width:44px;height:44px;border-radius:var(--r-pill);background:transparent;color:var(--ink-500);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.composer .plus:hover{background:var(--surface-1)}.composer input{flex:1;background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--r-pill);padding:12px var(--s-4);min-height:44px}.composer input:focus{outline:none;border-color:var(--clay-500);background:var(--surface-0)}.composer .send{width:44px;height:44px;border-radius:var(--r-pill);background:var(--clay-500);color:var(--surface-0);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-2)}.composer .send:hover:not(:disabled){background:var(--clay-600)}.composer .send:disabled{opacity:.5}.cove-hero{padding:var(--s-4) var(--s-5) var(--s-6);display:flex;align-items:flex-start;justify-content:space-between}.cove-hero .label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;color:var(--ink-500);text-transform:uppercase;margin-bottom:var(--s-2)}.cove-hero h1{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;color:var(--ink-900);margin:0;letter-spacing:-.02em;line-height:1.05}.icon-btn-sq{width:44px;height:44px;border-radius:var(--r-md);background:transparent;border:none;color:var(--ink-700);display:flex;align-items:center;justify-content:center}.icon-btn-sq:hover{background:var(--surface-1)}.section-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;color:var(--ink-500);text-transform:uppercase;padding:0 var(--s-5);margin:var(--s-5) 0 var(--s-3)}.section-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-5);margin:var(--s-5) 0 var(--s-3)}.section-row .link{font-size:var(--fs-sm);font-weight:700;color:var(--clay-500);text-decoration:none}.members{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);padding:0 var(--s-5)}.member{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}.member .name{font-size:var(--fs-sm);font-weight:600;color:var(--ink-900)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--surface-0);flex-shrink:0;position:relative;font-family:var(--font-ui);letter-spacing:-.02em}.avatar.sm{width:40px;height:40px;font-size:15px}.avatar.md{width:48px;height:48px;font-size:18px}.avatar.lg{width:56px;height:56px;font-size:20px}.avatar.xl{width:72px;height:72px;font-size:28px}.avatar[data-tone=clay]{background:linear-gradient(135deg,#e29277,#a85236)}.avatar[data-tone=water]{background:linear-gradient(135deg,#6b8a99,#4a6b7a)}.avatar[data-tone=sage]{background:linear-gradient(135deg,#8faf8a,#4f6f4f)}.avatar[data-tone=plum]{background:linear-gradient(135deg,#8e6f7a,#6b4f5a)}.avatar[data-tone=dune]{background:linear-gradient(135deg,#c8a77b,#937548)}.dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--ink-100);border:2px solid var(--surface-0)}.dot.online{background:var(--sage-500)}.dot.sm{width:10px;height:10px}.threads{display:flex;flex-direction:column;padding:0 var(--s-4);gap:6px}.thread-row{display:flex;align-items:center;gap:var(--s-3);padding:12px var(--s-3);border-radius:var(--r-xl);text-decoration:none;color:inherit;transition:background var(--dur-2);border:1px solid transparent}.thread-row:hover,.thread-row.unread{background:var(--surface-1)}.thread-row .body{flex:1;min-width:0}.thread-row .row-top{display:flex;align-items:center;justify-content:space-between}.thread-row .name{font-size:var(--fs-md);font-weight:700;color:var(--ink-900)}.thread-row .time{font-size:var(--fs-xs);color:var(--ink-500)}.thread-row.unread .time{color:var(--clay-500);font-weight:600}.thread-row .preview{font-size:var(--fs-sm);color:var(--ink-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.thread-row .unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--clay-500);color:var(--surface-0);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:var(--s-2)}.fab{position:fixed;right:20px;bottom:calc(env(safe-area-inset-bottom) + 20px);width:60px;height:60px;border-radius:50%;background:var(--clay-500);color:var(--surface-0);border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-3);transition:transform var(--dur-2) var(--ease),background var(--dur-2);z-index:4}.fab:hover{background:var(--clay-600);transform:translateY(-1px)}.fab:active{transform:translateY(0)}.chat-header{display:flex;align-items:center;gap:var(--s-3);padding:12px var(--s-4);border-bottom:1px solid var(--ink-100);background:var(--surface-0);position:sticky;top:0;z-index:5}.chat-header .back{padding:6px;margin:-6px;color:var(--ink-900);background:transparent;border:none;border-radius:var(--r-md)}.chat-header .back:hover{background:var(--surface-1)}.chat-header .who-block{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.chat-header .who-text .name{font-size:var(--fs-md);font-weight:700;color:var(--ink-900);display:block;line-height:1.2}.chat-header .who-text .status{font-size:var(--fs-xs);font-weight:600;color:var(--ink-500)}.chat-header .who-text .status.online{color:var(--sage-500)}.chat-header .call-btn{width:40px;height:40px;border-radius:50%;background:var(--surface-1);color:var(--clay-500);border:none;display:flex;align-items:center;justify-content:center}.chat-header .call-btn:hover{background:var(--surface-2)}.call{position:fixed;inset:0;background:#1a1210;display:flex;flex-direction:column;z-index:20;color:var(--surface-0)}.call video.remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(160deg,#5a3e36,#8b5a45 40%,#c88970,#e4a582)}.call video.local{position:absolute;right:var(--s-4);top:calc(env(safe-area-inset-top) + 84px);width:96px;height:132px;object-fit:cover;border-radius:var(--r-lg);border:2px solid rgba(255,255,255,.15);z-index:22;box-shadow:var(--sh-3);background:#3a5060}.call-topbar{position:absolute;top:calc(env(safe-area-inset-top) + var(--s-3));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-2);padding:8px var(--s-3);background:#faf5eeeb;color:var(--ink-900);border-radius:var(--r-pill);box-shadow:var(--sh-2);z-index:22;backdrop-filter:blur(20px)}.call-topbar .who-text .name{font-size:var(--fs-sm);font-weight:700}.call-topbar .who-text .status{font-size:11px;font-weight:600;color:var(--sage-600)}.call-controls{position:absolute;bottom:calc(env(safe-area-inset-bottom) + var(--s-4));left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:#2a1e1a8c;border-radius:var(--r-2xl);backdrop-filter:blur(20px);z-index:21}.icon-btn{width:56px;height:56px;border-radius:50%;border:none;background:#faf5ee29;color:var(--surface-0);display:flex;align-items:center;justify-content:center;transition:background var(--dur-2)}.icon-btn:hover{background:#faf5ee3d}.icon-btn.off{background:var(--surface-0);color:var(--ink-900)}.icon-btn.hangup{background:var(--danger);color:var(--surface-0)}.icon-btn.hangup:hover{background:#c85641}.icon-btn.answer{background:var(--sage-500);color:var(--surface-0)}.icon-btn label{position:absolute;bottom:-22px;font-size:10px;color:#faf5eed9;font-weight:500}.incoming{position:fixed;left:var(--s-3);right:var(--s-3);top:calc(env(safe-area-inset-top) + var(--s-3));background:var(--surface-0);border-radius:var(--r-xl);padding:var(--s-3) var(--s-4);display:flex;align-items:center;gap:var(--s-3);z-index:30;box-shadow:var(--sh-3);border:1px solid var(--ink-100)}.incoming .who-text{flex:1;min-width:0}.incoming .who-text strong{display:block;color:var(--ink-900);font-size:var(--fs-md)}.incoming .who-text span{color:var(--ink-500);font-size:var(--fs-sm)}.incoming-btns{display:flex;gap:var(--s-2)}.incoming-btns .icon-btn{width:44px;height:44px}.stack{display:flex;flex-direction:column}.stack.gap-1{gap:var(--s-1)}.stack.gap-2{gap:var(--s-2)}.stack.gap-3{gap:var(--s-3)}.stack.gap-4{gap:var(--s-4)}.stack.gap-5{gap:var(--s-5)}.row{display:flex;align-items:center}.row.gap-2{gap:var(--s-2)}.row.gap-3{gap:var(--s-3)}.spacer{flex:1}.text-center{text-align:center}.small{font-size:var(--fs-sm)}.tiny{font-size:var(--fs-xs)}.display{font-family:var(--font-display);letter-spacing:-.02em}.auth-hero{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--s-6) var(--s-5);padding-top:max(var(--s-7),calc(env(safe-area-inset-top) + var(--s-6)));gap:0}.auth-hero .ourcove-lockup.stacked{margin-bottom:var(--s-5)}.auth-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;color:var(--ink-900);text-align:center;margin:0 0 var(--s-2);letter-spacing:-.02em}.auth-sub{text-align:center;margin:0 0 var(--s-6);font-size:var(--fs-md)}.auth-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s-3)}.field{display:flex;flex-direction:column;gap:6px}.input-pw{position:relative;display:flex;align-items:center}.input-pw .input{padding-right:72px;width:100%}.input-toggle{position:absolute;right:var(--s-3);background:transparent;color:var(--harbor-500);font-weight:700;font-size:var(--fs-sm);border:none;padding:6px var(--s-2)}.or-divider{display:flex;align-items:center;color:var(--ink-500);font-size:var(--fs-sm);padding:var(--s-5) 0 var(--s-3);width:100%;max-width:380px;gap:var(--s-3)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--ink-100)}.invite-link-btn{background:transparent;border:none;padding:var(--s-3) var(--s-4);color:var(--ink-700);font-size:var(--fs-md);font-family:inherit;border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-2);min-height:44px;text-align:center}.invite-link-btn:hover,.invite-link-btn:focus-visible{background:var(--surface-1);outline:none}.invite-link-btn strong{color:var(--clay-500);font-weight:700}.auth-footnote{margin-top:auto;padding-top:var(--s-5);text-align:center;color:var(--ink-300);font-size:var(--fs-xs);line-height:1.6}.ourcove-lockup{display:inline-flex;align-items:center;gap:10px}.ourcove-lockup.stacked{flex-direction:column;gap:8px}.ourcove-wordmark{font-family:var(--font-display);font-weight:400;color:var(--ink-900);letter-spacing:-.02em;line-height:1}.ourcove-wordmark strong{font-weight:700}.eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.16em;color:var(--clay-500);text-transform:uppercase;margin:0 0 var(--s-3);text-align:center}.inviter-card{width:100%;background:var(--surface-1);border-radius:var(--r-xl);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);box-shadow:var(--sh-1);margin:0 0 var(--s-5)}.inviter-card .row-top{display:flex;align-items:center;gap:var(--s-3)}.inviter-card .who .label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;color:var(--ink-500);text-transform:uppercase}.inviter-card .who .name{font-size:var(--fs-md);font-weight:700;color:var(--ink-900)}.inviter-card .who .meta{font-size:var(--fs-sm);color:var(--ink-500)}.inviter-note{background:var(--surface-0);border-radius:var(--r-md);padding:var(--s-3);font-family:var(--font-display);font-style:italic;font-size:var(--fs-sm);color:var(--ink-700);border:1px solid var(--surface-2)}.pw-strength{display:flex;gap:6px;margin:var(--s-2) 0}.pw-strength span{flex:1;height:4px;border-radius:2px;background:var(--surface-2);transition:background var(--dur-2)}.pw-strength span.on{background:var(--sage-500)}.pw-strength-hint{font-size:var(--fs-xs);color:var(--ink-500)}.trust-line{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);color:var(--ink-500);margin-top:var(--s-3)}.trust-line svg{flex-shrink:0}.settings-profile{display:flex;align-items:center;gap:var(--s-4);background:var(--surface-1);border-radius:var(--r-xl);padding:var(--s-4);margin-bottom:var(--s-5);box-shadow:var(--sh-1)}.settings-group-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;color:var(--ink-500);text-transform:uppercase;margin:var(--s-5) 0 var(--s-2)}.settings-group{list-style:none;padding:0;margin:0;background:var(--surface-0);border:1px solid var(--surface-2);border-radius:var(--r-xl);overflow:hidden}.settings-row{display:flex;align-items:center;gap:var(--s-3);padding:14px var(--s-4);color:var(--ink-900);font-size:var(--fs-md);border-bottom:1px solid var(--surface-2)}.settings-row:last-child{border-bottom:none}.settings-row>span:first-child{flex:1;min-width:0}.settings-row .muted{color:var(--ink-500);font-size:var(--fs-sm)}.settings-row.muted-row{color:var(--ink-700)}.link-btn{background:transparent;border:none;padding:4px 0;color:var(--clay-500);font-weight:700;font-size:var(--fs-sm);cursor:pointer}.link-btn:disabled{color:var(--ink-300);cursor:default}.pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}.pill.sage{background:var(--sage-500);color:var(--surface-0)}.pill.clay{background:var(--clay-500);color:var(--surface-0)}.toggle{position:relative;width:44px;height:26px;border-radius:13px;background:var(--ink-100);border:none;transition:background var(--dur-2);padding:0}.toggle.on{background:var(--sage-500)}.toggle .thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--surface-0);transition:transform var(--dur-2) var(--ease);box-shadow:0 1px 3px #00000026}.toggle.on .thumb{transform:translate(18px)}.sheet-backdrop{position:fixed;inset:0;background:#2a1e1a66;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s var(--ease)}.sheet{width:100%;max-width:640px;background:var(--surface-0);border-top-left-radius:24px;border-top-right-radius:24px;padding:var(--s-3) var(--s-5) calc(env(safe-area-inset-bottom) + var(--s-5));display:flex;flex-direction:column;gap:var(--s-3);animation:slideUp .26s var(--ease);box-shadow:var(--sh-3)}.sheet-handle{width:36px;height:5px;border-radius:3px;background:var(--ink-100);margin:0 auto var(--s-3)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.banner{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);color:var(--ink-700);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--s-3)}.banner.primary{background:var(--clay-500);color:var(--surface-0);border-color:var(--clay-600)}