@font-face{font-family:DM;src:url('./assets/dm-sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:DM,'Segoe UI',sans-serif;background:#f5f6ee;color:#244e41}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent,#647e55);outline-offset:4px}h1,h2,p{margin:0}h1{font-size:44px;font-weight:550;line-height:1.03;letter-spacing:-2px}em{font-family:Georgia,serif;font-weight:400;color:var(--accent,#7e9169)}.eyebrow{font-size:8px;letter-spacing:1.45px;line-height:1.6;font-weight:600}.entrance{--ink:#244e41;--muted:#778375;--paper:#fffdf5;--wash:#e8eddf;--accent:#829466;--solid:#244e41;--on:#fffdf5;background:var(--bg);color:var(--ink)}.welcome{padding:0 24px;max-width:1100px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.top{height:64px;display:flex;align-items:center;gap:12px;flex-shrink:0}.brand{font-size:29px;line-height:1;color:var(--accent);min-width:30px}.top>span{font-size:7px;letter-spacing:1.4px;color:var(--muted)}.top>a:last-child{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}.top>a:last-child svg{width:16px}.welcome-main{display:flex;flex-direction:column;justify-content:center;gap:20px;flex:1;padding:15px 0 8px}.copy .eyebrow{margin-bottom:12px}.lead{font-size:13px;line-height:1.6;color:var(--muted);margin-top:14px}.scene{width:100%;max-width:400px;margin:0 auto;position:relative;font-size:12px}.identity{display:flex;align-items:center;gap:11px;padding:16px}.identity>div{min-width:0;flex:1}.identity strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}.identity small{display:block;margin-top:5px;font-size:9px;line-height:1.4;opacity:.7}.avatar{width:38px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--wash);color:var(--ink);font-size:22px;font-weight:500;flex-shrink:0}.spark{font-size:24px;opacity:.6}.shared{display:flex;align-items:center;gap:7px;font-size:10px;border-top:1px solid #8883;margin:0 16px;padding:10px 0}.shared svg{width:15px;height:15px}.shared small{margin-left:auto;font-size:8px;opacity:.6}.exchange{display:flex;flex-direction:column;gap:7px}.message{padding:10px 13px;background:var(--paper);color:var(--ink);border-radius:15px 15px 15px 3px;max-width:89%;align-self:flex-start;font-size:11px;line-height:1.45;box-shadow:0 3px 12px #182c2010}.message.mine{background:var(--solid);color:var(--on);border-radius:15px 15px 3px 15px;align-self:flex-end}.booked{display:flex;align-items:center;gap:8px;background:var(--wash);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:10px}.booked b{font-size:8px;font-weight:500;margin-left:auto}.check{width:18px;height:18px;border-radius:50%;background:var(--solid);color:var(--on);display:grid;place-items:center}.join{width:100%;max-width:400px;margin:auto}.join>p{font-size:10px;margin-bottom:11px;font-weight:500}.join>p>span{color:var(--muted);font-weight:400;margin-left:3px}.provider{display:flex;align-items:center;justify-content:center;gap:13px;min-height:48px;border-radius:13px;font-size:13px;font-weight:500;padding:12px 18px;transition:transform .18s,filter .18s}.provider:hover{filter:brightness(.96);transform:translateY(-1px)}.google{background:#fffefa;color:#244338;border:1px solid #b9c6ad55}.email{background:var(--solid);color:var(--on);margin-top:8px}.email svg{width:18px}.study-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:55px;font-size:9px;color:var(--muted);margin-top:6px}.study-nav>div{display:flex;align-items:center;gap:12px}.study-nav a{display:inline-flex;min-height:40px;min-width:30px;align-items:center}.study-nav>div>a{justify-content:center;font-size:16px}.study-nav small{font-size:8px}.scene>div{animation:arrive .45s ease both}.scene>div:nth-child(2){animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Each entrance stays a single welcome, with its own visual emphasis. */
.v1{--bg:#faf1e1;--accent:#ab6848;--solid:#315648;--wash:#e4e8d3;--muted:#7d806c}.v1 h1{font-family:Georgia,serif;font-weight:400;font-size:48px}.frontdoor{margin:0 13px;background:#fffaf0;border:1px solid #31564836;border-radius:15px 15px 6px 6px;overflow:hidden}.awning{height:20px;background:repeating-linear-gradient(90deg,#315648 0 23px,#ecdbb8 23px 46px)}.v1 .exchange{margin-top:12px}.v1 .identity{padding-bottom:11px}.v1 .shared{padding:8px 0}.v1 .scene{max-width:360px}
.v2{--bg:#17212d;--ink:#f2e9d6;--muted:#a3acb2;--paper:#344253;--wash:#e8c28a;--accent:#edc38a;--solid:#e8c28a;--on:#202a35}.night-sheet{background:#222f3e;border:1px solid #ffffff12;border-radius:18px;padding-bottom:13px;box-shadow:0 15px 40px #050d181f}.v2 .identity .avatar{color:#273344}.v2 .identity small{color:#bbc3c5}.v2 .exchange{padding:11px 14px}.v2 .booked{margin:0 14px;background:#ffffff08;color:#d9c4a3}.v2 .shared{color:#d7b990}.v2 h1{font-weight:450}.v2 .scene{max-width:365px}
.v3{--bg:#f6e4e8;--ink:#532c44;--muted:#8c6d7d;--accent:#af637a;--solid:#65344e;--wash:#f1d1db;--paper:#fff9ef}.v3 h1{font-size:43px}.referral{display:flex;flex-direction:column;gap:7px;padding:0 8px}.referral>.message:first-child{margin-left:4px}.referral>.message.mine{margin-right:10px}.link-card{margin:0 27px;background:#65344e;color:#fff3df;border-radius:18px}.link-card .identity{padding:12px 14px}.link-card .avatar{width:33px;height:34px;font:21px Georgia,serif}.link-card .identity strong{font-size:14px}.link-card .shared{padding:8px 0;font-size:9px}.new-hello{display:flex;align-items:center;gap:10px;background:#fffbf3;padding:12px 14px;border-radius:13px;margin-top:3px;font-size:11px}.new-hello i{width:6px;height:6px;background:#af637a;border-radius:50%}
.v4{--bg:#f8ede3;--accent:#b77659;--solid:#3a5a48;--ink:#385341;--muted:#897e6d;--wash:#eae5d4}.v4 .copy{text-align:center}.v4 h1{font-family:Georgia,serif;font-size:47px;font-weight:400}.home-card{background:#fffaf2;margin:0 20px;border:1px solid #b6b49a50;border-radius:50px 50px 12px 12px;padding-top:15px;text-align:center}.small-sign{font-size:7px;letter-spacing:1.3px;color:#9b886c}.home-card .identity{padding:13px 20px;text-align:left}.service-line{display:flex;align-items:center;justify-content:space-between;margin:0 20px;font-size:10px;padding-bottom:10px}.hello-note{display:flex;flex-direction:column;gap:6px;margin-top:10px}.v4 .shared{padding:8px 0}
.v5{--bg:#f0f3ed;--accent:#7d936d;--solid:#254e40;--wash:#e4eadc;--muted:#748272}.messenger{border:1px solid #d8dfcf;border-radius:20px;background:#fbfcf7;padding-bottom:12px;box-shadow:0 10px 24px #29412f07}.messenger header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe5d7;padding:12px 15px}.messenger header strong{font-size:12px}.messenger header small{display:block;font-size:8px;color:#85907d;margin-top:3px}.messenger header .avatar{width:30px;height:32px;font-size:18px;border-radius:10px}.online{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#8aa268}.messenger .exchange{padding:12px 13px}.messenger .message{padding:8px 11px}.messenger .booked{margin:0 13px;padding:8px 10px}.v5 h1{font-size:43px}
.v6{--bg:#f5f3e9;--accent:#778963;--solid:#324b3a;--wash:#e8ecdd;--muted:#7d8371}.name-entry{margin-bottom:10px}.name-entry label{font-size:9px;color:var(--muted);display:block;margin-bottom:4px}.name-entry input{font-size:16px;width:100%;padding:8px 0;border:0;border-bottom:1px solid #a4b293;background:transparent;border-radius:0}.name-entry input::placeholder{color:#9ca58c}.name-store{background:var(--solid);color:#fbf8ec;border-radius:17px;padding-bottom:1px}.name-store .identity{padding-bottom:10px}.name-store .identity strong{font-size:18px}.sample-service{font-size:10px;padding:0 16px 10px;display:flex;justify-content:space-between;opacity:.8}.name-hello{margin:9px 0 0 30px;padding:11px 15px;background:#fffdf6;border:1px solid #e3e5d5;border-radius:13px 13px 3px 13px;font-size:11px}.v6 h1{font-size:46px}
.v7{--bg:#edf0e5;--accent:#829374;--solid:#3c5141;--muted:#7a8573;--paper:#fbfcf6;--wash:#dfe5d4}.time-story>.shared{margin:0 0 9px;border:0;padding:0;color:#778570}.time-story .exchange{margin-bottom:12px}.calendar{background:#fffdf4;border:1px solid #d9dfcd;border-radius:16px;padding:13px}.cal-title{font-size:8px;letter-spacing:1.5px}.time-options{display:flex;gap:8px;margin:10px 0}.time-options button{flex:1;background:#eff2e7;border:1px solid transparent;min-height:39px;font-size:12px;border-radius:9px}.time-options button[aria-pressed=true]{border-color:#829374;background:#e0e7d5}.calendar #time-result{font-size:10px;color:#758269}.v7 h1{font-family:Georgia,serif;font-size:47px;font-weight:400}
.v8{--bg:#ede7f0;--ink:#49354b;--muted:#87758a;--accent:#957098;--solid:#55405a;--paper:#fff8f0;--wash:#e8d7e6}.v8 .copy{text-align:center}.v8 h1{font-size:40px}.world-store{background:#55405a;color:#fff5e8;padding-top:7px;border-radius:22px;margin:0 8px}.world-store .identity{padding-bottom:12px}.world-services{display:flex;gap:7px;padding:0 16px 14px}.world-services span{border:1px solid #ffffff26;border-radius:6px;padding:6px 8px;font-size:8px}.world-store .shared{border-color:#ffffff22}.world-message{display:flex;align-items:center;gap:12px;background:#fff9f1;border:1px solid #fff;padding:15px 13px;border-radius:17px;margin:-1px 0 0 20px;position:relative;box-shadow:0 8px 18px #55405a08}.mini-avatar{width:30px;height:33px;background:#e9dfcf;border-radius:10px;display:grid;place-items:center}.world-message small{font-size:7px;letter-spacing:1px;color:#9c889b}.world-message p{font-size:12px;line-height:1.4;margin-top:5px}.world-message>svg{margin-left:auto;width:17px;opacity:.5}
.v9{--bg:#f5f0df;--ink:#2f4a40;--accent:#a48042;--muted:#85816c;--solid:#2f5144;--wash:#ede4c9;--paper:#fffaf0}.work-picker{display:flex;gap:4px;margin-bottom:13px;border-bottom:1px solid #d6dacb}.work-picker button{padding:8px 12px 11px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:10px;min-height:38px;color:#8b8a75}.work-picker button[aria-pressed=true]{border-color:#3c5845;color:#3c5845}.example-store{background:#e8dfc6;border-radius:15px}.example-store .identity{padding:12px 14px}.example-store .identity strong{font-size:15px}.example-store .shared{padding:8px 0}.example-chat{margin-top:10px;display:flex;flex-direction:column;gap:6px}.v9 h1{font-size:45px}
.v10{--bg:#332c36;--ink:#f9e9d8;--accent:#daa78d;--muted:#b9a6b2;--paper:#f7e8db;--solid:#e7bda1;--on:#493640;--wash:#ebcbb2}.v10 h1{font-family:Georgia,serif;font-size:48px;font-weight:400}.welcome-scene{border-radius:18px;overflow:hidden;border:1px solid #e3b39133}.welcome-top{background:#e4bda3;color:#49343d;padding:15px 17px 0}.open-label{font-size:7px;letter-spacing:1.4px;opacity:.7;display:block}.welcome-top>strong{font-size:23px;display:block;margin:6px 0 3px;font-family:Georgia,serif;font-weight:400}.welcome-top>small{font-size:9px;opacity:.7}.welcome-top .shared{margin:8px 0 0}.welcome-bottom{padding:11px 13px;background:#413542;display:flex;flex-direction:column;gap:7px}.welcome-bottom>small{font-size:7px;letter-spacing:1px;color:#cbb3bd}.v10 .message{color:#49343d;font-size:10px}.v10 .message.mine{background:#66515d;color:#f9e7db}
/* The collection is only a chooser. The entrances have no secondary sections. */
.collection-wrap{max-width:1000px;margin:auto;padding:0 24px}.collection nav{display:flex;justify-content:space-between;padding:23px 0;font-size:11px}.collection header{padding:25px 0 30px}.collection h1{font-size:46px;margin:12px 0 17px}.collection header>p:last-child{font-size:13px;line-height:1.7;color:#7f8877}.collection-grid{display:grid;gap:10px}.direction{display:flex;gap:17px;align-items:center;border:1px solid #dce2d6;border-radius:16px;padding:20px 17px;min-height:90px;background:#fafaf4;transition:transform .2s}.direction:hover{transform:translateX(3px)}.number{font-size:10px;opacity:.6}.direction h2{font-size:18px;font-weight:500;letter-spacing:-.5px}.direction p{font-size:10px;line-height:1.5;margin-top:5px;opacity:.65}.direction>svg{margin-left:auto;width:17px}.d1{background:#faefdd;color:#315648}.d2{background:#1d2938;color:#ebc890}.d3{background:#f3dce5;color:#603c50}.d4{background:#f5e7d8;color:#53624a}.d5{background:#e4ebdd;color:#345545}.d6{background:#eeeedd;color:#566244}.d7{background:#dde5d3;color:#4e6147}.d8{background:#e4dbe9;color:#69556c}.d9{background:#ece1c3;color:#5e6144}.d10{background:#493a46;color:#e4bda3}.collection footer{padding:25px 0;font-size:10px;color:#7f8877}.collection footer a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:760px){.welcome{padding:0 50px}.top{height:90px}.top>span{font-size:9px}.welcome-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;gap:28px 70px;padding:40px 0}.copy{grid-column:1;grid-row:1}.scene{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:400px!important}.join{grid-column:1;grid-row:2;max-width:350px;margin:0}.copy h1{font-size:58px;letter-spacing:-2.5px}.copy .eyebrow{font-size:9px;margin-bottom:20px}.lead{font-size:15px;margin-top:20px}.v4 .copy,.v8 .copy{text-align:left}.identity{padding:23px}.identity strong{font-size:19px}.identity small{font-size:11px}.message{font-size:13px;padding:13px 17px}.shared{font-size:11px;padding:13px 0}.v5 .messenger .message{font-size:13px;padding:11px 14px}.v5 .messenger header{padding:17px}.v5 .messenger header strong{font-size:15px}.v5 .messenger header small{font-size:10px}.v3 .link-card .identity{padding:19px}.v3 .link-card .identity strong{font-size:18px}.v3 .new-hello{font-size:13px;padding:16px}.v4 .small-sign{font-size:8px}.v6 .name-entry{margin-bottom:17px}.v6 .name-entry label{font-size:11px}.v6 .name-entry input{font-size:23px;padding:12px 0}.v6 .name-hello{font-size:13px}.v7 .calendar{padding:18px}.v7 .calendar #time-result{font-size:12px}.v8 .world-message{padding:22px 17px}.v8 .world-message p{font-size:15px}.v8 .world-message small{font-size:9px}.v9 .example-store .identity{padding:20px}.v9 .example-store .identity strong{font-size:18px}.v10 .welcome-top{padding:22px 23px 0}.v10 .welcome-top>strong{font-size:32px}.v10 .welcome-top>small{font-size:11px}.v10 .welcome-bottom{padding:18px}.v10 .message{font-size:13px}.study-nav{min-height:65px}.collection header{padding:45px 0}.collection h1{font-size:62px}.collection-grid{grid-template-columns:1fr 1fr;gap:15px}.collection header>p:last-child{font-size:15px}}
@media(max-width:359px){.welcome{padding:0 18px}.top>span{font-size:6px;letter-spacing:1px}.copy h1{font-size:39px}.welcome-main{gap:17px}.lead{font-size:12px}.join>p{font-size:9px}.message{font-size:10px}.identity strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
