/* The commons: shared app views, a quiet desktop rail, generous campus space. */
.web-public{min-height:100dvh;background:var(--mode-canvas,#f8f6f0);color:var(--mode-text,#201a35)}
.web-public-header{height:104px;max-width:1320px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.web-wordmark{width:90px;height:auto;object-fit:contain}.web-public .button{min-height:48px;border-radius:16px;padding:13px 22px}.web-public .button.dark{background:#6236ff;color:white}.web-public .button.outline{border:1px solid var(--mode-line,#d9d3e5)}
.web-landing{max-width:1250px;margin:55px auto 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding:0 48px;align-items:center}.web-eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--mode-muted,#665f77)}
.web-landing h1{font-size:clamp(48px,6vw,84px);line-height:1.08;letter-spacing:-4px;margin:22px 0}.web-landing h1>span{color:#6236ff}.web-landing-copy>p{font-size:20px;line-height:1.6;max-width:390px;margin-bottom:28px}.web-landing-copy>small{display:block;margin:18px 0;color:var(--mode-muted,#665f77);line-height:1.6}
.web-landing-scene{min-height:450px;position:relative}.web-portrait-tile{position:absolute;inset:10px 50px 55px 20px;border-radius:45% 45% 24px 24px;background:#e8e0ff;display:flex;align-items:center;flex-direction:column;overflow:hidden;transform:rotate(-4deg)}.web-portrait-tile>svg{height:320px;width:260px;flex:1}.web-portrait-tile>span{background:#fff9ed;color:#201a35;padding:18px;width:100%;text-align:center;font-size:18px;font-weight:700}
.web-paper-note{position:absolute;right:-15px;top:18px;background:#d8ff62;color:#201a35;transform:rotate(8deg);border-radius:18px;padding:25px;box-shadow:0 14px 40px #201a3510}.web-paper-note strong{display:block;font-size:24px;line-height:1.3;margin-top:12px}.web-pet-note{position:absolute;bottom:0;right:10px;border-radius:28px;background:#ffb4a1;color:#201a35;padding:14px 22px;text-align:center;transform:rotate(5deg)}.web-pet-note>svg{width:120px;height:105px}.web-pet-note>span{display:block;font-weight:650}
.web-feature-strip{max-width:1180px;margin:40px auto 70px;display:flex;gap:40px;padding:30px 48px;border-block:1px solid var(--mode-line,#e0daeb);justify-content:space-between}.web-feature-strip>div{display:flex;align-items:center;gap:14px}.web-feature-strip h3{font-size:15px}.web-public-footer{padding:24px 48px;max-width:1280px;margin:auto;display:flex;gap:24px;font-size:12px;color:var(--mode-muted,#665f77)}.web-public-footer>a:first-of-type{margin-left:auto}
.web-auth-zone{max-width:1050px;padding:40px;margin:40px auto;background:var(--mode-surface,#fffaf1);border:1px solid var(--mode-line,#e0daeb);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.web-auth-zone h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.web-auth-zone p{line-height:1.7}.web-auth-zone .auth-form{width:auto;max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.web-auth-zone .auth-form h2{font-size:24px}.web-auth-zone .field{margin-top:14px}
.web-reservation-intro{max-width:1080px;margin:55px auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.web-reservation-intro h1{font-size:46px;line-height:1.2;letter-spacing:-2px;margin:18px 0}.web-reservation-intro p{line-height:1.7;font-size:17px}.web-reserve-form{padding:28px;border:1px solid var(--mode-line);border-radius:24px;background:var(--mode-surface)}.web-reserve-form .field{margin-bottom:22px}.web-reserve-form .field small{font-weight:400;line-height:1.5}.web-consent{display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:13px;line-height:1.6}.web-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#6236ff}.web-consent a{text-decoration:underline;text-underline-offset:3px}
.web-reservation-workspace{max-width:1180px;margin:20px auto;padding:0 40px 60px}.web-reserved-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 20px}.web-reserved-heading h1{font-size:40px;letter-spacing:-1.8px;margin-top:12px}.web-reserved-pill{display:inline-flex;align-items:center;gap:8px;background:#e8e0ff;color:#443078;border-radius:100px;padding:8px 14px;font-size:13px}.web-reserved-explanation{color:var(--mode-muted);line-height:1.6;margin-bottom:30px}.web-reserved .profile-studio{background:var(--mode-surface);border:1px solid var(--mode-line);border-radius:24px;padding:28px}.web-reserved .studio-intro{margin-bottom:22px}.web-reserved .studio-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.web-reserved .studio-tabs{flex-wrap:wrap}.web-reserved .studio-layout{min-height:0}.web-reserved .studio-controls{min-width:0}.web-loading,.web-error{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:30px;text-align:center;background:var(--mode-canvas,#f8f6f0)}.web-loading img{width:80px;height:80px}.web-error p{max-width:600px;line-height:1.7}
@media(min-width:1000px){
 .app-shell{display:block!important}.app-shell>.sidebar{display:flex!important;width:238px!important;padding:28px 20px;inset:0 auto 0 0!important;transform:none!important;background:var(--mode-canvas);border-right:1px solid var(--mode-line);z-index:35}.sidebar .brand{padding-bottom:32px}.sidebar .stu-wordmark{width:86px;min-width:86px}.sidebar .uni-selector{padding:12px 8px;border:1px solid var(--mode-line);border-radius:15px}.sidebar .nav-label{margin-top:27px}.sidebar nav{display:grid;gap:6px;margin-top:14px}.sidebar nav button{border-radius:14px;padding:13px 14px;min-height:48px}.sidebar nav button.selected{background:var(--mode-accent-soft,#e8e0ff);color:var(--mode-accent,#6236ff)}.sidebar-tools{order:3;margin-top:24px}.sidebar-bottom{margin-top:auto}.app-shell>.workspace{margin-left:238px!important;width:calc(100% - 238px)!important;max-width:none!important;height:100dvh!important;overflow:auto!important;min-width:0}.workspace>.topbar{display:flex!important;position:sticky;top:0;min-height:72px;padding:16px 35px;background:var(--mode-canvas);border-bottom:1px solid var(--mode-line);z-index:20}.topbar .breadcrumb{display:none}.topbar .search{max-width:470px;flex:1;margin-left:auto}.topbar .mobile-brand{display:none}.workspace>main{max-width:1400px;margin:0 auto;padding:32px 35px!important;height:auto!important;min-height:calc(100dvh - 72px);overflow:visible!important}.content-layout{gap:28px;grid-template-columns:minmax(0,1fr) 270px}.primary{min-width:0}.home-dashboard{max-width:none}.home-welcome h1{font-size:42px;letter-spacing:-1.5px}.home-noteboard{gap:18px}.home-note{min-height:150px}.home-event-list{gap:18px}.home-deal-grid{gap:18px}.right-rail{position:sticky;top:105px;height:max-content}.chat-environment .content-layout,.feed-environment .content-layout,.me-environment .content-layout,.settings-environment .content-layout{display:block}.chat-environment .right-rail,.feed-environment .right-rail,.me-environment .right-rail,.settings-environment .right-rail{display:none}.chat-environment .workspace>main{height:calc(100dvh - 73px)!important;min-height:0;overflow:hidden!important;padding:24px 30px!important}.chat-environment .chat-layout{height:100%;min-height:0;max-height:none;grid-template-columns:310px minmax(0,1fr)}.chat-environment .chat-panel{min-width:0;height:100%;max-height:none}.feed-environment .social-surface{max-width:1050px;margin:auto}.me-environment .social-profile-screen{max-width:1000px!important;margin:auto}.me-environment .social-profile-screen .profile-hero{padding:22px 35px}.me-environment .profile-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-nav{display:none!important}
}
@media(min-width:1000px) and (max-width:1200px){.content-layout{display:block}.right-rail{display:none}.app-shell>.sidebar{width:205px!important}.app-shell>.workspace{margin-left:205px!important;width:calc(100% - 205px)!important}.chat-environment .chat-layout{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:999px){.web-public-header{height:85px;padding:20px 25px}.web-landing{padding:0 28px;gap:25px;margin-top:30px}.web-landing-scene{min-height:340px}.web-portrait-tile{inset:15px 10px 40px 0}.web-portrait-tile>svg{width:200px;height:230px}.web-paper-note{right:-5px;padding:15px}.web-paper-note strong{font-size:19px}.web-pet-note{right:0;padding:10px}.web-pet-note>svg{width:90px;height:80px}.web-reservation-intro{gap:35px}.web-auth-zone{margin:30px 25px;padding:28px;gap:30px}.web-feature-strip{gap:20px;padding:25px}.web-feature-strip>div{gap:8px}.web-reserved .studio-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.web-wordmark{width:76px}.web-public-header .button{padding:10px 13px;min-height:43px}.web-landing{display:flex;flex-direction:column;align-items:stretch;margin:28px auto 40px;gap:32px}.web-landing h1{font-size:56px;letter-spacing:-2.8px}.web-landing-copy>p{font-size:17px}.web-landing-scene{min-height:355px;max-width:350px;width:100%;margin:auto}.web-feature-strip{display:grid;margin:30px 25px;padding:25px 0;gap:25px}.web-auth-zone{display:block;padding:22px;margin:20px}.web-auth-zone>.auth-form{margin-top:30px}.web-public-footer{padding:20px;gap:15px;font-size:11px}.web-reservation-intro{display:block;padding:0 22px;margin:30px auto}.web-reservation-intro h1{font-size:36px}.web-reservation-intro>div{margin-bottom:28px}.web-reserve-form{padding:22px}.web-reservation-workspace{padding:0 18px 40px}.web-reserved-heading{align-items:flex-start;flex-direction:column}.web-reserved-heading h1{font-size:32px}.web-reserved .profile-studio{padding:18px}.web-reserved .studio-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-reserved .studio-layout{display:block}.web-reserved .studio-preview{display:none}.web-reserved .preview-visible .studio-preview{display:block}.web-reserved .studio-tabs{gap:5px}.web-reserved .studio-tabs button{font-size:11px;padding:9px}.web-reserved .studio-intro{gap:8px}.web-reserved .studio-intro h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.web-public *{animation:none!important;transition:none!important}}

@media(min-width:1000px){
 .home-workspace .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.home-workspace .right-rail{display:block}.home-workspace .primary{max-width:none}
 .messages-workspace .content-layout,.messages-workspace .primary{height:100%;min-height:0}.chat-environment .messenger{height:100%!important;min-height:0;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--mode-line);border-radius:22px;overflow:hidden}.chat-environment .conversation-list,.chat-environment .conversation-thread{min-height:0;height:100%;min-width:0}.chat-environment .conversation-list{border-right:1px solid var(--mode-line)}
 .workspace:not(.messages-workspace)>.topbar+main .content-layout{padding-top:0}
}
@media(min-width:1000px) and (max-width:1200px){.home-workspace .content-layout{display:block}.home-workspace .right-rail{display:none}}

.web-change-user{font-size:12px;color:var(--mode-muted);padding:10px 0;text-decoration:underline;text-underline-offset:3px}

/* Pre-release landing and full-page account creation. */
.web-waiting{display:flex;flex-direction:column;text-align:center;gap:0;max-width:1080px;min-height:calc(100dvh - 215px);justify-content:center;margin:10px auto 30px;padding:30px 28px 50px}
.web-waiting .web-wordplay{display:flex;align-items:center;justify-content:center;gap:0;max-width:100%;font-family:Manrope,system-ui,sans-serif;font-size:clamp(68px,10vw,130px);font-weight:900;letter-spacing:-.075em;line-height:1.1;margin:38px 0 0}
.web-wordplay>img{width:auto;height:.9em;max-width:38%;object-fit:contain;flex:none}
.web-waiting .web-crossed-word{color:var(--mode-text,#201a35);position:relative;display:inline-block;padding-right:.05em}
.web-crossed-word::before,.web-crossed-word::after{content:"";position:absolute;left:-3%;right:-3%;top:50%;height:.065em;background:#6236ff;transform:rotate(-8deg);border-radius:100px}
.web-crossed-word::after{background:#baff4a;height:.035em;transform:rotate(-5deg);top:56%}
.web-not-yet{align-self:center;transform:rotate(-5deg);margin:6px 0 28px 45%;font-size:18px;font-weight:700;color:#6236ff;white-space:nowrap}
.web-waiting h2{font-size:clamp(23px,3vw,34px);letter-spacing:-1px;line-height:1.3;margin:10px 0 15px;max-width:630px}
.web-waiting>p{font-size:18px;line-height:1.7;max-width:535px;margin:0 0 28px;color:var(--mode-muted,#665f77)}
.web-waiting>small{font-size:12px;margin-top:18px;color:var(--mode-muted,#665f77)}
.web-create-layout{max-width:1080px;margin:35px auto 60px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}
.web-create-copy h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-2px;max-width:440px;margin:22px 0}
.web-create-copy p{font-size:17px;line-height:1.7;color:var(--mode-muted)}
.web-create-steps{display:grid;gap:16px;margin:30px 0}
.web-create-steps>div{display:flex;align-items:center;gap:14px}
.web-create-steps span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8e0ff;color:#443078;font-weight:750;font-size:12px}
.web-create-steps strong{font-size:14px}
.web-create-copy .web-create-privacy{font-size:12px;max-width:390px;padding-top:15px;border-top:1px solid var(--mode-line)}
.web-create-form{padding:28px;background:var(--mode-surface);border:1px solid var(--mode-line);border-radius:24px;min-width:0}
.web-create-form .auth-form{margin:0;width:100%;max-width:none}
@media(max-width:650px){.web-waiting{margin:0 auto;min-height:calc(100dvh - 180px);padding:28px 20px 45px}.web-waiting .web-wordplay{font-size:clamp(55px,15vw,87px);letter-spacing:-.065em;margin-top:36px}.web-not-yet{font-size:14px;margin:12px 0 28px 35%}.web-waiting h2{font-size:26px;max-width:330px}.web-waiting>p{font-size:16px;max-width:345px}.web-create-layout{display:block;padding:0 22px;margin:20px auto 40px}.web-create-copy h1{font-size:36px;letter-spacing:-1.5px}.web-create-steps{gap:10px;margin:22px 0}.web-create-copy .web-create-privacy{margin-bottom:24px}.web-create-form{padding:22px}.web-create-page .web-public-header{height:85px}}