@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{color-scheme:light dark;--bg: #f2f2f7;--surface: #f0f2ea;--surface-strong: #ddd6ce;--text: #2e2c2a;--muted: #1f2221;--accent: #0a84ff;--glass: rgba(224, 217, 208, .86);--glass-border: rgba(214, 206, 197, .58);--shadow: 0 16px 36px rgba(74, 66, 58, .12);--radius-lg: 22px;--radius-md: 16px;--card-a: #f8f5f2;--card-b: #f3f1eb;--card-c: #d6dcd3;--card-border: #e2e2e2}@media (prefers-color-scheme: dark){:root{--bg: #000000;--surface: #6a6a84;--surface-strong: #111113;--text: #f5f5f7;--muted: #a1a1aa;--glass: rgba(28, 28, 30, .7);--glass-border: rgba(255, 255, 255, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}body{margin:0;font-family:Manrope,SF Pro Display,SF Pro Text,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button{font:inherit;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:active{transform:scale(.98)}.app{min-height:100vh;display:flex;flex-direction:column;gap:16px;padding:18px 18px 100px}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--shadow)}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-radius:var(--radius-lg)}.club-header{padding:8px 2px 0;border-radius:0}.title-block h1{margin:4px 0 6px;font-size:28px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--muted);margin:0}.subtitle{margin:0;color:var(--muted);font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(145deg,#0a84ff,#64d2ff);color:#fff;box-shadow:0 10px 20px #0a84ff59}.body{flex:1;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.actions{margin-top:18px;display:grid;gap:14px;min-width:0}.actions-header h2{margin:0;font-size:20px;font-weight:800}.actions-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.credentials{padding:18px;border-radius:var(--radius-md);display:grid;gap:14px;background:var(--surface);border:1px solid var(--card-border)}.credentials-header{display:flex;align-items:center;justify-content:space-between}.credentials-header h3{margin:0;font-size:16px;font-weight:700}.credentials-header span{font-size:12px;color:var(--muted)}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.credentials label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.credentials input{padding:12px 14px;border-radius:14px;border:1px solid rgba(249,245,245,.4);background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.credentials input:focus{border-color:#0a84ff99;box-shadow:0 0 0 3px #0a84ff33}.credentials-tip{margin:0;font-size:12px;color:var(--muted)}.action-card{padding:18px;border-radius:var(--radius-md);background:linear-gradient(150deg,var(--card-a),var(--card-b));border:1px solid var(--card-border);box-shadow:0 12px 28px #4a423a1a;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-width:0}.action-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0f172a24}.action-card:disabled{opacity:.7;cursor:wait}.action-info{display:grid;gap:6px;min-width:0}.action-title{margin:0;font-size:16px;font-weight:700}.action-sub{margin:0;color:var(--muted);font-size:13px}.action-status{margin:0;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.action-status.success{color:#30d158}.action-status.error{color:#ff453a}.action-status.loading{color:var(--muted)}.action-cta{padding:10px 16px;border-radius:16px;background:linear-gradient(135deg,#0a84ff,#64d2ff);color:#fff;font-weight:700;font-size:13px;box-shadow:0 10px 24px #0a84ff59}.card{background:linear-gradient(150deg,var(--card-a),var(--card-c));border-radius:var(--radius-md);padding:18px;display:flex;gap:16px;align-items:center;border:1px solid var(--card-border);box-shadow:0 10px 28px #8b9f641a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0f172a1f}.card-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 10px 24px #00000026}.card-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.card-title{margin:0;font-size:14px;color:var(--muted)}.card-value{margin:0 0 4px;font-size:24px;font-weight:800}.card-value span{font-size:14px;margin-left:6px;color:var(--muted);font-weight:600}.card-subtitle{margin:0;font-size:13px;color:var(--muted)}.skill-bar{width:100%;height:10px;border-radius:6px;margin-top:12px;background:#ececec2e}.skill-per{position:relative;display:block;height:100%;border-radius:6px;animation:progress .45s ease-in-out forwards;opacity:0}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-36px;font-size:9px;font-weight:700;color:#121214;padding:2px 6px;border-radius:3px;background:#e2e2e2;z-index:1;pointer-events:none}.skill-per .tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#e2e2e2;transform:translate(-50%) rotate(45deg)}.refresh-btn{width:fit-content;margin-top:-4px}.footer-nav-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:18px;width:min(460px,calc(100% - 28px));z-index:11}.glass-radio-group{--bg: rgba(255, 255, 255, .22);--text: #101012;display:flex;position:relative;width:100%;border-radius:999px;background:var(--bg);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 1px 1px 1px #ffffff73,inset -1px -1px 1px #00000014,0 10px 30px #10182833;overflow:hidden;padding:4px}.glass-radio-group input{display:none}.glass-radio-group label{flex:1;min-width:80px;padding:.68rem .8rem;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--text);cursor:pointer;position:relative;z-index:2;-webkit-user-select:none;user-select:none;transition:color .28s ease-in-out}.glass-radio-group label:hover{color:#000}.glass-radio-group input:checked+label{color:#000}.glass-glider{position:absolute;top:4px;bottom:4px;width:calc(100% / 3);border-radius:999px;z-index:1;transition:transform .38s cubic-bezier(.22,1,.36,1),background .4s ease-in-out,box-shadow .4s ease-in-out}#tab-run:checked~.glass-glider{transform:translate(0);background:linear-gradient(135deg,#ffffffc7,#f5f5fa8c);box-shadow:0 6px 14px #0f172a29,0 0 0 1px #ffffff80 inset}#tab-club:checked~.glass-glider{transform:translate(100%);background:linear-gradient(135deg,#ffffffc7,#f5f5fa8c);box-shadow:0 6px 14px #0f172a29,0 0 0 1px #ffffff80 inset}#tab-mine:checked~.glass-glider{transform:translate(200%);background:linear-gradient(135deg,#ffffffc7,#f5f5fa8c);box-shadow:0 6px 14px #0f172a29,0 0 0 1px #ffffff80 inset}.update-banner{position:fixed;right:18px;top:18px;padding:14px 16px;border-radius:18px;display:flex;align-items:center;gap:14px;z-index:10}.toast-stack{position:fixed;top:18px;left:50%;transform:translate(-50%);display:grid;gap:10px;z-index:12;width:min(420px,calc(100% - 36px))}.toast{padding:12px 16px;border-radius:16px;font-size:14px;font-weight:600;text-align:center;color:var(--text);box-shadow:0 12px 30px #0f172a1f;animation:toast-in .25s ease}.toast.success{border:1px solid rgba(48,209,88,.45);color:#0a6f32}.toast.error{border:1px solid rgba(255,69,58,.45);color:#a81f17}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.update-title{margin:0;font-weight:700}.update-sub{margin:0;font-size:12px;color:var(--muted)}.primary{background:var(--accent);color:#fff;padding:10px 16px;border-radius:16px;box-shadow:0 10px 24px #0a84ff66}.secondary{background:linear-gradient(145deg,#e2dbd3,#d9d2c8);color:var(--text);padding:10px 16px;border-radius:16px;box-shadow:0 10px 20px #4a423a1a}.install-btn{width:fit-content}.install-fab{position:fixed;right:16px;bottom:86px;z-index:20;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#4d95df,#6faee5);color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 24px #3862884d}.empty{padding:28px;border-radius:var(--radius-lg);display:grid;gap:10px;text-align:left}.panel{padding:16px 18px;border-radius:var(--radius-md)}.panel h3{margin:0;font-size:15px;font-weight:700}.panel p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.club-page{display:grid;gap:12px}.club-hero{background:linear-gradient(160deg,#ddd8d0,#d3d7ce);border-radius:16px;padding:14px 16px 12px;text-align:center;border:1px solid var(--card-border)}.club-hero p{margin:0;color:#8d8d94;font-size:12px;letter-spacing:.02em}.club-hero img{margin-top:8px;width:132px;height:132px;opacity:.9}.club-loader{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;margin:8px auto 0}.club-truck-wrapper{width:200px;height:100px;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:flex-end;overflow-x:hidden}.club-truck-body{width:130px;height:fit-content;margin-bottom:6px;animation:club-motion 1s linear infinite}.club-truck-svg{width:100%;height:auto}@keyframes club-motion{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}.club-truck-tires{width:130px;height:fit-content;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 15px;position:absolute;bottom:0}.club-truck-tires svg{width:24px}.club-road{width:100%;height:1.5px;background-color:#282828;position:relative;bottom:0;align-self:flex-end;border-radius:3px}.club-road:before{content:"";position:absolute;width:20px;height:100%;background-color:#282828;right:-50%;border-radius:3px;animation:club-road-animation 1.4s linear infinite;border-left:10px solid white}.club-road:after{content:"";position:absolute;width:10px;height:100%;background-color:#282828;right:-65%;border-radius:3px;animation:club-road-animation 1.4s linear infinite;border-left:4px solid white}.club-lamp-post{position:absolute;bottom:0;right:-90%;height:90px;animation:club-road-animation 1.4s linear infinite}@keyframes club-road-animation{0%{transform:translate(0)}to{transform:translate(-350px)}}.club-progress{background:linear-gradient(160deg,#ded8d0,#d6d9cf);border-radius:12px;padding:10px 12px 12px;border:1px solid var(--card-border)}.club-progress-track{height:12px;border-radius:999px;background:#d7cec2;overflow:hidden}.club-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2bc8d,#e58f4b);transition:width .4s ease}.club-progress-meta{margin-top:8px;display:flex;justify-content:space-between;font-size:14px;color:#5d5d65}.club-board{background:linear-gradient(160deg,#85b385,#d7d9cf);border-radius:16px;border:1px solid var(--card-border);overflow:hidden}.club-board-head{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc6bb}.club-board-head h3{margin:0;font-size:18px;font-weight:700;color:#1f1f24}.club-link{background:transparent;color:#8e8e95;font-size:13px;padding:0}.club-calendar{padding:10px 8px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;border-bottom:1px solid #cfc6bb}.club-day{border:none;background:transparent;padding:4px 2px;display:grid;justify-items:center;gap:4px;color:#8e8e95;font-size:12px;cursor:pointer;border-radius:10px}.club-day strong{color:#5a5a60;font-size:14px;font-weight:600}.club-day.active strong{width:24px;height:24px;line-height:24px;border-radius:50%;background:#ffb74d;color:#fff;text-align:center}.club-empty{padding:16px 14px;color:#8e8e95;font-size:13px}.club-empty p{margin:0}.club-list{padding:10px;display:grid;gap:10px;background:#d9d5cd}.club-item{background:linear-gradient(150deg,#ddd7cf,#d4d8ce);border-radius:12px;border:1px solid var(--card-border);padding:12px;display:grid;gap:6px}.club-item h4{margin:0;font-size:16px;font-weight:700;color:#1f1f24}.club-item p{margin:0;font-size:13px;color:#5f5f67}.club-item-meta{margin-top:6px;padding-top:8px;border-top:1px dashed #ececef;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#8e8e95}.club-item-meta-left{display:flex;align-items:center;gap:10px;min-width:0}.club-join-btn{border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;color:#fff;min-width:84px;text-align:center}.club-join-btn.join{background:linear-gradient(135deg,#ff9f43,#ff7b54)}.club-join-btn.cancel{background:linear-gradient(135deg,#ff6b6b,#ff4d4f)}.club-join-btn:disabled{background:#c7c7cc;color:#fff;cursor:not-allowed}.skeleton{overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.6s infinite}.skeleton-icon{width:52px;height:52px;border-radius:18px;background:var(--surface-strong)}.skeleton-lines{flex:1;display:grid;gap:10px}.skeleton-lines span{height:12px;border-radius:8px;background:var(--surface-strong)}.skeleton-lines span:nth-child(2){width:60%;height:16px}.skeleton-lines span:nth-child(3){width:40%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 600px){.header{flex-direction:column;align-items:flex-start;gap:16px}.club-header{flex-direction:row;gap:0;padding:4px 0 0}.update-banner{left:18px;right:18px}}@media (max-width: 520px){.app{padding:14px 14px 96px;gap:12px}.header{padding:16px 18px}.title-block h1{font-size:22px}.subtitle{font-size:12px}.cards,.actions-grid{grid-template-columns:1fr;gap:12px}.card{padding:14px}.card-icon{width:44px;height:44px;border-radius:14px;font-size:16px}.card-value{font-size:20px}.card-subtitle{font-size:12px}.actions{margin-top:10px;gap:10px}.club-board-head h3{font-size:17px}.credentials{padding:14px;gap:10px}.credentials-grid{grid-template-columns:1fr;gap:10px}.action-card{padding:14px}.action-cta{padding:8px 12px;border-radius:14px}.footer-nav-wrap{width:calc(100% - 20px);bottom:12px}.glass-radio-group label{font-size:13px;padding:.75rem .5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.request-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#2c282438;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.request-loader-card{min-width:220px;padding:16px 18px 14px;border-radius:18px;background:#f0ebe4f5;border:1px solid rgba(194,184,172,.8);box-shadow:0 14px 34px #4a423a33;display:grid;justify-items:center;gap:8px}.request-loader-text{margin:0;font-size:13px;color:#5f584f;font-weight:700;letter-spacing:.02em}.wheel-and-hamster{--dur: 1s;position:relative;width:12em;height:12em;font-size:10px}.wheel,.hamster,.hamster div,.spoke{position:absolute}.wheel,.spoke{border-radius:50%;top:0;left:0;width:100%;height:100%}.wheel{background:radial-gradient(100% 100% at center,#9990 47.8%,#999 48%);z-index:2}.hamster{animation:hamster var(--dur) ease-in-out infinite;top:50%;left:calc(50% - 3.5em);width:7em;height:3.75em;transform:rotate(4deg) translate(-.8em,1.85em);transform-origin:50% 0;z-index:1}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;box-shadow:0 -.25em #facc9e inset,.75em -1.55em #fce6cf inset;top:0;left:-2em;width:2.75em;height:2.5em;transform-origin:100% 50%}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;background:#fbb6b6;border-radius:50%;box-shadow:-.25em 0 #f48c25 inset;top:-.25em;right:-.25em;width:.75em;height:.75em;transform-origin:50% 75%}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;top:.375em;left:1.25em;width:.5em;height:.5em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;top:.75em;left:0;width:.2em;height:.25em}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;box-shadow:.1em .75em #f48c25 inset,.15em -.5em #facc9e inset;top:.25em;left:2em;width:4.5em;height:3em;transform-origin:17% 50%;transform-style:preserve-3d}.hamster__limb--fr,.hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);top:2em;left:.5em;width:1em;height:1.5em;transform-origin:50% 0}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg) translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--br,.hamster__limb--bl{border-radius:.75em .75em 0 0;clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);top:1em;left:2.8em;width:1.5em;height:2.5em;transform-origin:50% 30%}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg) translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;background:#fbb6b6;border-radius:.25em 50% 50% .25em;box-shadow:0 -.2em #f98686 inset;top:1.5em;right:-.5em;width:1em;height:.5em;transform:rotate(30deg) translateZ(-1px);transform-origin:.25em .25em}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100% at center,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47%,#a6a6a6 52.9%,#a6a6a600 53%) 50% 50% / 99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg) translate(-.8em,1.85em)}50%{transform:rotate(0) translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg) translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg) translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg) translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}