:root{--ink: #202623;--muted: #5d665f;--lime: #d5ed82;--paper: #f6f7f2;--line: #e5e8df;--green: #426442;--error: #b03a2e;--danger: #a64334;--sportnect: #5cb946;--sportnect-button: #2f801c;--sportnect-button-hover: #276b17;--min-text: 12px;--touch-target: 44px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button,a,input,select{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid #668642;outline-offset:3px}small{display:block;font-size:var(--min-text);letter-spacing:1px;color:var(--muted);margin-top:4px}main{max-width:1160px;margin:auto}.eyebrow{font-size:var(--min-text);font-weight:700;letter-spacing:1.8px;margin:0 0 15px}h1{font-family:Manrope,sans-serif;font-weight:700;font-size:48px;letter-spacing:-2px;line-height:1.1;margin:0}h1 em{font-style:normal;color:var(--lime)}h2{font-size:22px;letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.workspace{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 28px 28px}footer{display:flex;justify-content:space-between;padding:28px 0;font-size:var(--min-text);color:var(--muted)}.toast{position:fixed;inset:auto auto max(24px,env(safe-area-inset-bottom)) 50%;margin:0;border:0;overflow:visible;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:14px 24px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:20;width:max-content;max-width:90%}.toast.show{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:20px}}@media(max-width:1200px){main{margin:0 32px}}@media(max-width:900px){.layout{grid-template-columns:1fr 240px;gap:16px}.workspace{padding:0 20px 22px}}@media(max-width:700px){main{margin:0 16px}h2{font-size:19px}.layout{display:flex;flex-direction:column;gap:16px}.workspace{padding:0 16px 22px;border-radius:16px}footer{gap:8px;padding:24px 3px 32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}header{height:96px;max-width:1240px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:800;font-size:21px;letter-spacing:1px}.brand small{letter-spacing:1.2px}.logo{display:block;flex-shrink:0;height:46px;width:46px}.profile{display:flex;gap:11px;align-items:center;font-weight:600}.profile small{letter-spacing:0;font-weight:400}.avatar{background:#e6ebdf;border:1px solid #d5ddcd;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:var(--min-text)}.role-links{display:flex;gap:8px}.role-links a[aria-current=page]{border-color:var(--ink)}.profile button,.role-links a,.ghost-button{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;color:var(--ink);font-size:var(--min-text);text-decoration:none;font-weight:600}.profile button{margin-left:8px}@media(max-width:700px){header{height:78px;padding:0 20px}.brand{font-size:18px}.brand small{letter-spacing:.6px}.logo{height:39px;width:39px}.profile{gap:8px}.profile>.profile-name{display:none}header.has-links .brand-text,header.has-links .avatar{display:none}.profile button,.role-links a,.ghost-button{min-height:var(--touch-target);display:inline-flex;align-items:center}.profile button{margin-left:0}}.hero{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:44px 48px;color:#fff;display:flex;justify-content:space-between;min-height:290px}.hero .eyebrow{color:var(--lime)}.intro{color:#b9c1bb;font-size:15px;margin:17px 0 22px}.facts{display:flex;gap:24px;font-size:var(--min-text);color:#d7dfd7}.hero-art{position:relative;width:330px;flex-shrink:0}.orbit{position:absolute;width:340px;height:340px;border:1px solid #485246;border-radius:50%;left:-5px;top:-65px}.orbit:after{content:"";position:absolute;top:35px;right:35px;bottom:35px;left:35px;border:1px solid #485246;border-radius:50%}.bar{position:absolute;width:250px;height:18px;background:linear-gradient(#bec9b5,#768469);transform:rotate(-30deg);left:20px;top:108px;border-radius:4px;box-shadow:0 10px 25px #0005}.plate{position:absolute;width:64px;height:125px;background:linear-gradient(100deg,#c7e276,#778c42);border-radius:18px;transform:rotate(-30deg);box-shadow:8px 8px #66743b,15px 20px 30px #0004;z-index:2}.p1{left:45px;top:105px}.p2{left:73px;top:86px;width:54px;height:142px}.p3{left:196px;top:18px;width:54px;height:142px}.p4{left:224px;top:10px}.art-tag{position:absolute;bottom:-5px;right:0;font-size:var(--min-text);letter-spacing:3px;line-height:1.5;color:#abb8a4}.hero.compact{min-height:0;padding:22px 32px;align-items:center;flex-wrap:wrap;gap:10px 24px}.hero.compact .hero-art,.hero.compact .intro,.hero.compact .eyebrow,.hero.compact h1 br{display:none}.hero.compact h1{font-size:26px;letter-spacing:-.8px}.hero.compact .hero-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;width:100%}.connection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 4px;color:#4f5b45;font-size:var(--min-text)}.dot{width:6px;height:6px;background:#87a43f;border-radius:50%}.dot.error{background:var(--error)}.dot.loading{background:#9aa096}.connection.error{color:var(--error)}.connection button{margin-left:auto}@media(max-width:900px){.hero{padding:36px}.hero-art{width:270px;transform:scale(.85);transform-origin:right center}.facts{gap:14px}}@media(max-width:700px){.hero{border-radius:18px;padding:28px;min-height:258px}.hero-art{position:absolute;right:-87px;top:45px;transform:scale(.62);opacity:.65;width:300px}.hero>div:first-child{position:relative;z-index:3}.hero h1{font-size:39px}.intro{font-size:var(--min-text);max-width:210px}.facts{flex-wrap:wrap;gap:9px 16px;max-width:230px}.hero.compact{padding:18px 20px;border-radius:16px}.hero.compact h1{font-size:22px}.hero.compact .facts{max-width:none}.connection{gap:5px 8px;padding:15px 3px}.art-tag{display:none}}.auth-gate{margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;text-align:center}.auth-gate .gate-mark{display:block;margin:auto auto 20px;width:44px;height:44px}.auth-gate p{color:var(--muted);line-height:1.7}.auth-gate .auth-error{color:var(--error);font-weight:600}.auth-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.google-button,.sportnect-button{display:flex;align-items:center;justify-content:center;gap:15px;min-width:220px;border-radius:10px;padding:14px 24px;font-weight:600}.google-button{border:1px solid #cad2c4;background:#fff;color:var(--ink)}.google-button>span{font:700 20px Arial,sans-serif;color:#4285f4}.sportnect-button{border:1px solid var(--sportnect-button);background:var(--sportnect-button);color:#fff}.sportnect-button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--sportnect-button-hover);background:var(--sportnect-button-hover)}.sportnect-button svg{width:22px;height:22px;flex-shrink:0}.google-button:disabled,.sportnect-button:disabled,.google-button[aria-disabled=true],.sportnect-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.auth-note{font-size:var(--min-text);margin-top:24px}.auth-gate .ghost-button{margin:12px auto 0}@media(max-width:700px){.auth-gate{padding:28px 20px}.google-button,.sportnect-button{width:100%;min-width:0}}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs button{border:0;background:none;padding:22px 0;color:var(--muted);font-weight:600;position:relative}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:"";position:absolute;height:3px;background:var(--ink);bottom:-1px;left:0;right:0;border-radius:4px}.tabs span{margin-left:5px;background:var(--paper);padding:3px 7px;font-size:var(--min-text);border-radius:5px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-top .eyebrow{color:var(--muted);margin-bottom:6px}.arrows{display:flex;gap:7px}.arrows button{background:#fff;border:1px solid var(--line);height:34px;width:34px;border-radius:9px;font-size:18px}.arrows button:disabled{visibility:hidden}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.days button{border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 3px;color:var(--muted);font-size:var(--min-text)}.days strong{display:block;color:var(--ink);font-size:21px;margin-top:7px}.days button.today:not(.active){border-color:var(--ink)}.days button.active{background:var(--ink);color:#c4d0c1;border-color:var(--ink)}.days button.active strong{color:var(--lime)}.days button:disabled{opacity:.4}.controls{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:22px 0 18px}fieldset{border:0;padding:0;margin:0}legend{font-size:var(--min-text);color:var(--muted);margin-bottom:8px;padding:0}.segmented{background:var(--paper);border-radius:8px;padding:3px;display:flex}.segmented button{border:0;background:none;color:var(--muted);font-size:var(--min-text);padding:8px 15px;border-radius:6px}.segmented button.active{background:#fff;box-shadow:0 1px 4px #0001;color:var(--ink);font-weight:700}.filter{font-size:var(--min-text);display:flex;align-items:center;gap:5px;padding-bottom:9px;cursor:pointer}.filter input{accent-color:var(--green)}.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:var(--min-text);color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;background:#cbdcc0}.legend .mine{background:#426442}.legend .full{background:#d5d8d2}.legend .lesson{background:var(--lime);border:1px solid #b1c667}.period{margin-top:23px}.period-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.period-head h3{font-size:var(--min-text);font-weight:600;margin:0}.period-head span{font-size:var(--min-text);color:var(--muted)}@media(max-width:700px){.tabs{gap:22px}.tabs button{font-size:var(--min-text);padding:18px 0}.arrows button{height:var(--touch-target);width:var(--touch-target)}.days{gap:2px}.days button{padding:10px 2px;border-radius:8px;min-height:var(--touch-target)}.days strong{font-size:19px}.controls{flex-wrap:wrap;align-items:center;gap:8px}.controls fieldset{max-width:100%}.segmented button{padding:8px 9px;min-height:var(--touch-target)}.filter{padding-bottom:0;min-height:var(--touch-target)}.filter input{width:20px;height:20px}.legend{gap:10px}}.grid{display:grid;grid-template-columns:repeat(6,1fr);column-gap:8px;row-gap:0;align-items:stretch}.slot-cell{display:grid;grid-row:span 2;grid-template-rows:subgrid;padding-bottom:8px}.slot-chips{display:flex;flex-direction:column;gap:4px;margin-top:4px;align-self:start}.slot-time{align-self:end;font-weight:600;text-align:center;color:var(--ink)}.slot{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px 3px;min-height:62px;font-weight:600;color:var(--ink);transition:background .15s,transform .15s}.slot small{font-weight:400;letter-spacing:0;margin-top:5px;color:var(--green)}.slot:hover:not(:disabled){background:#edf4df;border-color:#a3b779;transform:translateY(-1px)}.slot.owned{background:var(--green);border-color:var(--green);color:#fff}.slot.owned small{color:#d3e8bc}.slot:disabled{background:#f5f6f2;color:#767e72;border-color:#eef0e9}.slot:disabled small{color:#767e72}.slot.unavailable,.slot.full{background:#f5f6f2;color:var(--muted)}.slot.unavailable small,.slot.full small{color:#5d665f}.slot-names{display:block;font-size:var(--min-text);font-weight:400;line-height:1.4;margin:7px 3px 0;color:#5f6b58;overflow-wrap:anywhere}.slot.owned .slot-names{color:#e1eed4}.slot.loading{background:#fafbf8;color:#767e72;border-color:var(--line)}.slot.loading small{color:var(--muted)}.slot.stale,.lesson-chip.stale{opacity:.55;filter:grayscale(.6)}.lesson-chip{border:1px solid #b1c667;background:var(--lime);color:var(--ink);border-radius:9px;padding:7px 6px;text-align:left;font-size:var(--min-text);line-height:1.35}.lesson-chip strong{display:block;font-weight:700;overflow-wrap:anywhere}.lesson-chip span{display:block;color:#4e6038}.lesson-chip.joined{background:var(--green);border-color:var(--green);color:#fff}.lesson-chip.joined span{color:#d3e8bc}.lesson-chip.locked{background:#edf0e6;border-color:#d9e0d1}.lesson-chip:hover:not(:disabled){border-color:var(--green)}.slots-empty{padding:8px;text-align:center;color:var(--muted);line-height:1.8}@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.grid{grid-template-columns:repeat(4,1fr);column-gap:7px}.slot-cell{padding-bottom:7px}.slot{padding:13px 2px}}dialog{border:0;border-radius:20px;padding:30px;max-width:420px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#20262399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog form{margin:0}.close{position:absolute;right:16px;top:12px;border:0;background:var(--paper);border-radius:50%;width:32px;height:32px;font-size:22px}dialog .eyebrow{color:var(--muted);padding-right:24px}dialog h2{font-size:29px}.modal-info{background:var(--paper);padding:17px;border-radius:12px;margin:22px 0;font-size:13px;line-height:1.8}.modal-info p{margin:12px 0 0}.occupancy{display:flex;justify-content:space-between;margin-bottom:8px}.meter{height:6px;background:#e0e5d9;border-radius:8px;overflow:hidden}.meter span{display:block;height:100%;background:#7c9a49}.primary{width:100%;border:0;border-radius:11px;padding:16px;background:var(--ink);color:#fff;font-weight:700}.primary.danger{background:var(--danger)}.primary:disabled{background:#bcc3b8}.secondary{width:100%;margin-top:10px;border:1px solid var(--line);border-radius:11px;padding:14px;background:#fff;color:var(--ink);font-weight:600}.secondary.cancel{color:#aa4c3c}.modal-note{text-align:center;font-size:var(--min-text);color:var(--muted);margin-top:16px}.party-field{margin:22px 0 0}.party-field+.party-field{margin-top:22px}.party-field label{font-size:13px;font-weight:700;display:block;margin-bottom:10px}.party-field select{width:100%;font:inherit;padding:13px 11px;border:1px solid #cbd4bf;border-radius:10px;background:#fff;color:var(--ink)}.party-field p{font-size:var(--min-text);color:var(--muted);line-height:1.7}.attendance{margin:0 0 22px}.attendance h3{font-size:13px;margin:0 0 10px}.attendance-row{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:var(--min-text)}.attendance-row>span{flex-shrink:0;color:var(--muted);padding-top:4px}.attendance-row>div{display:flex;flex-direction:column;gap:5px}.person-chip{display:block;background:#edf2e7;border-radius:6px;padding:5px 8px;color:var(--green)}.no-person{color:var(--muted);padding-top:4px}.lesson-meta{color:var(--muted);font-weight:600;margin:10px 0 0}.dialog-reason{color:var(--error);font-weight:600}@media(max-width:700px){dialog{padding:26px 22px}.close{width:var(--touch-target);height:var(--touch-target);right:10px;top:8px}.party-field+.party-field{margin-top:16px}}.side-card{border-radius:18px;padding:24px;background:#edf0e6;margin-bottom:18px}.next{background:var(--lime)}.side-card .eyebrow{font-size:var(--min-text);display:block;color:#4f5f31}.next h3{font-size:24px;margin:10px 0}.next p{font-size:var(--min-text);color:#44542f;line-height:1.6;margin:8px 0}.next button{border:1px solid #b1c667;background:transparent;padding:10px 15px;border-radius:8px;font-size:var(--min-text);font-weight:600;width:100%;margin-top:10px}.icon-box{font-size:24px;border:1px solid #ced8c6;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.side-card h3{font-family:Manrope,sans-serif;line-height:1.35;letter-spacing:-.5px;font-size:20px;margin:18px 0 12px}.side-card p,.side-card li{color:#5c6955;line-height:1.65;font-size:var(--min-text)}.side-card hr{border:0;border-top:1px solid #d9e0d1;margin:22px 0}.side-label{font-size:var(--min-text)!important;letter-spacing:1.5px;font-weight:700}.side-card ul{padding-left:16px;margin-bottom:0}.side-card li{margin:8px 0}.booking-card{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-card p{color:var(--muted);font-size:var(--min-text);margin:0 0 8px}.booking-card h3{font-size:20px;margin:0 0 8px}.booking-card small{letter-spacing:0}.booking-actions{display:flex;flex-direction:column;gap:8px}.booking-actions button{border:1px solid var(--line);border-radius:7px;background:#fff;font-size:var(--min-text);padding:8px 12px}.booking-actions .cancel{color:#aa4c3c}.empty{padding:40px 12px;text-align:center;color:var(--muted);line-height:1.8}.empty button{display:block;margin:16px auto;border:0;border-radius:9px;background:var(--ink);color:#fff;padding:12px 20px}@media(max-width:900px){.side-card{padding:20px}}@media(max-width:700px){aside{display:grid;grid-template-columns:1fr;order:-1}.side-card{margin:0}.side-card:not(.next){display:none}.next{padding:20px}.next h3{font-size:22px}.next button,.booking-actions button{min-height:var(--touch-target)}.booking-card{padding:16px 12px}.booking-card h3{font-size:18px}}.loader-large{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;text-align:center}.loader-scene{display:block;width:112px;height:94px;overflow:visible}.loader-large .loader-label{margin:0;font-size:14px;font-weight:600;line-height:1.5;color:var(--ink)}.loader-scene .lf-limb,.loader-scene .lf-torso,.loader-scene .lf-frame,.loader-scene .lf-saddle,.loader-scene .lf-bar,.loader-scene .lf-crank-arm,.loader-scene .lf-handle,.loader-scene .lf-spoke,.loader-scene .lf-speed-line,.loader-scene .lf-rope-line{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.loader-scene .lf-limb{stroke-width:5}.loader-scene .lf-torso{stroke-width:8}.loader-scene .lf-frame{stroke-width:4.5;stroke:var(--green)}.loader-scene .lf-saddle{stroke-width:5}.loader-scene .lf-bar,.loader-scene .lf-crank-arm{stroke-width:3.5}.loader-scene .lf-handle{stroke-width:5;stroke:var(--green)}.loader-scene .lf-spoke{stroke-width:2.5}.loader-scene .lf-speed-line{stroke-width:3;stroke:var(--green)}.loader-scene .lf-rope-line{stroke-width:2.5;stroke:var(--green)}.loader-scene .lf-leg-back{stroke:var(--muted)}.loader-scene .lf-skin{fill:var(--ink)}.loader-scene .lf-eye{fill:#fff}.loader-scene .lf-band{fill:var(--lime)}.loader-scene .lf-hub{fill:var(--ink)}.loader-scene .lf-shadow{fill:var(--line)}.loader-scene .lf-plate,.loader-scene .lf-wheel{fill:var(--lime);stroke:var(--ink);stroke-width:2.5}.loader-lift .lf-legs{transform-box:fill-box;transform-origin:50% 100%;animation:loader-squat-legs 1.6s ease-in-out infinite}.loader-lift .lf-upper{animation:loader-squat-upper 1.6s ease-in-out infinite}@keyframes loader-squat-legs{0%,to{transform:scale(1)}50%{transform:scale(1.18,.68)}}@keyframes loader-squat-upper{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.loader-bike .lf-spin,.loader-bike .lf-crank{transform-box:fill-box;transform-origin:50% 50%;animation:loader-spin .7s linear infinite}.loader-bike .lf-leg-front,.loader-bike .lf-leg-back{transform-box:view-box;transform-origin:46px 56px;animation:loader-pedal .7s ease-in-out infinite}.loader-bike .lf-leg-back{animation-delay:-.35s}.loader-bike .lf-speed{animation:loader-speed .7s linear infinite}@keyframes loader-pedal{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes loader-speed{0%{transform:translate(4px);opacity:0}40%{opacity:1}to{transform:translate(-8px);opacity:0}}.loader-rope .lf-rope{transform-box:view-box;transform-origin:60px 60px;animation:loader-rope-swing .9s ease-in-out infinite}.loader-rope .lf-jump{animation:loader-hop .9s ease-in-out infinite}.loader-rope .lf-shadow{transform-box:fill-box;transform-origin:50% 50%;animation:loader-shadow .9s ease-in-out infinite}@keyframes loader-rope-swing{0%,to{transform:scaleY(1)}24.9%{transform:scaleY(.3)}25%{transform:scaleY(-.3)}50%{transform:scaleY(-1)}74.9%{transform:scaleY(-.3)}75%{transform:scaleY(.3)}}@keyframes loader-hop{0%,to{transform:translateY(-9px)}50%{transform:translateY(0)}}@keyframes loader-shadow{0%,to{transform:scaleX(.65)}50%{transform:scaleX(1)}}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader-small{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle}.loader-plate{flex-shrink:0;width:20px;height:20px;margin-block:-3px;animation:loader-spin .9s linear infinite}.loader-plate .lp-disc{fill:var(--lime);stroke:currentColor;stroke-width:2}.loader-plate .lp-hole{fill:currentColor}.has-loader-overlay{position:relative}.loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;pointer-events:none}.loader-overlay .loader-large{padding:14px 28px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px #20262314}.loader-block{display:flex;justify-content:center;align-items:center;min-height:180px}@media(prefers-reduced-motion:reduce){.loader-scene *,.loader-plate{animation:none!important}}.primary:disabled:has(.loader-small){background:var(--ink);cursor:progress}.primary.danger:disabled:has(.loader-small){background:var(--danger)}