:root{--c-bg: #f5f6f8;--c-surface: #ffffff;--c-surface-sunken: #eef0f4;--c-border: #dfe3ea;--c-border-strong: #c7cdd8;--c-text: #12161f;--c-text-muted: #5c6575;--c-text-faint: #8b94a3;--c-accent: #2f5bea;--c-accent-hover: #2149c9;--c-accent-soft: #e8edfd;--c-danger: #c0344a;--c-danger-hover: #a12a3d;--c-danger-soft: #fdecef;--c-warn: #96601a;--c-warn-text: #7a4f16;--c-warn-soft: #fdf3e0;--c-warn-border: #e6c98a;--c-ok: #1f7a4d;--c-ok-soft: #e6f4ec;--t-bg: #10141c;--t-bg-alt: #161c26;--t-border: #262f3d;--t-text: #d5dbe6;--t-muted: #6f7b8d;--t-in: #56b6f0;--t-out: #b58cf5;--t-info: #7fd6a6;--t-error: #f0777f;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-2xl: 1.875rem;--fs-3xl: 2.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 20, 28, .06);--shadow: 0 2px 8px rgba(16, 20, 28, .07), 0 1px 2px rgba(16, 20, 28, .05);--shadow-lg: 0 12px 32px rgba(16, 20, 28, .1);--header-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--c-surface);font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--secondary{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-sunken)}.btn--danger{background:var(--c-surface);border-color:var(--c-danger);color:var(--c-danger)}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft)}.btn--demo{background:var(--c-surface);border-style:dashed;border-color:var(--c-warn-border);color:var(--c-warn)}.btn--demo:hover:not(:disabled){background:var(--c-warn-soft)}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-text-muted);min-height:28px;padding:0 var(--sp-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.btn--ghost:hover:not(:disabled){color:var(--c-text);background:#ffffff14}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px 10px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;color:var(--c-text-muted);white-space:nowrap}.chip__dot{width:7px;height:7px;border-radius:50%;background:var(--c-text-faint);flex:none}.chip--ok{background:var(--c-ok-soft);border-color:transparent;color:var(--c-ok)}.chip--ok .chip__dot{background:var(--c-ok)}.chip--warn{background:var(--c-warn-soft);border-color:transparent;color:var(--c-warn)}.chip--warn .chip__dot{background:var(--c-warn)}.chip--danger{background:var(--c-danger-soft);border-color:transparent;color:var(--c-danger)}.chip--danger .chip__dot{background:var(--c-danger)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.card__title{font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.card__sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.card__body{padding:var(--sp-5)}.spacer{flex:1 1 auto}.app{display:flex;flex-direction:column;min-height:100vh}.shell-main{flex:1 1 auto;width:100%;max-width:1360px;margin:0 auto;padding:var(--sp-5) var(--sp-5) var(--sp-7)}.header{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--c-border)}.header__inner{display:flex;align-items:center;gap:var(--sp-4);width:100%;max-width:1360px;min-height:var(--header-h);margin:0 auto;padding:var(--sp-2) var(--sp-5)}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);flex:none}.brand__mark{display:block;flex:none}.brand__name{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.025em}.brand__tag{display:inline-block;margin-left:var(--sp-2);padding-left:var(--sp-3);border-left:1px solid var(--c-border-strong);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-faint)}.header__actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end}.identity{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 4px 4px 10px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);font-size:var(--fs-sm);max-width:320px}.identity__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.identity__avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-xs);font-weight:700;flex:none}.identity--stale{border-style:dashed;border-color:var(--c-warn-border);color:var(--c-text-faint)}.identity--stale .identity__avatar{background:var(--c-surface-sunken);color:var(--c-text-faint)}.portal-nav{display:flex;align-items:center;overflow-x:auto;border-bottom:1px solid var(--c-border);background:var(--c-surface);scrollbar-width:none}.portal-nav::-webkit-scrollbar{display:none}.portal-nav__inner{display:flex;align-items:center;gap:var(--sp-5);width:100%;max-width:1360px;margin:0 auto;padding:0 var(--sp-5)}.portal-nav__item{padding:var(--sp-3) 0;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted);border-bottom:2px solid transparent;cursor:default;white-space:nowrap}.portal-nav__item--active{color:var(--c-text);border-bottom-color:var(--c-accent)}.footer{border-top:1px solid var(--c-border);background:var(--c-surface)}.footer__inner{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;max-width:1360px;margin:0 auto;padding:var(--sp-4) var(--sp-5);font-size:var(--fs-xs);color:var(--c-text-faint)}.signed-out{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:var(--sp-7);align-items:center;padding-top:var(--sp-6)}.hero__eyebrow{display:inline-block;margin-bottom:var(--sp-3);padding:3px 10px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero__title{font-size:var(--fs-3xl);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin-bottom:var(--sp-4)}.hero__lede{max-width:46ch;font-size:var(--fs-lg);color:var(--c-text-muted)}.hero__points{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}.signin-card{max-width:480px;justify-self:end;width:100%}.signin-card .card__body{padding:var(--sp-5)}.signin-card__flow{min-height:220px}.signin-card__meta{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-faint)}.signed-out__log{margin-top:var(--sp-6)}.loading-note{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-7) 0;justify-content:center;color:var(--c-text-muted);font-size:var(--fs-sm)}.loading-note:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-note:before{animation-duration:3s}}.home{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:var(--sp-5);align-items:start}.home__col{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.frame-card__body{padding:var(--sp-3);background:var(--c-surface-sunken);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.frame-card__frame{display:block;width:100%;height:600px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}.frame-card__foot{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--sp-2) var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-faint);font-family:var(--font-mono)}.frame-card__placeholder{display:grid;place-items:center;height:600px;border:1px dashed var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);padding:var(--sp-5);text-align:center;color:var(--c-text-muted);font-size:var(--fs-sm)}.demo-strip{border:1px dashed var(--c-warn-border);border-radius:var(--radius);background:var(--c-warn-soft);padding:var(--sp-3) var(--sp-4)}.demo-strip__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-warn)}.demo-strip__actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.demo-strip__note{flex:1 1 220px;min-width:200px;font-size:var(--fs-xs);color:var(--c-warn);opacity:.85}.shell-main .notice{margin-bottom:var(--sp-5)}.notice{border:1px solid var(--c-border);border-left-width:4px;border-radius:var(--radius);background:var(--c-surface);padding:var(--sp-4) var(--sp-5)}.notice__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);font-weight:650;margin-bottom:var(--sp-1)}.notice__body{font-size:var(--fs-sm);color:var(--c-text-muted)}.notice--warn{border-left-color:var(--c-warn);background:var(--c-warn-soft)}.notice--warn .notice__title{color:var(--c-warn)}.notice--warn .notice__body{color:var(--c-warn-text)}.notice--danger{border-left-color:var(--c-danger);background:var(--c-danger-soft)}.notice--danger .notice__title{color:var(--c-danger)}.notice__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3)}.config-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4)}.config-item{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-3);align-items:baseline;padding:var(--sp-3);border:1px solid var(--c-warn-border);border-radius:var(--radius-sm);background:#ffffffb3}.config-item__name{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--c-text)}.config-item__hint{grid-column:1 / -1;font-size:var(--fs-xs);color:var(--c-text-muted)}.config-item__value{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-faint);word-break:break-all}.config-gate{max-width:760px;margin:var(--sp-7) auto}.config-gate__head{margin-bottom:var(--sp-5)}.hero__title--sm{font-size:var(--fs-2xl)}.widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.widget{padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}.widget__label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-faint)}.widget__value{margin-top:var(--sp-1);font-size:var(--fs-xl);font-weight:650;letter-spacing:-.02em}.widget__delta{font-size:var(--fs-xs);color:var(--c-text-muted)}@media(max-width:1180px){.home{grid-template-columns:minmax(0,1fr)}.home__col--side{order:2}}@media(max-width:900px){.signed-out{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.signin-card{justify-self:stretch;max-width:none}.hero__title{font-size:var(--fs-2xl)}}@media(max-width:640px){.shell-main{padding:var(--sp-4) var(--sp-3) var(--sp-6)}.header__inner,.portal-nav__inner{padding-left:var(--sp-3);padding-right:var(--sp-3)}.frame-card__frame,.frame-card__placeholder{height:520px}}.signed-out{align-items:start;padding-bottom:var(--sp-6);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-6)}.frame-guest-note{margin:0;padding:var(--sp-3) var(--sp-4);border:1px dashed var(--c-border);border-radius:var(--radius);color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.5}.frame-guest-note code{font-size:.85em}.eventlog{display:flex;flex-direction:column;border:1px solid var(--t-border);border-radius:var(--radius-lg);background:var(--t-bg);box-shadow:var(--shadow);overflow:hidden;color:var(--t-text);max-height:692px;min-height:320px}.eventlog__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--t-border);background:var(--t-bg-alt);flex:none}.eventlog__title{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;color:var(--t-text)}.eventlog__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--t-muted)}.eventlog__legend{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--t-border);background:var(--t-bg-alt);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--t-muted);flex:none}.eventlog__legend b{font-weight:600}.eventlog__legend .k-in{color:var(--t-in)}.eventlog__legend .k-out{color:var(--t-out)}.eventlog__legend .k-info{color:var(--t-info)}.eventlog__legend .k-error{color:var(--t-error)}.eventlog__scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3) 0 var(--sp-4);scrollbar-color:var(--t-border) transparent}.eventlog__scroll::-webkit-scrollbar{width:10px}.eventlog__scroll::-webkit-scrollbar-thumb{background:var(--t-border);border-radius:999px;border:3px solid var(--t-bg)}.eventlog__empty{padding:var(--sp-5) var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--t-muted);line-height:1.7}.logline{display:grid;grid-template-columns:6.5ch 3ch minmax(0,1fr);gap:0 var(--sp-2);padding:3px var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.6;border-left:2px solid transparent}.logline:hover{background:#ffffff09}.logline__ts{color:var(--t-muted);white-space:nowrap}.logline__marker{font-weight:700;text-align:center}.logline__label{min-width:0;word-break:break-word;color:var(--t-text)}.logline__detail{grid-column:3;color:var(--t-muted);word-break:break-word}.logline--in{border-left-color:var(--t-in)}.logline--in .logline__marker,.logline--in .logline__label{color:var(--t-in)}.logline--out{border-left-color:var(--t-out)}.logline--out .logline__marker,.logline--out .logline__label{color:var(--t-out)}.logline--info{border-left-color:var(--t-info)}.logline--info .logline__marker{color:var(--t-info)}.logline--error{border-left-color:var(--t-error);background:#f0777f12}.logline--error .logline__marker,.logline--error .logline__label{color:var(--t-error)}@media(max-width:1180px){.eventlog{max-height:460px}}