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