@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#121328;font-synthesis:none;background:#f4f1e8;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 10%,#d8ff57 0 8%,#0000 26%),#f4f1e8;min-width:320px;margin:0}.app{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}header{z-index:20;background:#f4f1e8;border-bottom:2px solid #17182d;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex;position:sticky;top:0}header a{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}header a span{color:#fff;background:#2e36ff;border-radius:50%;place-items:center;width:36px;height:36px;font:500 12px DM Mono;display:grid}header a b,.network{letter-spacing:.12em;font:500 12px DM Mono}.wallet,.open,.actions button{color:#fff;background:#2e36ff;border:0;border-radius:3px;padding:12px 18px;font-weight:800}.notice{z-index:30;color:#fff;background:#17182d;gap:24px;max-width:90vw;padding:12px 16px;display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%)}.notice button{color:#fff;background:0 0;border:0}main{padding:5vw 4vw}.intro{grid-template-columns:1.6fr .7fr;align-items:end;gap:8vw;margin-bottom:5vw;display:grid}.intro small,.board small,.workbench small{letter-spacing:.12em;font:500 11px DM Mono}.intro h1{letter-spacing:-.07em;margin:20px 0 0;font-size:clamp(52px,8vw,124px);line-height:.82}.intro h1 em{color:#2e36ff;font-style:normal}.intro p{border-left:3px solid #d8ff57;margin:0;padding-left:22px;font-size:18px;line-height:1.6}.board{background:#fffdf6;border:2px solid #17182d;box-shadow:12px 12px #17182d}.board-top{border-bottom:2px solid #17182d;justify-content:space-between;padding:28px;display:flex}.board-top h2{margin:5px 0;font-size:30px}.board-top span{font:400 12px DM Mono}.status{text-transform:uppercase;border:1px solid #17182d;height:max-content;padding:10px 14px;font:500 11px DM Mono}.status.booked{background:#d8ff57}.ribbon{grid-template-columns:180px repeat(4,1fr);min-height:260px;display:grid;overflow-x:auto}.names{border-right:2px solid #17182d}.names>b,.slot-head{border-bottom:1px solid #b8b5ab;align-items:center;height:86px;padding:16px;font:500 10px DM Mono;display:flex}.names>div{border-bottom:1px solid #ddd9cd;grid-template-columns:12px 1fr;align-items:center;column-gap:9px;height:64px;padding:0 16px;display:grid}.names>div i{background:#aaa;border-radius:50%;width:9px;height:9px}.names>div i.clear{background:#2e36ff}.names>div span{font-weight:700}.names>div small{grid-column:2;font-size:8px}.ribbon article{background:linear-gradient(#0000,#f0eee6);border-right:1px solid #b8b5ab;min-width:170px;position:relative}.ribbon article.common{background:#f0ffc1}.ribbon article.selected{background:#d8ff57;box-shadow:inset 0 0 0 4px #2e36ff}.slot-head{display:block}.slot-head span{color:#2e36ff;margin-bottom:6px;display:block}.slot-head b{font-size:12px}.pulse{border-bottom:1px solid #ddd9cd;place-items:center;height:64px;display:grid}.pulse i{background:#c5c2b9;width:18px;height:3px}.pulse.on i{background:#2e36ff;border-radius:50%;height:18px;box-shadow:0 0 0 5px #2e36ff26}.ribbon article footer{text-align:center;padding:12px;font:500 11px DM Mono}.booking{color:#fff;background:#17182d;border-top:2px solid #17182d;border-bottom:2px solid #17182d;align-items:center;gap:28px;padding:28px;display:flex}.ring{border:9px solid #d8ff57;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.ring span{font-size:24px;font-weight:800}.ring small{margin-top:-30px}.booking h3{margin:6px 0;font-size:32px}.booking p{font:400 11px DM Mono}.statements{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;display:grid}.statements blockquote{border-right:1px solid #b8b5ab;margin:0;padding:24px}.statements p{min-height:48px}.statements span{color:#2e36ff;font:500 10px DM Mono}.workbench{border:2px solid #17182d;grid-template-columns:.9fr 1.1fr;margin-top:6vw;display:grid}.speak,.composer{padding:32px}.speak{color:#fff;background:#2e36ff}.speak h2{font-size:36px;line-height:1.05}.speak textarea{color:#17182d;resize:vertical;background:#fff;border:0;width:100%;min-height:150px;padding:18px}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.actions .quiet{background:0 0;border:1px solid #fff}.composer{background:#fffdf6}.composer label{margin-bottom:13px;font:500 10px DM Mono;display:block}.composer input{background:#f9f7ef;border:1px solid #8f8c82;width:100%;margin-top:6px;padding:11px}.duo{grid-template-columns:1fr 1fr;gap:12px;display:grid}.slots{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.open{background:#17182d;width:100%;margin-top:8px}.loader{margin-top:12px;display:flex}.loader input{margin:0}.loader button{background:#d8ff57;border:0;font-weight:800}.page-footer{justify-content:space-between;padding:28px 4vw;font:500 10px DM Mono;display:flex}.page-footer a{color:#2e36ff}.modal{z-index:50;background:#111227bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{background:#fff;width:min(620px,96vw);max-height:90vh;overflow:auto}.modal-head{border-bottom:1px solid #ddd;justify-content:space-between;padding:15px 18px;font:500 11px DM Mono;display:flex}.modal-head button{background:0 0;border:0;font-size:20px}@media (width<=800px){.network{display:none}.intro{grid-template-columns:1fr}.intro h1{font-size:64px}.workbench{grid-template-columns:1fr}.ribbon{grid-template-columns:140px repeat(4,160px)}.duo,.slots{grid-template-columns:1fr}.page-footer{flex-direction:column;gap:12px}}