:root,:root[data-theme=cubi-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#0c1420;--green:#7ac943;--blue:#3fa9f5;--canvas:#0c1420;--surface:#0c1420;--field-bg:#0c1420;--menu-bg:#0c1420fa;--topbar-bg:#0c1420eb;--on-accent:#0c1420;--ink:#e8edf4;--ink-70:#e8edf4b3;--ink-60:#e8edf499;--ink-45:#e8edf473;--ink-35:#e8edf459;--line:#e8edf41a;--line-soft:#e8edf41f;--line-strong:#e8edf426;--line-heavy:#e8edf459;--panel:#e8edf40a;--panel-2:#e8edf408;--hover-wash:#ffffff0d;--grid-line:#e8edf40b;--shadow:0 12px 28px #0000006b;--err:#ff8a80;--warn:#ffcf70;--report-canvas:#f5f7fa;--mono:"IBM Plex Mono", monospace;--sans:"Space Grotesk", sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f6f9;--surface:#fff;--field-bg:#fff;--menu-bg:#fff;--topbar-bg:#ffffffeb;--on-accent:#0c1420;--ink:#1c2430;--ink-70:#1c2430bd;--ink-60:#1c2430a3;--ink-45:#1c243080;--ink-35:#1c243066;--line:#0c14201a;--line-soft:#0c14201f;--line-strong:#0c142024;--line-heavy:#0c142047;--panel:#0c142008;--panel-2:#0c142005;--hover-wash:#0c14200a;--grid-line:#0c14200d;--shadow:0 12px 28px #0c142029;--err:#c5303a;--warn:#8a6100}@media (prefers-color-scheme:dark){:root[data-theme=light]{--canvas:#16181d;--surface:#1f222a;--field-bg:#1f222a;--menu-bg:#1f222a;--topbar-bg:#1f222af0;--ink:#ececee;--ink-70:#ececeebd;--ink-60:#ececee9e;--ink-45:#ececee7a;--ink-35:#ececee61;--line:#33363f;--line-soft:#33363f;--line-strong:#3d404a;--line-heavy:#ececee52;--panel:#ececee0a;--panel-2:#ececee08;--hover-wash:#ffffff0f;--grid-line:#ececee0b;--shadow:0 12px 28px #00000080;--err:#f57a83;--warn:#d9a94a}}*{box-sizing:border-box}body{background:var(--canvas);font-family:var(--sans);color:var(--ink);margin:0;font-size:14.5px;line-height:1.55}a{color:var(--green);text-decoration:none}a:hover{color:var(--blue)}button{font-family:var(--sans);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.grid-bg{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:56px 56px}.eyebrow{font:500 12px var(--mono);letter-spacing:.18em;color:var(--blue);text-transform:uppercase;margin-bottom:14px}h1{font:600 clamp(26px, 3vw, 34px)/1.15 var(--sans);letter-spacing:-.02em;margin:0 0 10px}h2{font:600 20px var(--sans);margin:0 0 14px}.accent{color:var(--green)}.lede{color:var(--ink-60);max-width:640px;margin:0 0 28px;font-size:15px;line-height:1.7}.mono-note{font:400 12.5px var(--mono);color:var(--ink-45)}.wordmark{align-items:center;gap:10px;display:inline-flex}.wordmark-text{font:800 21px var(--sans);letter-spacing:.04em;color:#1b74d6;white-space:nowrap;line-height:1}.wordmark-text .wm-bracket{color:#6cc04a;margin:0 1px;font-weight:600}.wordmark-text .wm-360{color:#8c9096}.wordmark-app{font:500 12px var(--mono);letter-spacing:.14em;color:var(--ink-45);border-left:1px solid var(--line-strong);margin-left:4px;padding-left:14px}.wordmark-image{width:260px;max-width:100%;height:auto;display:block}.trial-banner{background:color-mix(in srgb, var(--blue) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--blue) 30%, transparent);color:var(--ink-70);font:400 13px var(--sans);text-align:center;padding:8px 16px}.trial-banner strong{color:var(--ink);font-weight:600}.trial-banner a{margin-left:10px}.trial-banner.ending{background:color-mix(in srgb, var(--warn) 14%, transparent);border-bottom-color:color-mix(in srgb, var(--warn) 45%, transparent)}.trial-banner.ending strong{color:var(--warn)}.trial-chip{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border:1px solid color-mix(in srgb, var(--blue) 40%, transparent);background:color-mix(in srgb, var(--blue) 10%, transparent);white-space:nowrap;border-radius:999px;padding:4px 9px}.trial-lead{max-width:720px;color:var(--ink-60);margin:8px 0 0;font-size:13.5px;line-height:1.6}.trial-footer{margin-top:56px}.trial-cta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1180px;margin:0 auto;padding:40px clamp(20px,4vw,32px) 36px;display:flex}.trial-cta-copy{max-width:640px}.trial-cta-copy h2{letter-spacing:-.01em;margin:10px 0;font-size:24px}.trial-cta-copy p{color:var(--ink-60);margin:0;font-size:14px;line-height:1.65}.trial-cta-actions{flex-wrap:wrap;gap:12px;display:flex}.trial-confirm h1{margin:14px 0 12px}.trial-confirm .hint+.hint{margin-top:10px}.trial-confirm .btn{margin-top:22px;display:inline-block}.trial-confirm .spinner{margin-top:18px}.btn{background:var(--green);color:var(--on-accent);border:none;border-radius:6px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-block}.btn:hover{background:var(--blue);color:var(--on-accent)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:var(--green)}.btn.outline{border:1px solid var(--line-heavy);color:var(--ink);background:0 0}.btn.outline:hover{border-color:var(--green);color:var(--green);background:0 0}.btn.ghost{color:var(--green);background:0 0;border:none;padding:6px 10px}.btn.ghost:hover{color:var(--blue);background:0 0}.btn.ghost.danger{color:var(--err)}.btn.sm{padding:7px 16px;font-size:13px}.topbar{z-index:50;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,18px);max-width:1180px;margin:0 auto;padding:14px clamp(20px,4vw,32px);display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,20px);font-size:14px;font-weight:500;display:flex}.nav-links button{font:500 14px var(--sans);color:var(--ink-70);background:0 0;border:none;padding:4px 2px}.nav-links button:hover,.nav-links button.active{color:var(--green)}.nav-links a.nav-external{color:var(--ink-70)}.nav-links a.nav-external:hover{color:var(--green)}.spacer{flex:1}.topbar-right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.nav-group{display:inline-flex;position:relative}.nav-group>button{align-items:center;gap:5px;display:inline-flex}.nav-caret{opacity:.7;font-size:10px;line-height:1}.nav-group-menu{z-index:60;background:var(--menu-bg);border:1px solid var(--line);min-width:178px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);left:-12px}.nav-group-menu button{text-align:left;width:100%;padding:8px 12px}.nav-group-menu button:hover{background:var(--hover-wash);color:var(--green)}.cu-logo{object-fit:contain;border-radius:4px;max-width:130px;height:30px}.icon-btn{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink-70);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--green);border-color:var(--green)}.userchip{color:var(--ink-70);align-items:center;gap:10px;min-width:0;font-size:13px;display:inline-flex}.userchip>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.userchip .avatar{background:color-mix(in srgb, var(--green) 15%, transparent);width:30px;height:30px;color:var(--green);border:1px solid color-mix(in srgb, var(--green) 40%, transparent);font:600 11px var(--mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.userchip .role{font:500 11px var(--mono);letter-spacing:.08em;color:var(--ink-45);text-transform:uppercase}.user-menu{display:inline-flex;position:relative}.user-menu-btn{cursor:pointer;font:inherit;color:var(--ink-70);background:0 0;border:1px solid #0000;border-radius:999px;padding:3px 10px 3px 3px}.user-menu-btn:hover,.user-menu-btn[aria-expanded=true]{border-color:var(--line-strong);background:var(--panel);color:var(--ink)}.user-menu-pop{z-index:60;background:var(--menu-bg);border:1px solid var(--line);min-width:250px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.user-menu-id{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;margin-bottom:6px;padding:8px 12px 10px;display:flex}.user-menu-id strong{color:var(--ink);font-size:13px}.user-menu-email{font:500 12px var(--mono);color:var(--ink-70);word-break:break-all}.user-menu-meta{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-45)}.user-menu-pop button{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 12px}.user-menu-pop button:hover{background:var(--hover-wash);color:var(--green)}.page{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,44px) clamp(20px,4vw,32px) 64px}.page-head{margin-bottom:28px}.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.panel-box{background:var(--panel);border:1px solid var(--line-soft);border-radius:10px;padding:24px}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;display:grid}.card{background:var(--surface);box-shadow:0 0 0 1px var(--line);padding:26px 24px}.card:hover h2{color:var(--green)}.card-num{font:500 11px var(--mono);color:var(--blue);margin-bottom:12px}.card p{color:var(--ink-60);margin:0;font-size:13.5px;line-height:1.65}.card h2{margin:0 0 8px;font-size:17px}a.card-link{color:inherit;display:block}a.card-link:hover{color:inherit}.table-wrap{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:11px 14px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}td.num{font-family:var(--mono);color:var(--ink-70);font-size:12.5px}.record-count{font:400 12px var(--mono);color:var(--ink-45);margin:10px 2px}input,select,textarea{background:var(--field-bg);border:1px solid var(--line-strong);font:400 13.5px var(--sans);color:var(--ink);border-radius:6px;outline:none;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input::placeholder{color:var(--ink-35)}select option{background:var(--field-bg);color:var(--ink)}input.cell,select.cell{width:100%;min-width:110px;padding:7px 10px;font-size:13px}input.score{width:90px;font-family:var(--mono);font-size:12.5px}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px}.form-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-status{font:400 12.5px var(--mono);color:var(--ink-60)}.form-status.error{color:var(--err)}.form-status.ok{color:var(--green)}.chip{font:500 11px var(--mono);letter-spacing:.04em;border:1px solid var(--line-strong);white-space:nowrap;color:var(--ink-60);border-radius:4px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip.active,.chip.mapped{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent)}.chip.invited{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.chip.disabled{color:var(--ink-45)}.chip.unmapped{color:var(--err);border-color:color-mix(in srgb, var(--err) 35%, transparent)}.login-wrap{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;width:420px;max-width:100%;padding:40px 36px 32px}.login-card .eyebrow{margin-bottom:18px}.login-card h1{margin-bottom:6px;font-size:24px}.login-card .hint{color:var(--ink-60);margin:0 0 24px;font-size:13.5px;line-height:1.6}.ms-btn{background:var(--green);width:100%;font:600 14.5px var(--sans);color:var(--on-accent);border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.ms-btn:hover{background:var(--blue)}.ms-btn:disabled{opacity:.6;cursor:default}.ms-logo{grid-gap:1.5px;grid-template-columns:8px 8px;display:grid}.ms-logo i{width:8px;height:8px;display:block}.login-foot{font:400 11.5px var(--mono);color:var(--ink-45);border-top:1px solid var(--line);margin-top:26px;padding-top:14px;line-height:1.7}.login-error{color:var(--err);margin-top:12px;font-size:13px}.signin-hint{color:var(--ink);font:600 13px var(--mono);word-break:break-all}.login-alt{color:var(--ink-60);font:500 12px var(--mono);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;text-decoration:underline;display:block}.login-alt:hover{color:var(--green)}.cu-picker{flex-direction:column;gap:10px;display:flex}.cu-choice{text-align:left;background:var(--field-bg);border:1px solid var(--line-strong);border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px 14px;display:flex}.cu-choice:hover{border-color:var(--green)}.cu-choice:disabled{opacity:.6;cursor:default}.cu-choice-name{font:600 14.5px var(--sans);color:var(--ink)}.cu-choice-meta{font:400 11.5px var(--mono);color:var(--ink-60)}.cu-picker-signout{font:400 12px var(--mono);color:var(--ink-45);background:0 0;border:none;margin-top:18px;padding:0;text-decoration:underline}.cu-picker-signout:hover{color:var(--ink-70)}.spinner{border:3px solid var(--line-strong);border-top-color:var(--green);border-radius:50%;width:26px;height:26px;margin:14px 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signing-note{font:400 12.5px var(--mono);color:var(--ink-60)}.wake-banner{background:color-mix(in srgb, var(--blue) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--blue) 30%, transparent);color:var(--ink-70);font:400 12.5px var(--mono);text-align:center;padding:8px 16px}.empty-note{text-align:center;color:var(--ink-45);font:400 13px var(--mono);padding:36px 24px}.page.page-wide{max-width:1560px}.reports-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.landing-toggle{font:400 12.5px var(--mono);color:var(--ink-60);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.reports-layout{align-items:stretch;gap:20px;display:flex}.reports-nav{flex-shrink:0;width:220px}.reports-nav ul{margin:0;padding:0;list-style:none}.reports-nav>ul>li{margin-bottom:2px}.reports-nav button{text-align:left;width:100%;font:500 13.5px var(--sans);color:var(--ink-70);background:0 0;border:none;border-radius:6px;padding:8px 10px;display:block}.reports-nav button:hover{color:var(--green);background:var(--panel)}.reports-nav>ul>li>button.active{color:var(--green);background:var(--panel);font-weight:600}.report-pages{border-left:1px solid var(--line-strong);margin:2px 0 8px 12px!important;padding-left:10px!important}.report-pages button{color:var(--ink-60);padding:5px 8px;font-size:12.5px}.report-pages button.active{color:var(--green);background:var(--panel)}.reports-stage-wrap{flex:1;min-width:0}.report-stage{height:100%}.reports-nav-sticky{top:calc(var(--topbar-h,61px) + 15px);max-height:calc(100vh - var(--topbar-h,61px) - 35px);align-self:flex-start;position:sticky;overflow-y:auto}.report-section{scroll-margin-top:calc(var(--topbar-h,61px) + 15px);padding-bottom:34px}.report-section-title{font:600 15px var(--sans);color:var(--ink-70);margin:0 0 10px}.report-section+.report-section{border-top:1px solid var(--line);padding-top:26px}.report-frame-stacked{height:min(78vh,760px)}.report-frame-placeholder{background:var(--panel-2);justify-content:center;align-items:center;display:flex}.report-section .report-stage{flex-direction:column;justify-content:center;min-height:min(78vh,760px);display:flex}.report-section .report-stage>.report-frame{flex:none}.report-frame{border:1px solid var(--line-strong);background:var(--report-canvas);border-radius:10px;width:100%;height:calc(100vh - 210px);min-height:480px;overflow:hidden}.report-frame iframe{border:none}.report-error{max-width:560px}.report-error p{color:var(--ink-70);margin:0;font-size:13.5px;line-height:1.6}.warmup-card{max-width:760px}.warmup-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.warmup-note{color:var(--ink-70);margin:6px 0 0;font-size:13.5px;line-height:1.6}.warmup-ready{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.warmup-ready .mono-note{margin:0}.vid{margin-top:18px}.vid-stage{border:1px solid var(--line-strong);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--blue) 7%, transparent), transparent 60%), var(--panel-2);border-radius:10px;height:250px;position:relative;overflow:hidden}.vid-scene{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:10px;padding:26px 30px;transition:opacity .7s,transform .7s;display:flex;position:absolute;inset:0;transform:translateY(10px)}.vid-scene.is-active{opacity:1;transform:none}.vid-kicker{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.vid-line{color:var(--ink-70);max-width:60ch;margin:0;font-size:15px;line-height:1.6}.vid-line-lead{color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.4}.vid-progress{background:var(--line-strong);border-radius:2px;height:3px;margin-top:12px;overflow:hidden}.vid-progress span{background:var(--green);height:100%;transition:width .26s linear;display:block}.vid-art{align-items:flex-end;gap:6px;height:42px;margin-bottom:6px;display:flex}.vid-art i{opacity:0;display:block}.vid-art.is-active i{animation:.52s forwards vid-rise}.vid-art-points{align-items:center;gap:5px}.vid-art-points i{background:var(--blue);border-radius:50%;width:6px;height:6px}.vid-art-pillars i{background:var(--green);transform-origin:bottom;border-radius:3px 3px 0 0;width:34px;height:100%}.vid-art-pillars i:nth-child(2){background:var(--blue);height:68%}.vid-art-pillars i:nth-child(3){height:84%}.vid-art-split i{background:var(--green);transform-origin:bottom;border-radius:3px 3px 0 0;width:16px}.vid-art-split i:nth-child(odd){background:var(--blue)}.vid-art-split i:first-child{height:100%}.vid-art-split i:nth-child(2){height:55%}.vid-art-split i:nth-child(3){height:78%}.vid-art-split i:nth-child(4){height:40%}.vid-art-split i:nth-child(5){height:64%}.vid-art-split i:nth-child(6){height:30%}.vid-art-converge{width:120px;position:relative}.vid-art-converge i{background:var(--blue);opacity:1;border-radius:2px;width:100%;height:2px;animation:none;position:absolute;left:0}.vid-art-converge i:first-child{top:6px}.vid-art-converge i:nth-child(2){background:var(--green);top:34px}.vid-art-converge.is-active i:first-child{animation:1.1s forwards vid-converge-down}.vid-art-converge.is-active i:nth-child(2){animation:1.1s forwards vid-converge-up}.vid-art-converge span{background:var(--ink);opacity:0;border-radius:2px;width:100%;height:3px;position:absolute;top:18px;left:0}.vid-art-converge.is-active span{animation:.5s .9s forwards vid-fade-in}.vid-art-question span{font:600 38px var(--sans);color:var(--blue);opacity:0;line-height:1}.vid-art-question.is-active span{animation:.6s forwards vid-fade-in}.vid-art-wordmark{opacity:0}.vid-art-wordmark.is-active{animation:.7s forwards vid-fade-in}@keyframes vid-rise{0%{opacity:0;transform:translateY(8px)scaleY(.7)}to{opacity:1;transform:none}}@keyframes vid-fade-in{to{opacity:1}}@keyframes vid-converge-down{to{opacity:0;top:18px}}@keyframes vid-converge-up{to{opacity:0;top:18px}}@media (prefers-reduced-motion:reduce){.vid-scene{transition:opacity .2s;transform:none}.vid-art.is-active i,.vid-art-converge.is-active i,.vid-art-converge.is-active span,.vid-art-question.is-active span,.vid-art-wordmark.is-active{opacity:1;animation:none}.vid-progress span{transition:none}}.doc-section{max-width:760px}.doc-section h2{margin-top:34px}.doc-section p,.doc-section li{color:var(--ink-70);font-size:14.5px;line-height:1.75}.doc-section code{font:400 12.5px var(--mono);background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:1px 6px}.cap-chip{font:500 11px var(--mono);letter-spacing:.04em;border:1px solid var(--line-strong);white-space:nowrap;color:var(--ink-60);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.cap-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.cap-chip.live{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent)}.cap-chip.waking{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.cap-chip.waking:before{animation:1.4s ease-in-out infinite cap-pulse}.cap-chip.asleep{color:var(--ink-45)}button.cap-chip{cursor:pointer}button.cap-chip:hover{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent)}@keyframes cap-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.cap-chip.waking:before{animation:none}}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-strong);width:460px;max-width:100%;max-height:90vh;box-shadow:var(--shadow);border-radius:10px;overflow-y:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-head h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:18px 20px}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.pref-option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.pref-option.selected{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.pref-option input{margin-top:3px}.pref-option .pref-name{font-size:13.5px;font-weight:600}.pref-option .pref-desc{color:var(--ink-60);margin-top:2px;font-size:12.5px}.pref-note{color:var(--ink-45);margin-top:12px;font-size:11.5px}.pref-group-label{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:4px 0 10px}.pref-option+.pref-group-label{margin-top:20px}.footer{border-top:1px solid var(--line);margin-top:40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:24px clamp(20px,4vw,32px);display:flex}.footer-note{font:400 12px var(--mono);color:var(--ink-45)}