@font-face{font-family:ABCOtto;src:local(ABCOtto);font-display:swap;font-style:normal;font-weight:400 900}:root{--lobby-font-stack:Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lobby-otto-font-stack:"ABCOtto", var(--lobby-font-stack);--ink:#0c1017;--ink-2:#202733;--muted:#545d6a;--paper:#f7f6f2;--paper-2:#ebece7;--paper-3:#dfe5df;--card:#fffefa;--grass:#0e4d2c;--grass-bright:#169e50;--chalk:#fdfdf7;--blood:#dd351a;--trust:#0055c3;--success:#008344;--rule:#d3d8d5;--shadow:0 24px 70px #0c10171f;color:var(--ink);background:var(--paper);font-family:var(--lobby-font-stack);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #169e501c, transparent 34vw), linear-gradient(180deg, #fbfaf6 0%, var(--paper) 48%, #eef2ed 100%);min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.35;background-image:radial-gradient(circle at 1px 1px,#0c10170b 1px,#0000 0);background-size:3px 3px;position:fixed;inset:0}.login-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.login-card{border:1px solid var(--rule);width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefaeb;border-radius:30px;gap:22px;padding:clamp(24px,6vw,38px);display:grid}.login-brand h1{margin-bottom:12px;font-size:clamp(3.2rem,16vw,5.5rem);line-height:.86}.login-brand p:not(.eyebrow){color:var(--muted);margin-bottom:0;line-height:1.5}button,input,select,textarea{font:inherit}button{min-height:46px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #0055c359}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.tabbed-app{gap:14px;padding-bottom:96px;display:grid}.mobile-tabbar{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefae6;border:1px solid #0e4d2c24;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:520px;margin:0 auto;padding:6px;display:grid;position:fixed;box-shadow:0 18px 46px #0c10172e}.tab-button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.86rem;font-weight:850}.tab-button.is-active{background:var(--grass);color:var(--chalk)}.tab-panel{gap:14px;display:grid}.readiness-card{background:#dd351a0f;border:1px solid #dd351a29;border-radius:22px;gap:14px;padding:16px;display:grid}.readiness-card button{min-height:42px;color:var(--trust);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);border:1px solid #0055c33d;border-radius:999px;justify-self:start;padding:0 16px;font-weight:800}.app-shell.otto-trial{font-family:var(--lobby-otto-font-stack)}.hero-card,.panel,.metrics-strip{border:1px solid var(--rule);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefad6}.hero-card{border-radius:34px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:stretch;gap:18px;min-height:420px;padding:clamp(20px,4vw,46px);display:grid}.hero-copy{flex-direction:column;justify-content:flex-end;display:flex}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:780px;margin-bottom:18px;font-size:clamp(4rem,13vw,9rem);line-height:.84}h2{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(2rem,5vw,4.4rem);line-height:.95}h3{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.7rem,4vw,3rem);line-height:.98}.lede{max-width:650px;color:var(--muted);margin-bottom:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.6}.session-card{border:1px solid var(--rule);background:radial-gradient(circle at 20% 0%, #169e5029, transparent 38%), var(--card);border-radius:28px;flex-direction:column;justify-content:space-between;gap:18px;min-height:260px;padding:22px;display:flex}.session-card h2{font-size:clamp(1.8rem,4vw,3rem)}.session-card p:not(.eyebrow){color:var(--muted);margin-bottom:0}.avatar-preview{width:76px;height:76px;color:var(--grass);background:linear-gradient(135deg,#fff,#dff8e9);border:1px solid #0e4d2c38;border-radius:24px;place-items:center;font-size:1.5rem;font-weight:800;display:grid;overflow:hidden}.avatar-preview.large{border-radius:30px;flex:none;width:108px;height:108px}.avatar-preview img{object-fit:cover;width:100%;height:100%}.photo-field{flex:0 0 160px;gap:8px;width:min(160px,100%);display:grid}.photo-picker{background:radial-gradient(circle at 50% 14%, #169e5029, transparent 48%), var(--paper);min-height:176px;color:var(--ink);cursor:pointer;border:1px solid #0e4d2c33;border-radius:26px;justify-items:center;gap:10px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.photo-picker:hover{border-color:#0e4d2c61;transform:translateY(-1px);box-shadow:0 16px 34px #0e4d2c21}.photo-picker.has-photo{background:var(--card)}.photo-picker.is-empty .avatar-preview{border-style:dashed;box-shadow:inset 0 0 0 7px #ffffff94}.photo-picker-copy{text-align:center;justify-items:center;gap:2px;line-height:1.2;display:grid}.photo-picker-copy strong{font-size:.9rem}.photo-picker-copy span{color:var(--muted);font-size:.78rem;font-weight:600}.ghost-button,.inline-actions button{color:var(--ink);cursor:pointer;background:#ffffffc2;border:1px solid #0c10171a;border-radius:999px}.ghost-button{padding:0 18px}.panel{border-radius:30px;padding:clamp(20px,3vw,30px)}.auth-panel{grid-template-columns:.55fr 1fr;align-items:start;gap:22px;margin-top:18px;display:grid}.invite-landing{background:radial-gradient(circle at 100% 0,#0055c31f,#0000 34%),#fffefae6;grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.form-stack,.form-grid{gap:10px;display:grid}label{color:var(--ink-2);font-size:.82rem;font-weight:700}input,select,textarea{border:1px solid var(--rule);background:var(--card);width:100%;min-height:50px;color:var(--ink);border-radius:18px;padding:12px 15px}textarea{resize:vertical;min-height:112px}input[type=range]{min-height:36px;accent-color:var(--grass);padding:0}input[type=file]{height:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}input[type=file].visually-hidden:focus-visible+.photo-picker{outline-offset:4px;outline:3px solid #0055c35c}.otp-input{letter-spacing:.28em;text-align:center;font-size:2rem;font-weight:800}.form-stack>button,.report-card button,.primary-action{color:var(--grass);letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#eefbf3 46%,#dff8e9 100%);border:1px solid #169e5047;border-radius:18px;font-weight:800;box-shadow:0 14px 28px #169e5024}.form-stack>button:hover,.primary-action:hover{transform:translateY(-1px);box-shadow:0 18px 34px #169e502e}button:disabled{cursor:not-allowed;opacity:.54;transform:none}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.inline-actions button{min-height:40px;padding:0 14px}.status-line,.hint{color:var(--muted);margin:8px 0 0;font-size:.88rem;line-height:1.5}.grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-top:18px;display:grid}.action-stack{gap:18px;display:grid}.action-panel{border-radius:34px;gap:18px;padding:clamp(22px,4vw,42px);display:grid}.action-panel .panel-head{align-items:flex-end;margin-bottom:0}.action-panel h1{margin-bottom:14px}.action-panel .lede{max-width:720px}.secondary-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.account-panel{background:radial-gradient(circle at 20% 0%, #169e5029, transparent 38%), var(--card);align-content:space-between;gap:18px;display:grid}.account-card-main{align-items:flex-start;gap:16px;display:flex}.account-panel h2{margin-bottom:8px;font-size:clamp(1.8rem,4vw,3rem)}.account-panel p:not(.eyebrow){color:var(--muted);margin-bottom:0;line-height:1.5}.account-panel .ghost-button{justify-self:start}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pill{border:1px solid var(--rule);background:var(--paper-2);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:.76rem;font-weight:700;display:inline-flex}.profile-form{border:1px solid var(--rule);background:var(--card);border-radius:24px;align-items:flex-start;gap:18px;padding:16px;display:flex}.profile-tab{grid-template-columns:minmax(0,1fr)}.form-grid{flex:1}.format-preference-card{background:#fffefab8;border:1px solid #0e4d2c2e;border-radius:22px;gap:10px;padding:16px;display:grid}.format-preference-card label{color:var(--ink-2);font-weight:800}.placement-status{border:1px solid var(--rule);background:var(--paper-2);border-radius:18px;min-height:50px;margin:18px 0 14px;padding:14px 16px;font-size:.88rem;font-weight:700;line-height:1.45}.placement-status.success{color:var(--success);background:#0083441a;border-color:#00834452}.placement-status.error{color:var(--blood);background:#dd351a1a;border-color:#dd351a52}.primary-action{width:100%;min-height:58px;font-size:1.1rem}.result-card{border:1px solid var(--rule);background:var(--card);border-radius:24px;margin-top:18px;padding:18px}.invite-card{background:linear-gradient(#0055c312,#fffefaf0);border:1px solid #0055c333;border-radius:24px;gap:12px;margin-top:18px;padding:18px;display:grid}.party-card{background:linear-gradient(#169e5014,#fffefaf0);border:1px solid #0e4d2c2e;border-radius:24px;gap:14px;margin-top:18px;padding:18px;display:grid}.party-members{flex-wrap:wrap;gap:8px;display:flex}.party-members span{border:1px solid var(--rule);background:var(--card);min-height:34px;color:var(--grass);border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.report-card{background:linear-gradient(#dd351a0f,#fffefaeb);border:1px solid #dd351a2e;border-radius:24px;gap:10px;margin-top:18px;padding:18px;display:grid}.create-match-panel{background:radial-gradient(circle at 100% 0,#0055c31a,#0000 34%),#fffefae6;gap:16px;display:grid}.create-match-form{gap:10px;display:grid}.advanced-fields{border:1px solid var(--rule);background:#ebece78c;border-radius:18px;padding:12px}.advanced-fields summary{color:var(--ink-2);cursor:pointer;font-size:.86rem;font-weight:800}.advanced-fields .form-row{margin-top:10px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-match-form button{min-height:52px;color:var(--trust);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);border:1px solid #0055c33d;border-radius:18px;font-weight:800}.profile-tab .account-panel{gap:18px}.result-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.invite-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.result-card dl div,.invite-summary dl div{border:1px solid var(--rule);background:var(--paper);border-radius:16px;padding:12px}.invite-card>button,.share-row button{color:var(--trust);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);border:1px solid #0055c33d;border-radius:18px;font-weight:800}.share-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.share-row input{color:var(--muted);font-size:.9rem}dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}dd{color:var(--grass);margin:3px 0 0;font-size:1.05rem;font-weight:800}.proof-panel{background:radial-gradient(circle at 20% 0%, #169e502e, transparent 32%), var(--grass);color:var(--chalk)}.proof-panel .eyebrow,.proof-panel p,.proof-panel li{color:#fdfdf7c7}.proof-panel ul{gap:13px;margin:18px 0 0;padding-left:20px;line-height:1.55;display:grid}.metrics-strip{background:var(--rule);border-radius:26px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;padding:1px;display:grid;overflow:hidden}.metrics-strip div{background:var(--card);gap:4px;min-height:118px;padding:18px;display:grid}.metrics-strip span,.metrics-strip small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.metrics-strip strong{color:var(--grass);letter-spacing:-.045em;align-self:end;font-size:clamp(2rem,5vw,3.3rem);line-height:.95}@media (width<=860px){.app-shell{padding:0 0 96px}.hero-card,.auth-panel,.invite-landing,.grid,.secondary-grid,.metrics-strip{grid-template-columns:1fr}.hero-card{border-width:0 0 1px;border-radius:0 0 28px 28px;min-height:auto}.panel,.metrics-strip{margin-inline:14px}.action-stack,.tab-panel{margin-top:14px}.tab-panel>.panel,.tab-panel>aside.panel{margin-inline:14px}.tab-panel h1{font-size:clamp(3.4rem,18vw,5.4rem)}.profile-form{flex-direction:column}.photo-field{flex-basis:auto;width:100%}.photo-picker{text-align:left;grid-template-columns:auto 1fr;place-items:center start;min-height:136px}.photo-picker-copy{text-align:left;justify-items:start}}@media (width<=560px){.result-card dl,.invite-summary dl,.share-row,.form-row{grid-template-columns:1fr}.panel-head,.account-card-main{display:grid}}
