:root{font-family:Manrope,system-ui,sans-serif;color:#0b1026;background:#e9edf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8bb4ff;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}svg{flex:none}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.app-frame{width:min(100%,420px);height:min(850px,calc(100dvh - 40px));min-height:540px;background:#f5f7fc;border-radius:36px;overflow:hidden;box-shadow:0 25px 80px #121f4b27;position:relative;display:flex;flex-direction:column}.app-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.app-scroll::-webkit-scrollbar,.tabs::-webkit-scrollbar,.continue-row::-webkit-scrollbar{display:none}.screen{min-height:100%;padding-bottom:26px}.button{min-height:48px;border:0;border-radius:16px;background:#236bff;color:#fff;font-weight:800;font-size:14px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 18px #236bff24;transition:transform .18s,background .18s}.button:active,.content-card:active,.project-card:active,.continue-card:active{transform:scale(.98)}.button:hover{background:#1658dd}.button:disabled{background:#c7d2e7;color:#7b89a4;box-shadow:none}.button.secondary{background:#edf3ff;color:#205fe0;box-shadow:none}.button.danger{background:#e55051;box-shadow:none}.icon-button{width:42px;height:42px;border:1px solid #e4eaf5;border-radius:14px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#142146;padding:0}.icon-button.heart{border:0;background:transparent}.heart{color:#aeb7cc;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;padding:4px}.heart.liked,.liked{color:#f45c6c!important}.avatar{border:2px solid white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:linear-gradient(145deg,#c2d3ff,#e4ebff);color:#1645b6;font-weight:800;padding:0}.chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f0f3fa;color:#65738e;font-weight:800;font-size:11px;padding:7px 10px;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.eyebrow{color:#7b89a3;letter-spacing:.13em;font-weight:800;font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-heading h2{font-size:17px;margin:0;font-weight:800}.section-heading>*:last-child:not(h2){font-size:12px}.empty{padding:30px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #cfdaee;border-radius:20px;background:#fff;color:#8190a9;text-align:center}.empty strong{color:#152245;font-size:15px}.empty span{font-size:12px}.page-header{min-height:68px;padding:12px 18px;display:flex;align-items:center;gap:12px}.page-header h1{margin:0;flex:1;font-size:18px;font-weight:800}.page-header>.icon-button:last-child:not(:first-child){margin-left:auto}.topline{display:flex;align-items:center;justify-content:space-between;padding:25px 20px 12px}.topline h1{font-size:23px;line-height:1.2;margin:5px 0 0}.round-add,.top-icon{width:43px;height:43px;border-radius:15px;background:#236bff;color:#fff;border:0;display:flex;align-items:center;justify-content:center}.top-icon{background:#e8efff;color:#236bff}.search-field{height:46px;margin:22px 0 0;border:1px solid #e3eaf5;background:#fff;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#97a3ba}.search-field input{border:0;outline:0;min-width:0;width:100%;color:#172343;background:transparent;font-size:13px}.search-field input::placeholder{color:#a7b1c5}.bottom-nav{flex:none;display:flex;gap:2px;margin:6px 12px max(10px,env(safe-area-inset-bottom));padding:6px 4px;background:#fff;border:1px solid #e5ebf4;border-radius:24px;box-shadow:0 4px 18px #1f34570b;z-index:10}.bottom-nav button{flex:1;min-width:0;border:0;background:transparent;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9aa6bd;font-size:9px;font-weight:800;padding:8px 0}.bottom-nav button.active{background:#edf3ff;color:#236bff}.bottom-nav button span{white-space:nowrap}.home-hero{background:linear-gradient(150deg,#0b3dd8,#236bff 65%,#5b98ff);color:#fff;border-radius:0 0 30px 30px;padding:25px 22px 33px;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff24;border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 35px #ffffff0a,0 0 0 72px #ffffff08}.hero-top{position:relative;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;letter-spacing:-.05em}.brand-dot{color:#dff56b}.home-hero p{position:relative;font-size:12px;color:#e8efff;margin:16px 0 0}.profile-entry{position:relative;border:0;background:none;padding:0}.profile-entry .avatar{border-color:#ffffff50;background:#ffffff3d;color:#fff}.level-ring{position:absolute;bottom:-8px;right:-9px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at center,#174fca 0 58%,transparent 60%),conic-gradient(#dff56b var(--progress),#ffffff66 0);display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}.home-content{padding:2px 20px 30px}.continue-row{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.continue-card{flex:0 0 174px;scroll-snap-align:start;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6ecf7;border-radius:17px;min-height:63px;padding:9px;box-shadow:0 4px 14px #19244309;text-align:left;font-weight:800;color:#152142;font-size:12px}.continue-card .direction-icon{width:35px;height:35px;border-radius:11px}.continue-card>b{width:24px;height:24px;border-radius:50%;background:#12214c;color:#fff;display:grid;place-items:center;font-size:11px;margin-left:auto}.direction-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:13px}.direction-list{display:flex;flex-direction:column;gap:8px}.direction-row{border:1px solid #e7edf6;background:#fff;padding:11px 12px;border-radius:16px;display:flex;align-items:center;gap:12px;color:#172343;font-weight:800;text-align:left}.direction-row span:nth-child(2){flex:1}.direction-row>svg{color:#abb5c8}.wheel{height:165px;position:relative;overflow:hidden;margin:0 -20px}.wheel:before{content:"";width:190px;height:110px;border-radius:50%;background:radial-gradient(ellipse,#d9e6ff,transparent 70%);position:absolute;left:50%;transform:translate(-50%);top:14px}.wheel-item{position:absolute;left:50%;top:17px;transform:translate(-50%);border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;transition:left .42s cubic-bezier(.25,.9,.3,1.2),transform .42s,opacity .3s}.wheel-item span{width:48px;height:48px;border-radius:17px;background:var(--color);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px #27498425}.wheel-item:not(.selected) span{width:40px;height:40px;background:var(--tint);color:var(--color)}.wheel-item small{font-size:11px;font-weight:800;color:#7e8aa2;white-space:nowrap}.wheel-item.selected small{font-size:13px;color:#12214c}.wheel-arrow{position:absolute;z-index:3;top:45px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #dfe7f4;display:grid;place-items:center;color:#42609e;box-shadow:0 4px 10px #16255e12}.wheel-arrow.left{left:12px}.wheel-arrow.right{right:12px}.wheel-detail{margin-top:-14px;text-align:center;animation:fade-in .25s}.wheel-kicker{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800}.wheel-detail h3{font-size:20px;margin:10px 0 7px}.wheel-detail p{font-size:13px;line-height:1.55;color:#6e7b96;min-height:60px;max-width:315px;margin:0 auto 14px}.wheel-detail .button{width:100%}.direction-dots{display:flex;justify-content:center;gap:6px;margin-top:18px}.direction-dots button{border:0;background:#d2dbee;width:6px;height:6px;border-radius:999px;padding:0}.direction-dots button.active{width:18px;background:#236bff}.roadmap-screen{background:radial-gradient(circle at 94% 15%,#e5e2ff,transparent 28%),radial-gradient(circle at 5% 65%,#dfeaff,transparent 30%),#f5f7fc}.roadmap-head{display:flex;align-items:center;justify-content:space-between;margin:5px 20px 10px;padding:17px 18px;background:#fff;border:1px solid #e8edf6;border-radius:20px}.roadmap-head span:first-child{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--direction)}.roadmap-head h2{font-size:18px;margin:6px 0 4px}.roadmap-head p{font-size:12px;color:#8794ac;margin:0}.roadmap-emblem{width:42px;height:42px;border-radius:14px;background:var(--direction-tint);color:var(--direction);display:grid;place-items:center}.roadmap-path{position:relative;padding:7px 14px 0}.roadmap-path:before{content:"";position:absolute;left:50%;top:20px;bottom:80px;border-left:3px dashed #c6d6ef}.roadmap-row{height:118px;position:relative;transition:height .36s cubic-bezier(.2,.8,.2,1)}.roadmap-row.expanded{height:198px}.roadmap-node-wrap{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:6px;z-index:2}.roadmap-node{width:64px;height:64px;border-radius:22px;border:0;background:var(--direction);color:#fff;font-size:23px;font-weight:800;box-shadow:0 7px #0f47bd,0 0 0 8px #236bff1d;transition:transform .3s,opacity .3s}.roadmap-node.completed{background:#dff56b;color:#2d4714;box-shadow:0 5px #b8d242}.roadmap-node.locked{background:#fff;color:#9dadc7;border:2px dashed #cbd8ed;box-shadow:none}.roadmap-node.is-open{opacity:0;transform:scale(.55);pointer-events:none}.roadmap-label{text-align:center;transition:opacity .2s;display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}.roadmap-label strong{background:#fff;border-radius:8px;padding:3px 8px;font-size:11px}.roadmap-label small{font-size:10px;color:#91a0b8}.expanded .roadmap-label{opacity:0}.task-fan{position:absolute;top:9px;left:0;right:0;height:130px;pointer-events:none;z-index:3}.fan-card{position:absolute;left:50%;top:15px;width:92px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px;border:1px solid #c8d8f7;border-radius:17px;background:#fff;box-shadow:0 9px 20px #0d3fa126;color:#102047;text-align:center;opacity:0;transform:translate(-50%) scale(.5);transition:transform .45s cubic-bezier(.22,1.25,.4,1),opacity .25s;pointer-events:none}.fan-card strong{font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fan-card small{font-size:8px;color:#8290a9}.fan-card span{font-size:9px;color:var(--direction);font-weight:800}.expanded .fan-card{opacity:1;pointer-events:auto}.expanded .fan-0{transform:translate(calc(-50% - 102px)) scale(1)}.expanded .fan-1{transform:translate(-50%) scale(1);background:var(--direction);color:#fff;border-color:var(--direction)}.expanded .fan-1 span,.expanded .fan-1 small{color:#e6eeff}.expanded .fan-2{transform:translate(calc(-50% + 102px)) scale(1)}.roadmap-tip{margin:14px 20px 28px;padding:13px 14px;border-radius:16px;background:#e9effb;display:flex;gap:9px;align-items:flex-start;color:#607497;font-size:11px;line-height:1.5}.roadmap-tip svg{color:#236bff}.task-main,.detail-body{padding:10px 20px 20px}.task-main h2,.detail-body h2{font-size:27px;line-height:1.16;margin:8px 0 15px}.task-main .chip-row{margin-bottom:17px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-card{background:#fff;border:1px solid #e5ebf6;border-radius:17px;padding:12px;display:flex;flex-direction:column;gap:6px}.stat-card svg{color:#236bff}.stat-card span{font-size:11px;color:#8b98af}.stat-card strong{font-size:16px}.time-note{display:flex;align-items:center;gap:8px;color:#71809d;font-size:12px;padding:12px 3px}.article{margin:22px 0 0}.article h3{font-size:16px;margin:0 0 8px}.article p,.article li{font-size:13px;line-height:1.65;color:#55627c}.article p{margin:0}.article ul{padding-left:19px;margin:0}.article li+li{margin-top:5px}.repo-form{margin-top:22px;display:flex;flex-direction:column;gap:8px}.repo-form label{font-size:13px;font-weight:800}.repo-form input,.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dfe7f4;background:#fff;border-radius:14px;padding:13px;color:#172343;outline:none;font-size:13px}.repo-form input:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#236bff}.link-button{border:0;background:none;color:#236bff;font-size:12px;font-weight:800;text-align:left;padding:2px}.form-error{font-size:12px;color:#de4954;line-height:1.5}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(#f5f7fcbd,#f5f7fc 28%);padding:20px 20px max(17px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.sticky-actions .button{width:100%}.text-danger{border:0;background:none;color:#db4f57;font-weight:800;font-size:12px;padding:7px}.feedback{margin:20px 0;padding:15px;border-radius:16px;background:#edf3ff;color:#264575;display:flex;align-items:flex-start;gap:10px}.feedback strong{font-size:13px}.feedback p{font-size:12px;line-height:1.5;margin:4px 0 0}.feedback.success{background:#e7f8ef;color:#238463}.feedback.warning{background:#fff3e5;color:#a36a21}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.center-screen h2{font-size:23px;margin:24px 0 5px}.center-screen>p{font-size:13px;color:#8390a7}.checking-orbit{width:100px;height:100px;border-radius:30px;background:#236bff;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px #e0eaff;animation:pulse 1.5s infinite}.check-list{text-align:left;width:100%;margin-top:25px;background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:12px}.check-list>div{display:flex;align-items:center;gap:11px;padding:11px;font-size:12px;color:#a4aec0}.check-list>div span{width:25px;height:25px;border-radius:50%;background:#eff2f8;display:grid;place-items:center;font-size:10px}.check-list>div.done{color:#2f8a65;font-weight:800}.check-list>div.done span{background:#ddf5e8}.check-list>div.current{color:#236bff;font-weight:800}.check-list>div.current span{background:#e4edff}.result-hero{text-align:center;padding:21px}.result-hero>span{width:68px;height:68px;background:#e0f6e8;border-radius:23px;color:#29996b;display:grid;place-items:center;margin:0 auto 15px}.result-hero.failed>span{background:#fff0df;color:#be781e}.result-hero h2{font-size:24px;margin:0 0 4px}.result-hero p{font-size:13px;color:#8491a7}.result-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px}.result-score>div{background:#fff;border:1px solid #e8edf6;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.result-score small{color:#91a0b4}.result-score strong{font-size:26px;color:#236bff}.result-score strong span{font-size:13px;color:#8d9bb2}.result-screen>.article,.result-screen>.feedback{margin-left:20px;margin-right:20px}.score-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9edf6;font-size:12px;color:#687892}.score-line b{color:#172343}.list-screen{padding:0 20px 22px}.list-screen .topline{padding-left:0;padding-right:0}.list-screen .search-field{margin:9px 0 18px}.tabs{display:flex;gap:7px;overflow:auto;margin:10px -20px 15px;padding:0 20px;scrollbar-width:none}.tabs button{border:0;white-space:nowrap;border-radius:12px;background:#fff;color:#8190a8;padding:10px 13px;font-weight:800;font-size:11px}.tabs button.active{background:#236bff;color:#fff}.deadline-banner{display:flex;align-items:center;gap:10px;padding:13px;border-radius:15px;background:#fff3e4;color:#b76e1d;margin-bottom:13px}.deadline-banner div{display:flex;flex-direction:column}.deadline-banner b{font-size:12px}.deadline-banner span{font-size:10px}.card-list{display:flex;flex-direction:column;gap:10px}.content-card{width:100%;background:#fff;border:1px solid #e7edf6;border-radius:18px;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;color:#0b1026}.content-card>div:nth-child(2){flex:1;min-width:0}.content-card>svg{color:#abb7c8}.content-card h3{font-size:13px;margin:0 0 5px}.content-card p{font-size:11px;color:#8694aa;margin:0}.content-card span{display:block;color:#236bff;font-size:10px;font-weight:800;margin-top:7px}.card-icon{width:42px;height:42px;background:#edf3ff;color:#236bff;border-radius:13px;display:grid;place-items:center;flex:none}.project-card{border:1px solid #e6ecf6;background:#fff;border-radius:20px;padding:15px;box-shadow:0 5px 18px #1c2c5809}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#e7efff;color:#236bff}.card-body-link{display:block;width:100%;border:0;background:none;padding:0;text-align:left;color:inherit}.card-body-link h3{font-size:17px;margin:12px 0 5px}.card-body-link p{font-size:12px;line-height:1.5;color:#74829c;min-height:36px;margin:0 0 10px}.project-card .chip-row{flex-wrap:nowrap;overflow:hidden}.card-footer{border-top:1px solid #edf1f7;margin-top:14px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;color:#7b89a3;font-size:11px;font-weight:800}.card-footer span{display:inline-flex;align-items:center;gap:5px}.card-footer span:last-child{color:#236bff}.bottom-cta{margin-top:16px}.bottom-cta .button{width:100%}.event-card{display:flex;gap:12px;background:#fff;border:1px solid #e6ecf6;border-radius:20px;padding:14px}.event-date{width:52px;height:59px;border-radius:13px;background:#e9efff;color:#236bff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.event-date b{font-size:22px;line-height:1}.event-date span{font-size:10px;font-weight:800}.event-info{min-width:0;flex:1}.event-type{font-size:10px;color:#236bff;font-weight:800}.event-info>button:not(.heart){background:none;border:0;padding:0;text-align:left;color:#0b1026}.event-info h3{font-size:14px;margin:6px 0 4px}.event-info p{font-size:11px;line-height:1.45;color:#7e8ca5;margin:0}.event-info .card-footer{margin-top:10px;padding-top:9px}.event-info .card-footer span:last-child{color:#7886a0}.project-cover,.event-cover{height:125px;margin:4px 20px 0;border-radius:21px;background:linear-gradient(135deg,#1744b4,#3279ff 70%,#8db7ff);display:flex;align-items:center;justify-content:center;gap:13px;color:#fff}.project-cover span,.event-cover span{font-size:11px;letter-spacing:.17em;font-weight:800}.event-cover{background:linear-gradient(135deg,#24255e,#8c69e8 70%,#bcb2ff)}.detail-body .lead{font-size:13px;line-height:1.6;color:#6b7893}.detail-meta{display:flex;gap:14px;color:#7786a0;font-size:11px;font-weight:800}.detail-meta span{display:flex;align-items:center;gap:4px}.role-list{display:flex;flex-direction:column;gap:8px}.role-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e8edf6;border-radius:14px;padding:11px;gap:8px}.role-item div{display:flex;flex-direction:column;gap:4px}.role-item strong{font-size:12px}.role-item span:not(.chip){font-size:10px;color:#8c98ab}.member-list{display:flex;flex-direction:column;gap:7px}.member-list button{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #e8edf6;background:#fff;border-radius:13px;width:100%;text-align:left}.member-list button>span{flex:1;font-size:11px;font-weight:800}.member-list small{display:block;color:#91a0b6;font-size:9px;margin-top:3px}.event-meta-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.event-meta-list>div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.event-meta-list svg{color:#236bff}.event-meta-list small{display:block;color:#9aa6b9;font-size:10px;font-weight:600;margin-bottom:2px}.map-placeholder{height:100px;border:1px dashed #ced9ea;border-radius:17px;background:linear-gradient(45deg,#e8edf6,#f6f9fd);display:flex;align-items:center;justify-content:center;gap:8px;color:#8b9ab0;font-size:11px;margin-top:20px}.video-screen{height:100%;display:flex;flex-direction:column;padding-bottom:7px}.video-top{display:flex;align-items:center;justify-content:space-between;padding:14px 17px 9px}.video-top h1{font-size:18px;margin:3px 0 0}.record-button{border:0;background:#236bff;color:#fff;border-radius:12px;display:flex;align-items:center;gap:4px;padding:9px 11px;font-weight:800;font-size:10px}.video-stage{flex:1;min-height:340px;margin:0 12px;border-radius:19px;position:relative;overflow:hidden;background:#18387c}.video-surface,.video-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.video-surface{display:flex;align-items:center;justify-content:center;color:#fff}.video-surface>video{width:100%;height:100%;object-fit:cover}.video-decoration{position:absolute;opacity:.1;transform:scale(3.2) rotate(-15deg)}.video-placeholder{position:absolute;top:23%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#ffffffa8}.video-gradient{background:linear-gradient(transparent 48%,#051330ba);pointer-events:none}.video-actions{position:absolute;right:11px;bottom:88px;display:flex;flex-direction:column;gap:19px;color:#fff}.video-actions button{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;text-shadow:0 1px 3px #0008}.video-actions small{font-size:9px;font-weight:800}.video-caption{position:absolute;left:17px;right:65px;bottom:20px;color:#fff}.video-author{border:0;background:none;color:#fff;padding:0;display:flex;align-items:center;gap:7px}.video-author strong{font-size:12px}.video-caption p{font-size:12px;line-height:1.45;margin:8px 0}.video-caption .chip{background:#ffffff34!important;color:#fff!important;padding:5px 8px}.video-pager{height:35px;display:flex;justify-content:center;align-items:center;gap:15px;font-size:10px;color:#9aabc6}.video-pager button{border:0;background:none;color:#236bff;font-size:18px}.video-pager button:disabled{color:#c4cee0}.profile-screen{padding-bottom:28px}.profile-screen>.section-heading,.profile-screen>.card-list,.profile-screen>.profile-videos{margin-left:20px;margin-right:20px}.profile-hero{margin:7px 20px 0;display:flex;align-items:center;gap:12px}.profile-hero>div:nth-child(2){flex:1;min-width:0}.profile-hero h2{font-size:18px;margin:0 0 3px}.profile-hero p{font-size:12px;color:#8a98ae;margin:0}.profile-level{background:#e7efff;color:#236bff;border-radius:10px;padding:7px;font-size:11px;font-weight:800}.profile-bio{margin:12px 20px 17px;color:#71809a;font-size:12px}.xp-card{margin:0 20px;background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:14px}.xp-card>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#8290a7}.xp-card strong{color:#236bff}.progress-track{height:8px;background:#e7edf7;border-radius:8px;margin-top:12px;overflow:hidden}.progress-track span{height:100%;display:block;background:#236bff;border-radius:8px}.skill-card{margin:0 20px;background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:12px;display:flex;align-items:center}.skill-radar{width:46%;position:relative}.skill-radar svg{width:100%}.skill-radar span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:800;color:#4160ad}.skill-list{flex:1;display:flex;flex-direction:column;gap:8px}.skill-list>div{display:flex;align-items:center;gap:5px;font-size:10px;color:#71809b}.skill-list b{margin-left:auto;color:#152341}.skill-dot{width:7px;height:7px;border-radius:50%}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 20px 0}.profile-stats div{background:#fff;border:1px solid #e7edf6;border-radius:14px;padding:11px;display:flex;flex-direction:column;text-align:center;gap:2px}.profile-stats strong{font-size:19px;color:#236bff}.profile-stats span{font-size:10px;color:#8b99ae}.profile-videos{display:flex;gap:9px;overflow-x:auto}.profile-videos button{flex:0 0 100px;height:130px;border:0;border-radius:13px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px}.profile-videos span{font-size:9px;font-weight:800;line-height:1.25}.profile-cta{margin:20px}.profile-cta .button{width:100%}.settings-screen{padding:0 20px 30px}.settings-screen .page-header{padding-left:0;padding-right:0}.settings-group{margin:15px 0 20px}.settings-group h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8b99ae}.settings-card{border:1px solid #e7edf6;border-radius:17px;background:#fff;overflow:hidden}.settings-card button{width:100%;min-height:50px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #eef1f6;background:none;color:#1b2847;text-align:left;font-size:12px;font-weight:800}.settings-card button:last-child{border-bottom:0}.settings-card button>span:first-child{display:flex;align-items:center;gap:8px}.settings-card svg{color:#9ca9bc}.radio{width:17px;height:17px;border-radius:50%;border:2px solid #bdc8d9}.radio.checked{border:5px solid #236bff}.toggle{width:39px;height:23px;background:#e4eaf4;border-radius:20px;position:relative}.toggle:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 3px #2342}.toggle.on{background:#236bff}.toggle.on:before{left:19px}.red-text{color:#d85a5f}.form-screen{padding:0 20px 30px}.form-screen .page-header{padding-left:0;padding-right:0}.form-intro{margin:10px 0 23px}.form-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#e6eeff;color:#236bff;margin-bottom:12px}.form-intro h2{font-size:20px;margin:0 0 5px}.form-intro p{font-size:12px;color:#8390a6;margin:0}.form-screen form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#182545;margin-bottom:16px}.form-screen form>.form-field{margin:0}.form-field textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-two .form-field{margin:0}.role-options{display:flex;flex-wrap:wrap;gap:7px}.role-options button{border:1px solid #e2e9f5;background:#fff;color:#75839c;padding:8px 10px;border-radius:11px;font-size:11px;font-weight:800}.role-options button.selected{background:#e8efff;color:#236bff;border-color:#bcd0fc}.role-editor{padding:13px;border:1px solid #e3eafa;border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:10px}.role-editor strong{font-size:12px}.role-editor label{font-size:10px;color:#7a89a2;display:flex;flex-direction:column;gap:4px}.role-editor input{border:1px solid #e3eafa;border-radius:9px;padding:9px;font-size:12px}.segmented{display:flex;border:1px solid #e0e7f4;background:#fff;border-radius:13px;padding:4px;gap:4px}.segmented button{flex:1;border:0;background:none;color:#7b8aa2;padding:8px;border-radius:9px;font-size:11px;font-weight:800}.segmented button.active{background:#e8efff;color:#236bff}.form-submit{width:100%;margin-top:4px}.upload-zone{min-height:210px;border:2px dashed #bdcef0;border-radius:18px;background:#edf3ff;color:#236bff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;overflow:hidden;text-align:center;margin-bottom:12px}.upload-zone strong{font-size:14px}.upload-zone span{font-size:11px;color:#8191ad}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-zone video{width:100%;height:250px;object-fit:contain;background:#0d1732}.file-name{display:flex;align-items:center;gap:7px;color:#2a986d;font-size:11px;font-weight:800;margin-bottom:18px}.video-form>.button{width:100%}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b173c71;z-index:30;display:flex;align-items:flex-end;animation:fade-in .2s}.sheet-panel{width:100%;background:#fff;border-radius:26px 26px 0 0;padding:9px 20px max(20px,env(safe-area-inset-bottom));animation:sheet-up .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 25px #0b173c20}.sheet-handle{width:35px;height:4px;border-radius:5px;background:#d4dcea;margin:0 auto 17px}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2,.small-sheet h2{font-size:17px;margin:0}.comments-sheet{height:min(74%,610px);display:flex;flex-direction:column}.comments-list{overflow:auto;flex:1;margin:10px -20px;padding:0 20px}.comment{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #eef2f7}.comment.reply{margin-left:27px}.comment>div:nth-child(2){flex:1}.comment-head{display:flex;gap:8px;align-items:center}.comment-head strong{font-size:11px}.comment-head small{color:#a1adc0;font-size:9px}.comment p{font-size:12px;line-height:1.45;margin:5px 0;color:#46546d}.comment-actions{display:flex;gap:15px}.comment-actions button{border:0;background:none;color:#8e9cb0;padding:0;display:flex;align-items:center;gap:3px;font-size:10px}.reply-note{display:flex;justify-content:space-between;color:#236bff;font-size:11px;padding:6px}.reply-note button{border:0;background:none;color:#236bff}.comment-form{display:flex;gap:7px;padding-top:9px;border-top:1px solid #e8edf6}.comment-form input{flex:1;min-width:0;border:1px solid #e2e9f5;border-radius:13px;padding:11px;font-size:12px}.comment-form button{width:39px;border:0;border-radius:12px;background:#236bff;color:#fff}.comment-form button:disabled{background:#c7d1e3}.small-sheet p{font-size:12px;color:#7988a0;margin:9px 0 21px}.small-sheet>.button{width:100%}.sheet-buttons{display:flex;gap:8px}.sheet-buttons .button{flex:1}.toast{position:absolute;bottom:91px;left:50%;transform:translate(-50%);z-index:50;white-space:nowrap;display:flex;align-items:center;gap:8px;background:#142755;color:#fff;padding:12px 15px;border-radius:13px;box-shadow:0 8px 25px #0b173c39;font-size:11px;font-weight:800;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 18px #e0eaff88}}@media(max-width:480px){.app-shell{padding:0}.app-frame{height:100dvh;min-height:0;border-radius:0;box-shadow:none;width:100%}.bottom-nav{margin-bottom:max(7px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-dark .app-frame{background:#111a2e;color:#eff3ff}.theme-dark .roadmap-screen{background:#111a2e}.theme-dark .home-content,.theme-dark .screen,.theme-dark .page-header h1,.theme-dark .topline h1,.theme-dark h2,.theme-dark h3{color:#eff3ff}.theme-dark .continue-card,.theme-dark .direction-row,.theme-dark .roadmap-head,.theme-dark .roadmap-label strong,.theme-dark .fan-card,.theme-dark .stat-card,.theme-dark .content-card,.theme-dark .project-card,.theme-dark .event-card,.theme-dark .settings-card,.theme-dark .skill-card,.theme-dark .xp-card,.theme-dark .profile-stats div,.theme-dark .role-item,.theme-dark .member-list button,.theme-dark .search-field,.theme-dark .result-score>div,.theme-dark .check-list,.theme-dark .icon-button,.theme-dark .tabs button:not(.active){background:#1e2b46;color:#eff3ff;border-color:#344465}.theme-dark .sticky-actions{background:linear-gradient(#111a2eaa,#111a2e 28%)}.theme-dark .bottom-nav,.theme-dark .sheet-panel{background:#1e2b46;border-color:#344465;color:#eff3ff}.theme-dark .bottom-nav button.active{background:#263e73}.theme-dark .form-field input,.theme-dark .form-field textarea,.theme-dark .form-field select,.theme-dark .repo-form input,.theme-dark .comment-form input{background:#1e2b46;border-color:#344465;color:#eff3ff}.theme-dark .wheel-detail h3,.theme-dark .wheel-item.selected small,.theme-dark .card-body-link,.theme-dark .settings-card button,.theme-dark .content-card h3,.theme-dark .event-info>button:not(.heart){color:#eff3ff}.theme-dark .settings-card button{border-color:#344465}.theme-dark .feedback{background:#263e73;color:#d8e5ff}.theme-dark .feedback.success{background:#1b493d;color:#bcf0d8}.theme-dark .feedback.warning{background:#513c24;color:#ffdfb2}@media(prefers-color-scheme:dark){.theme-system .app-frame{background:#111a2e;color:#eff3ff}.theme-system .bottom-nav{background:#1e2b46;border-color:#344465}}.eyebrow{display:none}.topline h1{margin-top:0}.direction-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 2px}.direction-heading h2{font-size:17px;margin:0;font-weight:800}.wheel-controls{display:flex;gap:7px}.wheel-controls button{width:35px;height:35px;border:1px solid #dfe7f4;border-radius:12px;background:#fff;color:#42609e;display:grid;place-items:center;padding:0;box-shadow:0 4px 10px #16255e0d}.wheel{height:154px}.wheel:before{top:2px}.wheel-item{gap:7px;transition:left .42s cubic-bezier(.2,.7,.2,1),top .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1),opacity .12s linear}.wheel-item span.wheel-glyph{width:62px;height:62px;border-radius:21px;position:relative}.wheel-item:not(.selected) span.wheel-glyph{width:53px;height:53px;border-radius:18px}.wheel-item .wheel-level,.wheel-item:not(.selected) .wheel-level{position:absolute;right:-8px;bottom:-6px;width:23px;height:23px;border-radius:50%;background:#fff;color:var(--color);border:2px solid var(--color);display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 3px 8px #13275320}.wheel-item.selected .wheel-level{background:#162e73;color:#fff;border-color:#fff}.wheel-item small{font-size:12px}.wheel-item.selected small{font-size:13px}.wheel-detail{margin-top:-1px}.wheel-detail h3{font-size:21px;margin:0 0 10px}.wheel-detail p{font-size:14px;line-height:1.58;min-height:112px;max-width:350px;margin-bottom:15px}.theme-dark .wheel-controls button{background:#1e2b46;color:#dce6ff;border-color:#344465}.roadmap-title{position:relative;justify-content:center;padding-top:15px;padding-bottom:10px}.roadmap-title .icon-button{position:absolute;left:18px}.roadmap-title h1{text-align:center;flex:none;font-size:20px;margin:0}.roadmap-path{margin:0 14px;padding:0;position:relative}.roadmap-path:before{display:none}.roadmap-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.roadmap-route path{fill:none;stroke-linecap:round}.roadmap-route .route-base{stroke:#fff;stroke-width:19}.roadmap-route .route-completed{stroke:var(--direction);stroke-width:19}.roadmap-route .route-dots{stroke:#bfd0eb;stroke-width:3;stroke-dasharray:2 12}.roadmap-row{position:absolute;left:0;right:0;transition:top .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1)}.roadmap-node-wrap{left:var(--node-x);top:12px;width:64px;transform:translate(-50%)}.roadmap-label{position:absolute;top:16px;left:80px;align-items:flex-start;text-align:left;gap:3px}.row-1 .roadmap-label{left:auto;right:80px;align-items:flex-end;text-align:right}.roadmap-label strong{font-size:12px;padding:5px 8px}.roadmap-label small{background:#f5f7fccc;border-radius:6px;padding:2px 5px}.task-fan{left:clamp(148px,var(--node-x),calc(100% - 148px));right:auto;width:0;top:9px}.fan-card{left:0;top:-8px}.expanded .fan-0{background:#f0edff;border-color:#d8d0ff}.expanded .fan-2{background:#e6f8f1;border-color:#c6ecdb}.expanded .fan-1{background:var(--direction);border-color:var(--direction)}.theme-dark .roadmap-label small{background:#111a2ecf}.project-detail-body{padding-top:14px}.member-list button>span:not(.avatar){flex:1}.member-list .avatar{width:37px;height:37px;min-width:37px;border-radius:50%;flex:none!important}.task-profile-entry .avatar{border-color:#fff}.task-profile-entry .level-ring{background:radial-gradient(circle at center,#174fca 0 58%,transparent 60%),conic-gradient(#dff56b var(--progress),#cddcf6 0)}.event-card-heading{display:flex;align-items:flex-start;gap:6px;justify-content:space-between}.event-card-heading .event-type{flex:1;line-height:1.45}.event-card-heading .heart{align-self:flex-start;margin:-4px -4px 0 0}.event-info h3{margin-top:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-mode .app-frame{background:#080d19}.video-mode .app-scroll{overflow:hidden}.video-screen{height:100%;min-height:0;padding:0}.video-stage{margin:0;min-height:0;border-radius:0;touch-action:pan-y}.video-surface{animation:fade-in .22s ease}.video-mode .bottom-nav{margin:0;padding:8px 4px max(10px,env(safe-area-inset-bottom));border:0;border-top:1px solid #ffffff24;border-radius:0;background:#0b1223;box-shadow:none}.video-mode .bottom-nav button{color:#9ba8c1}.video-mode .bottom-nav button.active{background:#236bff;color:#fff}.video-mode .sheet-panel{background:#172239;color:#f5f7ff}.video-mode .sheet-panel h2,.video-mode .comment-head strong{color:#f5f7ff}.video-mode .comment p{color:#d7dff0}.video-mode .comment-form{border-color:#fff2}.video-mode .comment-form input{background:#22314e;border-color:#3a4c6d;color:#fff}.comment{border-bottom:0}.home-hero{padding-bottom:25px}.roadmap-path{margin:0 14px 16px}.roadmap-title{position:sticky;top:0;z-index:6;background:#f5f7fceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-dark .roadmap-title{background:#111a2ee8}.roadmap-route .route-base{stroke:#dfe5f0;stroke-width:25}.roadmap-route .route-completed{stroke:var(--direction);stroke-width:25}.roadmap-route .route-dots{stroke:#fff;stroke-width:3;stroke-dasharray:2 12}.roadmap-node{width:68px;height:68px;border-radius:50%;box-shadow:0 6px color-mix(in srgb,var(--direction) 72%,#1b3058),0 0 0 8px color-mix(in srgb,var(--direction) 16%,transparent);font-size:23px}.roadmap-node.completed{background:#b6df68;color:#295237;box-shadow:0 6px #8fba4a,0 0 0 8px #b6df6830}.roadmap-node.locked{background:#fff;color:#a8b4c8;border:3px solid #d7e0ed;box-shadow:0 5px #d7e0ed}.roadmap-label{top:22px}.roadmap-label strong{font-size:12px;background:#fff;padding:5px 8px;box-shadow:0 2px 8px #1827530d}.theme-dark .roadmap-route .route-base{stroke:#34405b}.theme-dark .roadmap-route .route-dots{stroke:#8d9bbb}.theme-dark .roadmap-node.locked{background:#26334d;color:#8190ac;border-color:#455570;box-shadow:0 5px #455570}.roadmap-row.expanded{height:118px;z-index:5}.roadmap-row.expanded .task-fan{z-index:6}@media(max-width:380px){.fan-card{width:86px}.expanded .fan-0{transform:translate(calc(-50% - 91px))}.expanded .fan-2{transform:translate(calc(-50% + 91px))}}@media(max-width:350px){.fan-card{width:82px}.expanded .fan-0{transform:translate(calc(-50% - 88px))}.expanded .fan-2{transform:translate(calc(-50% + 88px))}}.skill-card{display:block;padding:15px 12px 13px}.skill-chart-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#172343}.skill-chart-header small{display:block;color:#92a0b5;font-size:10px;font-weight:600;margin-top:2px}.skill-zoom{display:flex;align-items:center;gap:5px;white-space:nowrap}.skill-zoom button{width:26px;height:26px;border:1px solid #dce6f5;border-radius:9px;background:#f3f7ff;color:#236bff;font-size:17px;font-weight:800;display:grid;place-items:center;padding:0}.skill-zoom span{font-size:10px;color:#71819d;min-width:33px;text-align:center}.skill-radar-chart{display:block;width:100%;height:auto;max-height:310px;margin:1px auto -5px;overflow:visible}.skill-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;border-top:1px solid #e9eef7;padding:12px 4px 0}.skill-legend>div{display:flex;align-items:center;gap:5px;font-size:11px;color:#667690;min-width:0}.skill-legend .skill-dot{flex:none}.skill-legend b{margin-left:auto;color:#24375d;font-size:10px}.theme-dark .skill-chart-header,.theme-dark .skill-legend b{color:#eff3ff}.theme-dark .skill-zoom button{background:#263b64;border-color:#455b80;color:#d9e7ff}.theme-dark .skill-legend{border-color:#344465}.profile-task-card{padding-left:15px}.profile-task-card>div:first-child{flex:1;min-width:0}.event-info{position:relative}.event-card-heading{display:block;padding-right:20px}.event-card-heading .event-type{line-height:1.15}.event-card-heading .heart{position:absolute;right:0;top:0;margin:0}.event-info h3{margin-top:3px}.video-mode .bottom-nav{margin:6px 12px max(10px,env(safe-area-inset-bottom));padding:6px 4px;border:1px solid #33415f;border-radius:24px;background:#101a30;box-shadow:0 4px 18px #0003}.video-screen{padding-bottom:0}.roadmap-node.completed{display:grid;place-items:center;padding:0}.roadmap-node.completed svg{display:block;margin:0}.video-mode .bottom-nav{margin-top:0}.video-actions{bottom:112px}.auth-frame{align-items:center;justify-content:center;padding:24px}.auth-content{text-align:center;max-width:280px}.auth-mark{width:68px;height:68px;border-radius:22px;background:#236bff;color:#fff;display:grid;place-items:center;margin:0 auto 20px}.auth-content h1{font-size:24px;margin-bottom:8px}.auth-content p{font-size:14px;line-height:1.5;color:#6e7b96;margin-bottom:20px}.sync-banner{display:flex;align-items:center;gap:8px;background:#fff0e9;color:#9e4932;padding:8px 14px;font-size:11px;z-index:12}.sync-banner span{flex:1}.sync-banner button{border:0;background:#fff;color:#9e4932;padding:6px 9px;border-radius:8px;font-weight:800}.application-actions{display:flex;gap:5px}.application-actions button{border:0;border-radius:8px;background:#e8efff;color:#236bff;padding:7px;font-size:10px;font-weight:800}