:root{--ink: #0D2129;--ink2: #4A6670;--ink3: #7C959D;--paper: #F1F8F5;--card: #FFFFFF;--mist: #D8E9E2;--mist2: #EAF4F0;--jade: #08916C;--jade-soft: #DDF4EA;--peri: #3A55E8;--peri-soft: #E3E7FD;--lemon: #FFD75E;--rose: #E2557B;--shadow: 0 1px 2px rgba(13, 33, 41, .06), 0 8px 24px -12px rgba(13, 33, 41, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Instrument Sans,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp{min-height:100%}.lp[data-mode=give]{--accent: var(--peri);--accent-soft: var(--peri-soft)}.lp[data-mode=get]{--accent: var(--jade);--accent-soft: var(--jade-soft)}.d{font-family:Bricolage Grotesque,system-ui,sans-serif;letter-spacing:-.02em}.m{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.bar{border-bottom:1px solid var(--mist);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.bar-in{display:flex;align-items:center;gap:16px;height:68px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.logo-mark{width:26px;height:26px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:#fff;transition:background .35s ease}.spacer{flex:1}.ledger{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 10px;border:1px solid var(--mist);border-radius:999px;background:var(--card)}.tokens{display:flex;gap:4px}.token{width:13px;height:13px;border-radius:50%;background:var(--lemon);box-shadow:inset 0 -2px #00000024}.token.empty{background:none;border:1.5px dashed var(--ink3);box-shadow:none}.ledger-n{font-size:12px;font-weight:600;color:var(--ink2)}.avatar{width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.icon-btn{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--ink2)}.icon-btn:hover{background:var(--mist2);color:var(--ink)}.gate{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.gate-l{padding:72px 56px;display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:#fff}.gate-l h1{font-size:clamp(38px,4.6vw,60px);line-height:1.02;margin:22px 0 18px;font-weight:800}.gate-l p{font-size:17px;line-height:1.6;color:#a9c6cd;max-width:44ch;margin:0}.rule{display:flex;margin-top:44px;border-top:1px solid rgba(255,255,255,.14)}.rule-step{flex:1;padding:20px 18px 0 0}.rule-step .n{font-size:12px;font-weight:700;color:var(--lemon);letter-spacing:.1em}.rule-step p{font-size:14px;color:#c3dbe0;margin:8px 0 0;line-height:1.5}.gate-r{display:flex;align-items:center;justify-content:center;padding:40px 32px}.gate-card{width:100%;max-width:360px}.gate-card h2{font-size:26px;font-weight:700;margin:10px 0 6px}.gate-card .sub{color:var(--ink2);font-size:15px;margin:0 0 26px}.field{margin-bottom:10px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:5px}.field input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--mist);background:var(--card);font-size:15px;color:var(--ink)}.field input::placeholder{color:var(--ink3)}.oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:13px;border:1px solid var(--mist);background:var(--card);font-weight:600;font-size:15px;box-shadow:var(--shadow);transition:transform .12s ease}.oauth:hover:not(:disabled){transform:translateY(-1px)}.oauth:disabled{opacity:.6;cursor:progress}.oauth.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink3);font-size:12.5px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--mist)}.err{background:#fdecf1;color:#96274a;border-radius:11px;padding:10px 13px;font-size:13.5px;margin-bottom:12px}.legal{font-size:12px;color:var(--ink3);margin-top:20px;line-height:1.5}.switch-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:34px 0 8px}.switch{position:relative;display:flex;padding:5px;background:var(--mist2);border:1px solid var(--mist);border-radius:15px}.switch-thumb{position:absolute;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:11px;background:var(--accent);transition:transform .32s cubic-bezier(.4,.1,.2,1),background .32s ease}.lp[data-mode=get] .switch-thumb{transform:translate(100%)}.switch button{position:relative;z-index:1;padding:11px 20px;border-radius:11px;font-weight:600;font-size:14.5px;color:var(--ink2);flex:1;white-space:nowrap;transition:color .2s ease}.switch button[aria-pressed=true]{color:#fff}.switch-note{font-size:14px;color:var(--ink2);max-width:38ch;line-height:1.5}.sec{padding:34px 0}.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap}.sec-head h3{font-size:23px;font-weight:700;margin:0}.sec-head .hint{font-size:14px;color:var(--ink2)}.grid-card{background:var(--card);border:1px solid var(--mist);border-radius:18px;padding:18px;box-shadow:var(--shadow);overflow-x:auto}.grid{display:grid;grid-template-columns:56px repeat(7,minmax(58px,1fr));gap:6px;min-width:520px}.g-day{text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding-bottom:4px}.g-time{font-size:12px;color:var(--ink3);display:flex;align-items:center}.cell{height:38px;border-radius:9px;background:var(--mist2);border:1px solid transparent;transition:background .15s ease,transform .12s ease}.cell:hover{background:var(--mist)}.cell.on{background:var(--accent);border-color:var(--accent)}.cell.on:hover{transform:scale(.96)}.grid-foot{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13.5px;color:var(--ink2);flex-wrap:wrap}.chip-count{padding:3px 9px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:700}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.p-card{background:var(--card);border:1px solid var(--mist);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.p-top{display:flex;gap:13px;align-items:flex-start}.p-av{width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.p-name{font-weight:700;font-size:16px;margin:0}.p-role{font-size:13.5px;color:var(--ink2);margin:2px 0 0}.p-rate{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--ink2)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:4px 9px;border-radius:7px;background:var(--mist2);color:var(--ink2)}.slots{display:flex;flex-wrap:wrap;gap:7px}.slot{font-size:12.5px;padding:7px 11px;border-radius:9px;border:1px solid var(--mist);background:var(--card);font-weight:500;transition:border-color .15s ease,color .15s ease,background .15s ease}.slot:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.slot:disabled{opacity:.45;cursor:not-allowed}.slot.booked{background:var(--ink);color:#fff;border-color:var(--ink);opacity:1}.p-foot{font-size:12.5px;color:var(--ink3);display:flex;align-items:center;gap:6px;border-top:1px solid var(--mist2);padding-top:12px;margin-top:auto}.locked{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:var(--card);border:1px dashed var(--ink3);margin-bottom:18px}.locked p{margin:0;font-size:14px;color:var(--ink2);line-height:1.55}.locked strong{color:var(--ink);font-weight:600}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:11px;font-size:14.5px;max-width:calc(100% - 32px);box-shadow:0 16px 40px -12px #0d212980;animation:rise .28s cubic-bezier(.2,.8,.3,1)}.toast .tk{width:8px;height:8px;border-radius:50%;background:var(--lemon);flex-shrink:0}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}}.foot{padding:20px 0 56px;font-size:13px;color:var(--ink3)}@media (max-width: 860px){.gate{grid-template-columns:1fr}.gate-l{padding:56px 28px}.rule{flex-direction:column}.rule-step{padding:16px 0 0}.wrap{padding:0 18px}.switch{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}