:root,[data-theme=light]{--call-bg:radial-gradient(900px 600px at 20% 0%, #4a3a28 0%, transparent 60%), radial-gradient(700px 500px at 100% 100%, #3b2a1a 0%, transparent 55%), #17120d;--call-glow:#d9b1738c;--call-glow-soft:#d9b17338;--call-accent:#d9b173;--call-accept:#2f8a5b;--call-accept-glow:#2f8a5b73;--call-decline:#c4493a;--call-glass:#fff8ee1a;--call-glass-strong:#fff8ee29;--call-glass-line:#fff8ee29;--call-card-bg:color-mix(in srgb, var(--surface) 94%, transparent)}[data-theme=dark]{--call-bg:radial-gradient(900px 600px at 15% -10%, #ff2e7e47 0%, transparent 60%), radial-gradient(800px 600px at 110% 110%, #6d2cff4d 0%, transparent 55%), #07060a;--call-glow:#ff2e7ea6;--call-glow-soft:#ff2e7e40;--call-accent:#ff5c9d;--call-accept:#20c07a;--call-accept-glow:#20c07a80;--call-decline:#ff4d5e;--call-glass:#ffffff14;--call-glass-strong:#ffffff24;--call-glass-line:#ffffff24;--call-card-bg:#16111ce6}.call-buttons{align-items:center;gap:6px;display:inline-flex;position:relative}.call-btn-wrap{display:inline-flex;position:relative}.call-btn{background:var(--surface-2);width:42px;height:42px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s;border:0;border-radius:50%;place-items:center;display:grid}.call-btn:hover:not([aria-disabled]){background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-1px)}.call-btn:active:not([aria-disabled]){transform:scale(.94)}.call-btn.is-open{background:var(--primary-bg);color:var(--primary-fg);box-shadow:var(--primary-shadow)}.call-btn[aria-disabled]{opacity:.45;cursor:not-allowed}[data-theme=dark] .call-btn:hover:not([aria-disabled]){box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px -4px var(--call-glow)}.call-tip{z-index:45;background:var(--ink);width:max-content;max-width:240px;color:var(--bg);white-space:normal;pointer-events:none;opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:600;line-height:1.35;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.call-btn-wrap:hover .call-tip,.call-btn:focus-visible+.call-tip{opacity:1;transform:none}.call-btn.is-open+.call-tip{opacity:0!important}.call-pop{z-index:46;background:var(--surface);width:min(320px,100vw - 32px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-float);text-align:left;white-space:normal;cursor:auto;animation:call-pop .26s var(--ease);border-radius:20px;padding:20px 20px 14px;font-size:14px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 10px);right:0}.call-pop--up{top:auto;bottom:calc(100% + 10px)}.call-pop .call-pop-price,.call-pop .call-pop-note{opacity:1;display:block}.call-pop .call-pop-go,.call-pop .call-pop-close{transform:none}.call-buttons .call-pop span,.call-buttons .call-pop b{opacity:1}[data-theme=dark] .call-pop{box-shadow:var(--shadow-float), 0 0 40px -18px var(--call-glow);background:#17121c}.call-pop h3{margin:10px 0 4px;padding-right:20px;font-size:18px}.call-pop-icon{background:var(--accent-grad);color:#fff;width:40px;height:40px;box-shadow:0 8px 20px -10px var(--call-glow);border-radius:14px;place-items:center;display:grid}.call-pop-price{color:var(--ink-2);font-size:14px}.call-pop-price b{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:2px;font-size:22px;font-weight:800}.call-pop-facts{gap:8px;margin:12px 0 16px;display:grid}.call-pop-facts li{color:var(--ink-2);grid-template-columns:16px 1fr;gap:8px;font-size:13px;line-height:1.45;display:grid}.call-pop-facts svg{color:var(--accent-text);margin-top:2px}.call-pop-go{width:100%}.call-pop-note{text-align:center;color:var(--muted);letter-spacing:.02em;margin-top:10px;font-size:11.5px}.call-pop-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.call-pop-close:hover{background:var(--surface-2);color:var(--ink)}.call-portrait{z-index:2;background:linear-gradient(140deg, hsl(var(--call-hue,20) 55% 62%), hsl(calc(var(--call-hue,20) + 40) 60% 42%));border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #ffffffd9,0 18px 40px -16px #0009}[data-theme=dark] .call-portrait{box-shadow:0 0 0 3px #ffffff24, 0 0 40px -6px var(--call-glow);background:linear-gradient(140deg,#ff2e7e,#6d2cff)}[data-theme=light] .call-portrait{background:linear-gradient(140deg,#d9b173,#8f6530)}.call-portrait img{object-fit:cover;width:100%;height:100%}.call-portrait-initial{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 12px #00000040;font-weight:800}.call-rings{place-items:center;display:grid;position:relative}.call-ring{border:2px solid var(--call-glow);width:100%;height:100%;animation:call-pulse 2.4s var(--ease) infinite;pointer-events:none;border-radius:50%;margin:auto;position:absolute;inset:0}.call-ring:nth-child(2){animation-delay:.8s}.call-ring:nth-child(3){animation-delay:1.6s}.call-rings--voice .call-ring{opacity:calc(.15 + var(--call-level,0) * 1.4);transform:scale(calc(1.06 + var(--call-level,0) * .9));border-width:3px;transition:transform .12s linear,opacity .12s linear;animation:none}.call-rings--voice .call-ring:nth-child(2){transform:scale(calc(1.14 + var(--call-level,0) * 1.5));opacity:calc(.08 + var(--call-level,0))}.call-rings--voice .call-ring:nth-child(3){transform:scale(calc(1.24 + var(--call-level,0) * 2.1));opacity:calc(.04 + var(--call-level,0) * .7)}@keyframes call-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes call-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes call-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes call-fade{0%{opacity:0}to{opacity:1}}@keyframes call-breathe{0%,to{box-shadow:0 0 0 0 var(--call-accept-glow)}50%{box-shadow:0 0 0 14px #0000}}@keyframes call-spin{to{transform:rotate(360deg)}}@keyframes call-blink{50%{opacity:.35}}.call-incoming-layer{z-index:90;right:24px;top:calc(var(--banner-h) + var(--header-h) + 14px);pointer-events:none;position:fixed}.call-incoming{pointer-events:auto;text-align:center;background:var(--call-card-bg);width:340px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-float), 0 30px 80px -30px var(--call-glow-soft);-webkit-backdrop-filter:blur(24px)saturate(150%);animation:call-rise .4s var(--ease);border-radius:28px;padding:30px 24px 24px;position:relative;overflow:hidden}[data-theme=dark] .call-incoming{box-shadow:0 40px 90px -30px #000000e6, 0 0 60px -20px var(--call-glow);border-color:#ffffff1f}.call-incoming-glow{background:radial-gradient(closest-side, var(--call-glow-soft), transparent);pointer-events:none;height:70%;position:absolute;inset:-40% -20% auto}.call-incoming .call-rings{width:112px;height:112px;margin:6px auto 18px}.call-incoming-kind{background:var(--accent-soft);color:var(--accent-text);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}.call-incoming h2{margin:10px 0 2px;font-size:28px;position:relative}.call-incoming-sub{color:var(--muted);font-size:14px;position:relative}.call-incoming-error{background:var(--warning-soft);color:var(--danger);text-align:left;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:600;position:relative}.call-incoming-actions{justify-content:center;gap:22px;margin-top:24px;display:flex;position:relative}.call-action{color:var(--muted);justify-items:center;gap:7px;font-size:12px;font-weight:600;display:grid}.call-round{color:#fff;width:62px;height:62px;transition:transform .2s var(--ease), filter .2s;border:0;border-radius:50%;place-items:center;display:grid}.call-round:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)scale(1.04)}.call-round:active:not(:disabled){transform:scale(.94)}.call-round--accept{background:var(--call-accept);animation:1.6s ease-out infinite call-breathe}.call-round--decline{background:var(--call-decline);box-shadow:0 12px 24px -12px var(--call-decline)}.call-round--soft{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}[data-theme=dark] .call-round--soft{background:#ffffff14}.call-ring-toggle{z-index:3;background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}[data-theme=dark] .call-ring-toggle{background:#ffffff14}.call-ring-toggle[aria-pressed=true]{color:var(--accent-text)}.call-screen{z-index:80;color:#fff;background:var(--call-bg);animation:call-fade .3s var(--ease);isolation:isolate;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.call-stage{z-index:0;position:absolute;inset:0}.call-backdrop{position:absolute;inset:0;overflow:hidden}.call-backdrop-photo{filter:blur(40px)saturate(120%)brightness(.45);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.call-backdrop-video{object-fit:cover;filter:blur(18px)brightness(.45)saturate(110%);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.call-remote{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);background:#000;position:absolute;inset:0}.call-remote.is-on{opacity:1}.call-screen--video.call-screen--connected .call-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000008c 0%,#0000 22% 70%,#0009 100%);position:absolute;inset:0}.call-center{text-align:center;place-content:center;justify-items:center;gap:26px;padding:120px 24px 180px;display:grid;position:absolute;inset:0}.call-center .call-rings{width:132px;height:132px}.call-center-note{color:#ffffffb3;max-width:320px;min-height:1.5em;font-size:14px}.call-top{z-index:2;padding:max(18px, env(safe-area-inset-top)) 24px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.call-top-who{gap:2px;min-width:0;display:grid}.call-top-who b{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 12px #0006;font-size:20px;font-weight:800;overflow:hidden}.call-top-status{color:#ffffffc7;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:14px;display:inline-flex}.call-live-dot{background:var(--call-accept);width:8px;height:8px;box-shadow:0 0 10px var(--call-accept);border-radius:50%;animation:2s ease-in-out infinite call-blink}.call-top-actions{align-items:center;gap:8px;display:flex}.call-top-btn,.call-quality{background:var(--call-glass);color:#fff;-webkit-backdrop-filter:blur(12px);width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--call-glass-line);border:0;border-radius:50%;place-items:center;display:grid}.call-top-btn:hover{background:var(--call-glass-strong)}.call-quality--good{color:#6fe3a5}.call-quality--fair{color:#ffd479}.call-quality--poor{color:#ff7a7a}.call-quality--unknown{color:#fff9}.call-meter{z-index:2;background:var(--call-glass);box-shadow:inset 0 0 0 1px var(--call-glass-line);-webkit-backdrop-filter:blur(14px);color:#ffffffe0;font-variant-numeric:tabular-nums;animation:call-pop .35s var(--ease);border-radius:999px;align-self:center;align-items:center;gap:9px;margin-top:4px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.call-meter b{color:#fff}.call-meter-ring{transform:rotate(-90deg)}.call-meter-track{fill:none;stroke:#ffffff2e;stroke-width:3px}.call-meter-fill{fill:none;stroke:var(--call-accent);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--call-glow));transition:stroke-dashoffset .25s linear}.call-meter--low{box-shadow:inset 0 0 0 1px #ffaa5a99}.call-meter--low .call-meter-fill{stroke:#ffae5a}.call-self{z-index:3;aspect-ratio:3/4;cursor:grab;touch-action:none;width:150px;transition:top .35s var(--ease), bottom .35s var(--ease), left .35s var(--ease), right .35s var(--ease), box-shadow .2s;background:#111;border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 18px 40px -16px #000c,0 0 0 1px #fff3}.call-self[data-dragging]{cursor:grabbing;box-shadow:0 24px 50px -16px #000000e6, 0 0 0 2px var(--call-accent);transition:none}.call-self video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-self video.is-hidden{visibility:hidden}.call-self--tl{top:84px;left:20px}.call-self--tr{top:84px;right:20px}.call-self--bl{bottom:128px;left:20px}.call-self--br{bottom:128px;right:20px}.call-self-off{color:#ffffffb3;background:linear-gradient(160deg,#2a2230,#121016);place-items:center;display:grid;position:absolute;inset:0}.call-self-muted{background:var(--call-decline);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:8px;left:8px}.call-controls{z-index:2;margin-top:auto;margin-bottom:max(26px, env(safe-area-inset-bottom));box-shadow:inset 0 0 0 1px var(--call-glass-line);-webkit-backdrop-filter:blur(22px)saturate(140%);background:#00000047;border-radius:30px;align-self:center;align-items:flex-end;gap:14px;padding:14px 18px;display:flex;position:relative}.call-ctrl{color:#fff;background:0 0;border:0;justify-items:center;gap:6px;width:64px;padding:0;font-size:11.5px;font-weight:600;display:grid}.call-ctrl svg{box-sizing:content-box;background:var(--call-glass-strong);box-shadow:inset 0 0 0 1px var(--call-glass-line);transition:background .2s var(--ease), transform .2s var(--ease), color .2s;border-radius:50%;padding:15px}.call-ctrl:hover:not(:disabled) svg{background:#ffffff3d;transform:translateY(-2px)}.call-ctrl:active:not(:disabled) svg{transform:scale(.93)}.call-ctrl.is-off svg,.call-ctrl.is-off:hover:not(:disabled) svg{color:#17120d;background:#fff}.call-ctrl span{color:#fffc;white-space:nowrap}.call-ctrl--end svg{background:var(--call-decline);box-shadow:0 12px 26px -10px var(--call-decline);padding:17px}.call-ctrl--end:hover:not(:disabled) svg{background:var(--call-decline);filter:brightness(1.1)}.call-screen:focus{outline:none}.call-screen--mini:focus-visible{outline:3px solid var(--call-accent);outline-offset:3px}.call-ctrl:focus-visible{outline:none}.call-ctrl:focus-visible svg{outline:3px solid var(--call-accent);outline-offset:3px}.call-mini-bar{display:none}.call-screen--mini{width:300px;height:auto;min-height:0;box-shadow:0 30px 70px -20px #000000b3, 0 0 0 1px var(--call-glass-line), 0 0 50px -24px var(--call-glow);animation:call-rise .35s var(--ease);cursor:grab;touch-action:none;border-radius:22px;inset:auto}.call-screen--mini[data-dragging]{cursor:grabbing;transition:none}.call-mini--br{bottom:24px;right:24px}.call-mini--bl{bottom:24px;left:24px}.call-mini--tr{right:24px;top:calc(var(--header-h) + 16px)}.call-mini--tl{left:24px;top:calc(var(--header-h) + 16px)}.call-screen--mini .call-top,.call-screen--mini .call-meter,.call-screen--mini .call-self,.call-screen--mini .call-controls,.call-screen--mini .call-center-note{display:none}.call-screen--mini .call-stage{height:0;position:relative}.call-screen--mini.call-screen--video .call-stage{height:180px}.call-screen--mini.call-screen--video .call-center{padding:0}.call-screen--mini.call-screen--audio .call-stage{position:absolute}.call-screen--mini.call-screen--audio .call-center{display:none}.call-screen--mini .call-center .call-rings{width:56px;height:56px}.call-screen--mini .call-mini-bar{z-index:2;align-items:center;gap:6px;padding:10px 10px 10px 16px;display:flex;position:relative}.call-mini-text{flex:1;min-width:0;line-height:1.25;display:grid}.call-mini-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.call-mini-text>span{color:#ffffffbf;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.call-mini-btn{background:var(--call-glass-strong);color:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.call-mini-btn:hover{background:#ffffff42}.call-mini-btn[aria-pressed=true]{color:#17120d;background:#fff}.call-mini-btn--end,.call-mini-btn--end:hover{background:var(--call-decline)}.call-prep,.call-ended,.call-toast,.call-elsewhere{z-index:85;background:var(--call-card-bg);width:max-content;max-width:min(520px,100vw - 32px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px);animation:call-rise .35s var(--ease);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.call-prep>div,.call-ended>div{gap:2px;line-height:1.35;display:grid}.call-prep>div span,.call-ended>div span{color:var(--muted);font-size:13px}.call-prep{flex-wrap:wrap}.call-prep-actions{grid-auto-flow:column;gap:8px;display:flex!important}.call-ended-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.call-ended-icon--warn{background:var(--warning-soft);color:var(--danger)}.call-icon-x{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.call-icon-x:hover{background:var(--surface-2);color:var(--ink)}.call-toast{bottom:auto;top:calc(var(--header-h) + 16px);padding:10px 10px 10px 16px;font-weight:600}.call-toast--over{z-index:95;color:#fff;background:#141018b8;border-color:#ffffff29;top:138px}.call-toast--over .call-icon-x{color:#ffffffb3}.call-toast--over .call-icon-x:hover{color:#fff;background:#ffffff1f}.call-toast>svg{color:var(--accent-text)}.call-toast--over>svg{color:var(--call-accent)}.call-toast--warn>svg{color:#e08a3c}.call-chip-btn{background:var(--accent-grad);color:#fff;white-space:nowrap;min-height:32px;box-shadow:0 8px 18px -10px var(--call-glow);border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.call-chip-btn:hover{filter:brightness(1.08)}.call-chip-btn--danger{background:var(--call-decline)}.call-elsewhere{padding:8px 8px 8px 16px;font-weight:600;bottom:28px}.call-elsewhere-dot{background:var(--call-accept);width:9px;height:9px;box-shadow:0 0 10px var(--call-accept);border-radius:50%;animation:2s ease-in-out infinite call-blink}.call-spinner{border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.9s linear infinite call-spin}@media (max-width:760px){.call-incoming-layer{pointer-events:auto;background:var(--call-bg);animation:call-fade .3s var(--ease);display:grid;inset:0}.call-incoming{width:100%;height:100%;padding:40px 24px calc(48px + env(safe-area-inset-bottom));box-shadow:none;color:#fff;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.call-incoming .call-rings{width:140px;height:140px;margin:auto auto 34px}.call-incoming .call-portrait{width:140px!important;height:140px!important}.call-incoming h2{font-size:34px}.call-incoming-sub{color:#ffffffb8}.call-incoming-kind{background:var(--call-glass-strong);color:#fff}.call-incoming-actions{gap:34px;margin-top:auto}.call-incoming .call-action{color:#fffc}.call-round{width:70px;height:70px}.call-round--soft{background:var(--call-glass-strong);color:#fff;box-shadow:inset 0 0 0 1px var(--call-glass-line)}.call-ring-toggle{top:max(18px, env(safe-area-inset-top));color:#fff;right:18px;background:var(--call-glass-strong)!important}.call-incoming-error{color:#ffd0d0;background:#ff5a5a29}.call-top{padding:max(14px, env(safe-area-inset-top)) 16px 10px}.call-controls{margin-bottom:max(18px, env(safe-area-inset-bottom));gap:8px;padding:12px}.call-ctrl{width:60px}.call-self{width:104px}.call-self--tl,.call-self--tr{top:118px}.call-self--tl{left:14px}.call-self--tr{right:14px}.call-self--bl,.call-self--br{bottom:130px}.call-self--bl{left:14px}.call-self--br{right:14px}.call-screen--mini{width:min(300px,100vw - 20px)}.call-mini--br,.call-mini--bl{bottom:92px}.call-mini--br{right:10px}.call-mini--bl{left:10px}.call-mini--tr,.call-mini--tl{top:10px}.call-mini--tr{right:10px}.call-mini--tl{left:10px}.call-screen--mini.call-screen--video .call-stage{height:136px}.call-prep,.call-ended,.call-elsewhere{bottom:96px}.call-toast{top:12px}.call-toast--over{top:124px}.call-tip{display:none}}@media (prefers-reduced-motion:reduce){.call-ring{opacity:.35;animation:none}.call-ring:nth-child(2){opacity:.2;transform:scale(1.2)}.call-ring:nth-child(3){opacity:.1;transform:scale(1.4)}.call-rings--voice .call-ring{opacity:calc(.12 + var(--call-level,0) * .8);transition:none;transform:scale(1.15)}.call-round--accept,.call-live-dot,.call-elsewhere-dot,.call-screen,.call-incoming,.call-incoming-layer,.call-pop,.call-prep,.call-ended,.call-toast,.call-elsewhere,.call-meter,.call-screen--mini{animation:none}.call-self,.call-remote,.call-meter-fill,.call-tip{transition:none}}.call-hosted-note{background:var(--call-glass-strong,#ffffff29);color:#fff;white-space:normal;border-radius:12px;align-items:flex-start;gap:6px;max-width:min(520px,100%);margin-top:4px;padding:5px 10px;font-size:12.5px;font-weight:600;line-height:1.35;display:inline-flex}.call-hosted-note svg{flex:none;margin-top:1px}.call-hosted-note--incoming{background:var(--accent-soft);color:var(--ink);justify-content:center;margin:2px auto 0;position:relative}
.mod-card{background:var(--warning-soft);color:var(--ink-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.mod-card>svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.mod-card>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mod-card strong{color:var(--ink);font-size:14.5px}.mod-card p{margin:0;line-height:1.45}.mod-card a{color:var(--accent-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}.mod-card>.mx-icon-btn{flex-shrink:0;margin:-6px -6px 0 0}.mod-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12.5px;font-weight:600;display:flex}.mod-card-meta span{align-items:center;gap:5px;display:inline-flex}.mod-card-meta b{color:var(--ink)}.mod-card.compact{padding:10px 12px}.mod-card.compact strong{font-size:13.5px}.mod-notice.caution .mod-notice-icon{background:var(--warning-soft);color:var(--accent-text)}.mod-notice.positive .mod-notice-icon{background:var(--success-soft);color:var(--success)}.mod-notice-body{align-items:flex-start;gap:14px;display:flex}.mod-notice-body>div{flex-direction:column;gap:10px;min-width:0;display:flex}.mod-notice-body p{color:var(--ink-2);white-space:pre-line;margin:0;font-size:14.5px;line-height:1.5}.mod-notice-icon{border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mod-notice-fact{align-items:center;gap:7px;font-weight:700;display:flex;color:var(--ink)!important}.mod-notice-rules{color:var(--muted)!important;font-size:13px!important}.mod-notice-rules a{color:var(--accent-text);font-weight:700}.mod-notice .button-row{align-items:center}.mod-notice-more{color:var(--muted);font-size:13px;font-weight:600}.pf-edit-form [aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent);border-color:var(--danger)!important}.mod-field-error{color:var(--danger);margin-top:4px;font-size:12.5px;font-weight:600;display:block}
