/* Live It! approved design language — v37 to v39 */
:root{--green:#3D4935;--green2:#69745E;--caramel:#B65B3C;--cream:#F8F3EC;--beige:#DFD3C6;--peach:#E4A68C;--sage:#9FA590;--ink:#303A2D;--muted:#727A70;--line:#E8DED3;--li-radius:20px;--li-shadow:0 12px 32px rgba(59,57,42,.055)}
body{background:var(--cream);color:var(--ink);font-family:Montserrat,'DM Sans',system-ui,sans-serif}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--caramel);outline-offset:3px}
.sidebar{background:#3D4935}.shell .main{max-width:1480px}
.li-wordmark{padding:5px 7px;white-space:nowrap;color:#FFF8EF}.li-wordmark>span{display:block;font:500 40px/.96 'Playfair Display',Georgia,serif;letter-spacing:-2px}.li-wordmark em,.liveit-login-brand em{font-style:normal;color:var(--caramel)}.li-wordmark small{display:block;font:500 10px/1.5 Montserrat,sans-serif;letter-spacing:1.4px;color:#F0DCD1;margin-top:7px}
.nav-button{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;padding:12px 13px}.nav-button .nav-ico{display:inline-flex;justify-content:center;align-items:center}.nav-button .ttc-icon{flex:none}
.topline{padding:0 0 5px}.topline h1{letter-spacing:-.8px}.topline .avatar{background:#F5E9DF;color:var(--green);font-size:0}.topline .tools-header{display:inline-flex;gap:8px;align-items:center}
.card,.v28-panel,.li-class-card,.list-row,.question,.form{border-radius:var(--li-radius);border-color:var(--line);box-shadow:var(--li-shadow)}
.card,.v28-panel{background:#FFFDFC}.btn{font-weight:650;box-shadow:none;transition:transform .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-1px);background:#54614C}.btn:active{transform:none}.btn.secondary{background:#EFE5DA;color:var(--green)}
.banner{background:linear-gradient(125deg,#3D4935 0%,#73816D 100%)}.banner.caramel{background:linear-gradient(120deg,#AA674F,#E4A68C)}
.li-block{margin-top:30px}.li-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.li-block-head h3{font-size:24px}.li-classes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:15px}
.li-class-card{background:#FFFEFC;border:1px solid var(--line);padding:23px;display:flex;gap:16px;align-items:flex-start}.li-class-card h3{font-size:21px;margin:5px 0 8px}.li-class-card p{color:var(--muted);font-size:13px;line-height:1.6}.li-class-card small{color:var(--caramel);font-size:10px;letter-spacing:1.5px;font-weight:750}.li-theme-icon{border-radius:15px;min-width:56px;height:56px;display:grid;place-items:center;background:#F5E8DE;color:var(--caramel)}.li-chip{display:inline-block;margin-top:6px;background:#F0E7DB;color:var(--green);padding:5px 9px;border-radius:30px;font-size:11px}
.li-empty{padding:24px;display:flex;gap:12px;align-items:center;border:1px dashed #CAB9A9;border-radius:16px;color:var(--muted);background:#FFFFFF8f}.li-context{display:flex;align-items:center;gap:14px;padding:19px 21px;margin:0 0 24px;border-radius:20px;background:#E8ECE4;border:1px solid #CCD6C8}.li-context-icon{background:#FFFDFC;border-radius:13px;padding:12px;color:var(--green)}.li-context small{font-size:10px;letter-spacing:1.6px;color:#687565;font-weight:750}.li-context h3{font-size:22px;margin:4px 0}.li-context p{margin:0;font-size:12px;color:var(--muted)}.li-legend{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.6}
/* Editorial login identity, no Travel Talk Club hard-coded global chrome */
.hero-login .login-side{background:linear-gradient(115deg,#F8F3ECCA,#F7E9DBBB),url('/static/travel-sky.webp') center/cover;padding:clamp(28px,6vw,95px)}
.liveit-login-brand{color:var(--green);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.liveit-login-brand>span{font:500 clamp(68px,7vw,104px)/.95 'Playfair Display',Georgia,serif;letter-spacing:-4px}.liveit-login-brand small{font:500 clamp(14px,1.6vw,20px) Georgia,serif;letter-spacing:.5px}.liveit-login-brand i{font:italic 27px cursive;color:var(--caramel);margin-left:74px}.liveit-motto{font-size:11px;color:var(--caramel);font-weight:750;letter-spacing:2.5px;margin-top:55px}.hero-login .login-side h1{font-size:clamp(39px,4.6vw,70px);margin:12px 0 8px}.hero-login .login-form{background:#FFFCF8}
.v28-hero-student{background-blend-mode:normal}.v28-welcome-plane{opacity:.16}.v28-hero-overlay .v28-kicker{color:#f9e9d8}
.v28-stat-grid .v28-stat,.metric{background:#FFFEFC}.bottom-nav{box-shadow:0 -12px 30px #3930240a}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.bottom-nav svg{height:22px;width:22px}
@media(max-width:760px){.main{padding-left:17px;padding-right:17px;padding-top:max(48px,calc(env(safe-area-inset-top) + 22px));padding-bottom:calc(116px + env(safe-area-inset-bottom))}.topline{align-items:flex-start}.topline h1{font-size:clamp(27px,8vw,38px)}.topline-actions{flex-shrink:0}.li-wordmark{font-size:28px}.li-context{padding:14px;align-items:flex-start}.li-classes{grid-template-columns:1fr}.li-class-card{padding:16px}.li-block-head{align-items:flex-start;flex-wrap:wrap}.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}.hero-login .login-side{min-height:390px;padding:48px 28px}.liveit-login-brand>span{font-size:67px}.hero-login .login-form{padding:34px 24px}.liveit-motto{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}