:root{--ink-950: #15211f;--ink-700: #465652;--ink-500: #71807c;--paper-50: #fbfaf7;--paper-100: #f4f1ea;--paper-200: #e8e2d7;--surface: #ffffff;--brand-700: #0b5f59;--brand-600: #0c766c;--brand-100: #d8eeea;--amber-700: #8a4b08;--amber-100: #fff0d2;--danger-700: #9c2d2d;--danger-100: #fbe1df;--success-700: #2e6c4b;--focus: #e46b3a;--shadow-sm: 0 1px 3px rgb(21 33 31 / 8%);--shadow-lg: 0 24px 70px rgb(21 33 31 / 20%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;color:var(--ink-950);background:var(--paper-100);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2,.brand__name{font-family:Segoe UI Variable Display,Segoe UI,system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700}.brand__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--brand-600)}.brand__name{font-size:1.2rem;letter-spacing:-.03em}.eyebrow{display:block;margin-bottom:var(--space-2);color:var(--brand-700);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr)}.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px);background:var(--paper-100)}.auth-story:after{content:"";position:absolute;right:-16vw;bottom:-31vw;z-index:0;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle at 38% 35%,#5aaea1 0 7%,#13796f 8% 22%,#0b5f59 23% 35%,transparent 36%),repeating-radial-gradient(circle,transparent 0 30px,rgb(11 95 89 / 12%) 31px 32px);opacity:.9}.auth-story__copy{position:relative;z-index:1;max-width:650px;margin:14vh 0}.auth-story__copy h1{max-width:12ch;margin-bottom:var(--space-5);font-size:clamp(3rem,6vw,6.5rem);line-height:.96;letter-spacing:-.065em}.auth-story__copy p{max-width:48ch;color:var(--ink-700);font-size:1.15rem;line-height:1.65}.trust-note{position:relative;z-index:1;display:flex;align-items:center;align-self:flex-start;gap:var(--space-3);padding:9px 12px;color:var(--ink-700);border-radius:999px;background:#f4f1eae0;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trust-note svg{color:var(--brand-600)}.auth-panel{display:grid;place-items:center;padding:var(--space-6);background:var(--surface)}.auth-card{width:min(100%,430px)}.auth-card__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:var(--space-6);color:var(--brand-700);background:var(--brand-100);border-radius:var(--radius-md)}.auth-card h2{margin-bottom:var(--space-2);font-size:2rem;letter-spacing:-.04em}.auth-card>p{margin-bottom:var(--space-6);color:var(--ink-500)}.auth-card label{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--ink-700);font-size:.85rem;font-weight:600}.auth-card input{width:100%;padding:14px 16px;color:var(--ink-950);border:1px solid var(--paper-200);border-radius:var(--radius-sm);background:var(--paper-50)}.auth-card input:hover{border-color:var(--ink-500)}.auth-card small{display:block;margin-top:var(--space-4);color:var(--ink-500);text-align:center}.form-error{padding:var(--space-3);color:var(--danger-700)!important;background:var(--danger-100);border-radius:var(--radius-sm);font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait}.button svg{width:18px}.button--primary{color:#fff;background:var(--brand-700)}.button--primary:hover:not(:disabled){background:var(--brand-600)}.button--secondary{color:var(--brand-700);background:var(--brand-100)}.button--wide{width:100%}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;color:inherit;border:0;border-radius:50%;background:#ffffff1f;cursor:pointer}.icon-button svg{width:20px}.icon-button--surface{color:var(--brand-700);background:var(--surface);box-shadow:var(--shadow-sm)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column;width:230px;padding:var(--space-5);border-right:1px solid var(--paper-200);background:#fbfaf7eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar nav{display:grid;gap:var(--space-2);margin-top:var(--space-7)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);color:var(--ink-700);border:0;border-radius:var(--radius-sm);background:transparent;font-weight:600;cursor:pointer}.nav-item svg{width:20px}.nav-item:hover{background:var(--paper-100)}.nav-item.is-active{color:var(--brand-700);background:var(--brand-100)}.nav-item--logout{margin-top:auto}.content{min-height:100vh;margin-left:230px}.page{width:min(100%,1500px);margin:0 auto;padding:clamp(32px,5vw,72px)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.page-heading h1{margin-bottom:var(--space-2);font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:-.065em}.page-heading p{margin:0;color:var(--ink-500)}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.filter{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 14px;color:var(--ink-700);border:1px solid var(--paper-200);border-radius:999px;background:var(--surface);cursor:pointer}.filter svg{width:16px}.filter.is-active{color:#fff;border-color:var(--brand-700);background:var(--brand-700)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.media-card{position:relative;overflow:hidden;aspect-ratio:1;padding:0;border:0;border-radius:var(--radius-md);background:var(--paper-200);cursor:zoom-in;box-shadow:var(--shadow-sm)}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.media-card:hover img{transform:scale(1.035)}.media-card__shade{position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#081412bf)}.media-card__meta{position:absolute;inset:auto var(--space-3) var(--space-3);display:grid;gap:2px;color:#fff;text-align:left}.media-card__meta strong{font-size:.85rem}.media-card__meta span{font-size:.7rem;opacity:.78}.media-card__video{position:absolute;inset:var(--space-3) var(--space-3) auto auto;display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:50%;background:#0814128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-card__video svg{width:16px}.status{display:grid;justify-items:center;max-width:520px;margin:12vh auto;color:var(--ink-500);text-align:center}.status>svg{width:38px;height:38px;margin-bottom:var(--space-4);color:var(--brand-600)}.status h2{margin-bottom:var(--space-2);color:var(--ink-950)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:grid;place-items:center;min-height:100vh}.viewer{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;color:#fff;border:0;background:#09100f}.viewer::backdrop{background:#09100f}.viewer__bar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(rgb(0 0 0 / 78%),transparent)}.viewer__bar h2{margin:0;font-size:1rem}.viewer__bar p{margin:2px 0 0;color:#ffffffa6;font-size:.75rem}.viewer__actions{display:flex;gap:var(--space-2)}.viewer__media{display:grid;place-items:center;width:100%;height:100%}.viewer__media img,.viewer__media video{max-width:100%;max-height:100%;object-fit:contain}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);padding:var(--space-5);border:1px solid var(--paper-200);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.stat-card svg{grid-row:1 / span 2;width:22px;color:var(--brand-600)}.stat-card strong{font:700 1.6rem/1 Segoe UI Variable Display,Segoe UI,sans-serif}.stat-card span{color:var(--ink-500);font-size:.8rem}.alert{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);color:var(--amber-700);border-radius:var(--radius-sm);background:var(--amber-100)}.alert--danger{color:var(--danger-700);background:var(--danger-100)}.alert p{margin:var(--space-1) 0 0}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-5);color:#fff;border-radius:var(--radius-md);background:var(--brand-700)}.invite-card h2{margin-bottom:var(--space-2)}.invite-card__url{max-width:65ch;margin-bottom:var(--space-2);overflow-wrap:anywhere;color:#ffffffc7}.success-note{margin:0;color:#fff;font-size:.85rem}.people h2{margin-bottom:var(--space-4)}.people__list{overflow:hidden;border:1px solid var(--paper-200);border-radius:var(--radius-md);background:var(--surface)}.person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--paper-200)}.person:last-child{border-bottom:0}.person div{display:grid}.person div span{color:var(--ink-500);font-size:.8rem}.avatar{display:grid;place-items:center;width:42px;height:42px;color:var(--brand-700);border-radius:50%;background:var(--brand-100);font-weight:700}.role{padding:6px 9px;color:var(--ink-700);border-radius:999px;background:var(--paper-100);font-size:.75rem}.bottom-nav{display:none}@media(max-width:1050px){.media-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:42vh;padding:var(--space-5)}.auth-story__copy{margin:var(--space-7) 0 var(--space-4)}.auth-story__copy h1{font-size:clamp(2.8rem,14vw,4.5rem)}.auth-story:after{right:-35vw;bottom:-90vw;width:100vw;height:100vw}.trust-note{display:none}.auth-panel{padding:var(--space-7) var(--space-5)}.sidebar{display:none}.content{margin-left:0;padding-bottom:76px}.page{padding:var(--space-5) var(--space-4)}.page-heading{align-items:flex-start}.page-heading h1{font-size:2.7rem}.page-heading .button{padding:0 12px}.media-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.media-card{border-radius:var(--radius-sm)}.media-card__meta{display:none}.bottom-nav{position:fixed;inset:auto 0 0;z-index:10;display:flex;justify-content:space-around;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--paper-200);background:#fbfaf7f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav button{display:grid;justify-items:center;gap:2px;min-width:74px;min-height:50px;padding:6px;color:var(--ink-500);border:0;background:transparent;font-size:.7rem}.bottom-nav button svg{width:20px}.bottom-nav button.is-active{color:var(--brand-700)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stat-card{grid-template-columns:1fr;padding:var(--space-4)}.stat-card svg{grid-row:auto}.invite-card{align-items:stretch;flex-direction:column}.person{grid-template-columns:auto 1fr}.role{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}