:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7f2;--bg-panel:#121414c7;--bg-panel-strong:#0c0d0deb;--line:#ffffff14;--text-muted:#f5f7f29e;--signal-lime:#c0f74c;--signal-red:#ff5a40;--signal-steel:#d9ded6;--shadow:0 24px 80px #0000005c;background:radial-gradient(circle at 0 0,#c0f74c2e,#0000 24%),radial-gradient(circle at 100% 100%,#ff58402e,#0000 28%),#101111;font-family:IBM Plex Sans,Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#ffffff05,#0000 20%),radial-gradient(circle,#ffffff0d,#0000 52%),#101111;min-height:100dvh;margin:0}button,input{font:inherit;-webkit-tap-highlight-color:transparent}input{-webkit-user-select:text;user-select:text}button{cursor:pointer;border:0}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.launch-screen,.auth-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.launch-screen{text-align:center;gap:12px}.launch-screen__badge,.auth-panel__eyebrow,.home-shell__eyebrow,.chat-panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;width:fit-content;color:var(--signal-lime);background:#c0f74c1a;border:1px solid #c0f74c47;border-radius:999px;padding:8px 12px;font-size:.72rem;display:inline-flex}.launch-screen__title,.auth-panel__title,.home-shell__title,.chat-panel__title{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.94}.launch-screen__caption,.auth-panel__text{color:var(--text-muted);margin:0}.panel{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(560px,100%);box-shadow:var(--shadow);border-radius:32px;padding:clamp(24px,5vw,40px)}.auth-panel,.role-panel{gap:18px;display:grid}.pin-input__field{border:1px solid var(--line);width:100%;color:inherit;letter-spacing:.3em;text-align:center;background:#ffffff0a;border-radius:24px;padding:22px 24px;font-size:clamp(2rem,9vw,3.6rem)}.primary-button,.glass-button,.viewer-shell__close,.viewer-shell__rotate,.clear-button{border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,opacity .16s,background .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--signal-lime), #8ed12b);color:#0b0e08;min-height:64px;padding:0 24px;font-weight:700}.glass-button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;min-height:42px;padding:0 16px}.glass-button--dark{background:#0c0d0de0}.primary-button:disabled,.campus-action:disabled,.glass-button:disabled,.campus-chat-button:disabled,.chat-input:disabled{opacity:.5;cursor:default}.primary-button:not(:disabled):active,.role-card:active,.campus-action:active,.glass-button:active,.campus-chat-button:active,.clear-button:active,.gallery-card__preview:active,.viewer-shell__close:active,.viewer-shell__rotate:active{transform:scale(.985)}.role-panel__grid{gap:14px;display:grid}.role-card{border:1px solid var(--line);text-align:left;min-height:150px;color:inherit;background:linear-gradient(145deg,#ffffff0f,#0000),#ffffff08;border-radius:28px;gap:10px;padding:24px;display:grid}.role-card--accent{background:radial-gradient(circle at 100% 0,#c0f74c42,#0000 32%),linear-gradient(145deg,#c0f74c24,#ffffff0a)}.role-card__title{letter-spacing:-.05em;font-size:2rem;font-weight:700}.role-card__text{color:var(--text-muted)}.ready-shell{grid-template-columns:minmax(0,1fr) minmax(360px,42vw);gap:18px;height:100dvh;min-height:100dvh;padding:16px;display:grid;overflow:hidden}.ready-shell__main,.chat-panel{height:100%;min-height:0;max-height:100%}.ready-shell__main{min-width:0;overflow:hidden}.campus-shell,.home-shell{min-height:100dvh}.campus-shell{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto;gap:12px;padding:12px;display:grid}.campus-shell--desktop{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:100%;min-height:0;max-height:100%;box-shadow:var(--shadow);border-radius:32px;grid-template:"camera alarm"minmax(0,1fr)"status status"/1fr 1fr;gap:18px;padding:22px;overflow:hidden}.campus-action{color:#0e110d;width:100%;box-shadow:var(--shadow);touch-action:manipulation;border-radius:34px;place-items:center;display:grid;position:relative;overflow:hidden}.campus-action:before{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 0 0,#ffffff52,#0000 26%),linear-gradient(#ffffff24,#0000 50%);position:absolute;inset:0}.campus-shell--desktop .campus-action--camera{grid-area:camera}.campus-shell--desktop .campus-action--alarm{grid-area:alarm}.campus-action--camera{background:linear-gradient(155deg, var(--signal-lime), #80c922)}.campus-action--alarm{color:#fff5f2;background:linear-gradient(160deg,#ff6a4d,#d83222)}.campus-action--alarm-live{box-shadow:0 0 0 1px #ff7d666b, 0 0 0 14px #ff5a401f, var(--shadow)}.campus-action__label{z-index:1;letter-spacing:-.08em;font-size:clamp(2.5rem,12vw,5rem);font-weight:800;position:relative}.campus-chat-button{color:#f5f7f2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border-radius:24px;min-height:54px;padding:0 20px}.campus-shell__status{justify-content:center;padding-bottom:10px;display:flex}.campus-shell--desktop .campus-shell__status{grid-area:status;padding-bottom:0}.connection-pill{border:1px solid var(--line);min-height:40px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:.72rem;display:inline-flex}.connection-pill__dot{background:currentColor;border-radius:50%;width:10px;height:10px}.connection-pill--online{color:var(--signal-lime)}.connection-pill--connecting{color:#ffcf67}.connection-pill--offline{color:var(--signal-red)}.home-shell{padding:max(20px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom)) 18px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;display:grid}.home-shell--desktop{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:100%;min-height:0;max-height:100%;box-shadow:var(--shadow);border-radius:32px;gap:22px;padding:22px;overflow:hidden}.home-shell__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.home-shell--desktop .home-shell__header{margin-bottom:0}.home-shell__gallery{min-height:0;overflow:auto}.home-shell__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.home-shell__footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.call-status{background:#ffffff0d;border:1px solid;border-radius:18px;gap:2px;width:fit-content;min-width:0;padding:10px 14px;display:inline-grid;box-shadow:0 12px 34px #00000038}.call-status--ok{color:var(--signal-lime);background:#c0f74c14}.call-status--low{color:var(--signal-red);background:#ff5a401a}.call-status__label,.call-status__meta{letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-size:.68rem}.call-status__value{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.home-shell__footer{justify-content:flex-start;padding-bottom:4px;display:flex}.clear-button{color:#ffd8d1;background:#ff5a402e;border:1px solid #ff5a403d;border-radius:18px;min-height:48px;padding:0 18px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.home-shell--desktop .gallery-grid{align-content:start;height:auto;padding-right:0;overflow:visible}.gallery-card{border:1px solid var(--line);background:var(--bg-panel);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.gallery-card__preview{background:0 0;width:100%;padding:0;display:block}.gallery-card__image{aspect-ratio:4/5;object-fit:cover;transform-origin:50%;width:100%}.gallery-card__footer{color:var(--text-muted);justify-content:flex-start;align-items:center;padding:12px 14px 14px;font-size:.86rem;display:flex}.empty-state{text-align:center;border:1px dashed var(--line);min-height:48vh;color:var(--text-muted);border-radius:28px;place-items:center;gap:10px;display:grid}.empty-state__title{color:#fff;font-size:1.4rem;font-weight:700}.chat-panel{border:1px solid var(--line);background:var(--bg-panel-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0;box-shadow:var(--shadow);border-radius:32px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px;display:grid;overflow:hidden}.chat-panel__header{gap:8px;display:grid}.chat-panel__title{letter-spacing:-.04em;font-size:clamp(1.4rem,2.4vw,2.2rem)}.chat-log{align-content:start;gap:12px;min-height:0;padding-right:6px;display:grid;overflow:hidden auto}.chat-log__empty{border:1px dashed var(--line);min-height:100%;color:var(--text-muted);text-align:center;border-radius:24px;place-items:center;display:grid}.chat-message{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:22px;justify-self:start;max-width:min(82%,420px);padding:14px 16px}.chat-message--own{background:#c0f74c24;border-color:#c0f74c2e;justify-self:end}.chat-message__meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:.75rem;display:flex}.chat-message__text{word-break:break-word;margin:0;line-height:1.35}.chat-message__image-button{background:#ffffff0a;border-radius:18px;width:min(220px,100%);margin-top:2px;padding:0;display:block;overflow:hidden}.chat-message__image{object-fit:cover;transform-origin:50%;width:100%;height:auto;max-height:220px}.chat-panel__composer{display:block}.chat-input{border:1px solid var(--line);width:100%;min-height:56px;color:inherit;background:#ffffff0d;border-radius:20px;outline:none;padding:0 18px}.chat-input:focus{border-color:#c0f74c4d}.mobile-chat{z-index:55;background:#0000006b;align-items:end;padding:18px;display:grid;position:fixed;inset:0}.mobile-chat__form{width:100%}.chat-input--mobile{min-height:64px;box-shadow:var(--shadow);background:#0c0d0df5;border-radius:24px}.viewer-shell{z-index:50;padding:max(18px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom)) 18px;background:#000000f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-shell__actions{top:max(18px, env(safe-area-inset-top));gap:10px;display:flex;position:absolute;right:18px}.viewer-shell__panel{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:inline-flex}.viewer-shell__image{object-fit:contain;max-width:100%;max-height:calc(100dvh - 120px)}.viewer-shell__close,.viewer-shell__rotate{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;min-height:44px;padding:0 18px}.viewer-shell__rotate{color:#efffd0;background:#c0f74c29}.viewer-shell__rotate:disabled{opacity:.5;cursor:default}.viewer-shell__image{transform-origin:50%;will-change:transform}.toast-stack{left:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:60;justify-items:start;gap:8px;width:auto;max-width:calc(100vw - 36px);display:grid;position:fixed}.toast{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:fit-content;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);background:#0c0d0deb;border-radius:18px;padding:14px 18px}.toast--success{border-color:#c0f74c3d}.toast--error{border-color:#ff5a403d}@media (width<=899px){.home-shell__title{font-size:clamp(2rem,11vw,4.2rem)}.chat-input--mobile{padding-left:20px;padding-right:20px}}@media (width>=900px){.role-panel__grid{grid-template-columns:1fr 1fr}.campus-action__label{font-size:clamp(2.2rem,4.6vw,4.6rem)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}