:root{--paper:#050d0b;--panel:#091612;--line:#aad7be29;--acid:#8de2b0;--ink:#edf5f0;--muted:#82978c;--red:#e99787;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;background:var(--paper)}body{background:radial-gradient(circle at 75% -5%,#34966d2e,transparent 36%),radial-gradient(circle at 5% 72%,#255b461a,transparent 29%),var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);margin:0}button,input,textarea{font:inherit}[hidden]{display:none!important}.topbar{border-bottom:1px solid var(--line);backdrop-filter:blur(16px);z-index:5;background:#050d0be6;align-items:center;gap:28px;height:72px;padding:0 clamp(18px,4vw,58px);display:flex;position:relative}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand strong{color:var(--acid)}.brand-mark{width:33px;height:33px;color:var(--acid);border:1px solid #315c49;place-items:center;display:grid}nav{gap:24px;margin-left:auto;display:flex}nav a{color:#748e80;font-size:11px;text-decoration:none}nav a:hover{color:#c5e5d1}.top-actions{align-items:center;gap:7px;display:flex}#languageToggle{color:#b9d8c5;cursor:pointer;width:42px;height:34px;font:500 10px var(--mono);background:#0b1915;border:1px solid #315443}main{width:min(1080px,100% - 36px);margin:0 auto;padding:72px 0 110px}.loading,.notice{flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 254px);display:flex}.loading{color:#739083;font:10px var(--mono);align-items:center}.loading>span{border:1px solid #315443;border-top-color:var(--acid);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow,.section-label{color:#6d917f;font:500 9px var(--mono);letter-spacing:.14em;margin:0 0 11px}.notice h1{letter-spacing:-.06em;margin:8px 0 20px;font-size:clamp(48px,7vw,78px);line-height:.95}.notice h1 em{color:#9adcb4;font-style:normal}.notice>p:not(.eyebrow){max-width:580px;color:var(--muted);line-height:1.7}.primary-link{background:var(--acid);color:#06100c;justify-content:space-between;width:240px;margin-top:18px;padding:15px 18px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.text-link{color:var(--acid);text-decoration:none}.profile-hero{background:linear-gradient(135deg,#0d251cf5,#050e0bf7);border:1px solid #315845;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000052}.orbit-field{pointer-events:none;opacity:.55;position:absolute;inset:0}.orbit-field:before,.orbit-field:after{content:"";border:1px solid #8de2b01c;border-radius:50%;position:absolute}.orbit-field:before{width:520px;height:520px;top:-300px;right:-230px}.orbit-field:after{width:330px;height:330px;top:-200px;right:-100px}.orbit-field i{background:#8de2b0;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:72vw 115px #4a8e6a,51vw 210px #79bd95}.profile-main{grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:42px;min-height:330px;padding:58px;display:grid;position:relative}.avatar{color:#a7e5be;width:190px;height:190px;font:500 38px var(--mono);letter-spacing:.05em;background-color:#0c2119;background-image:radial-gradient(circle at 72% 20%,#8de2b038,#0000 31%);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #48785f;place-items:center;display:grid;overflow:hidden;box-shadow:0 20px 55px #00000047}.identity{min-width:0}.identity h1{overflow-wrap:anywhere;letter-spacing:-.06em;margin:0 0 17px;font-size:clamp(38px,6vw,68px);line-height:.95}.bio{color:#b1c8bc;white-space:pre-wrap;max-width:570px;margin:0;font-size:15px;line-height:1.75}.empty-bio{color:#60766a;font-style:italic}.joined{color:#617b6e;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:20px 0 0}.profile-actions{flex-direction:column;align-self:end;gap:8px;display:flex}.profile-actions a,.profile-actions button{color:#afd3be;cursor:pointer;background:#0a1a15;border:1px solid #416d57;justify-content:center;align-items:center;min-width:170px;min-height:45px;padding:0 17px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.profile-actions .primary{border-color:var(--acid);background:var(--acid);color:#06100c}.profile-actions button:disabled{opacity:.6;cursor:default}.profile-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.profile-stats>span{border-left:1px solid var(--line);flex-direction:column;gap:5px;padding:22px 27px;display:flex}.profile-stats>span:first-child{border-left:0}.profile-stats strong{color:#b8e5c9;font:500 24px var(--mono)}.profile-stats small{color:#668074;text-transform:uppercase;font-size:9px}.edit-card{background:#081410e0;border:1px solid #294b3b;margin-top:24px;padding:34px}.edit-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:31px;display:flex}.edit-heading h2{letter-spacing:-.04em;margin:0;font-size:29px}.edit-heading>p{color:#6f857a;max-width:390px;margin:0;font-size:11px;line-height:1.6}.edit-card form{grid-template-columns:310px 1fr;gap:42px;display:grid}.avatar-editor{align-items:center;gap:18px;display:flex}.avatar.preview{flex:none;width:104px;height:104px;font-size:20px}.avatar-editor>div:last-child{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.upload-button,.remove-photo{color:#aaddbd;cursor:pointer;background:#10251c;border:1px solid #4b8467;align-items:center;min-height:38px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.remove-photo{color:#789083;background:0 0;border-color:#0000;padding:0}.avatar-editor small{color:#5e7469;font-size:8px}.fields{flex-direction:column;display:flex}.fields label{color:#718a7d;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}.fields input,.fields textarea{width:100%;color:var(--ink);background:#06100d;border:1px solid #345846;outline:0;padding:12px}.fields input{height:46px;margin-bottom:19px}.fields textarea{resize:vertical;min-height:126px;line-height:1.6}.fields input:focus,.fields textarea:focus{border-color:#70b58e;box-shadow:0 0 0 3px #70b58e14}.form-footer{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.form-footer span{color:#61786c;font:9px var(--mono)}.form-footer button{background:var(--acid);color:#06100c;cursor:pointer;border:0;min-height:44px;padding:0 19px;font-size:11px;font-weight:800}.form-footer button:disabled{opacity:.55}.form-message{color:#82d4a1;min-height:15px;margin:7px 0 0;font-size:10px}.crop-dialog{width:min(500px,100% - 24px);max-height:calc(100svh - 24px);color:var(--ink);background:#081511;border:1px solid #427057;padding:0;overflow:auto;box-shadow:0 35px 110px #000000b3}.crop-dialog::backdrop{backdrop-filter:blur(7px);background:#020806d1}.crop-card{padding:30px}.crop-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.crop-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.crop-close{color:#91ad9f;cursor:pointer;background:#0b1d17;border:1px solid #345846;flex:none;width:38px;height:38px;font-size:24px;line-height:1}.crop-help{color:#71877c;margin:10px 0 20px;font-size:11px}.crop-stage{background:#020705;border:1px solid #517e67;width:min(100%,360px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000057}.crop-stage canvas{cursor:grab;touch-action:none;outline:0;width:100%;height:auto;display:block}.crop-stage canvas:active{cursor:grabbing}.crop-stage canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--acid)}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#e7f8ee47 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#e7f8ee47 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#e7f8ee47 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#e7f8ee47 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));position:absolute;inset:0}.zoom-control{color:#728b7e;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:21px 0 25px;display:grid}.zoom-control input{width:100%;accent-color:var(--acid)}.crop-actions{justify-content:flex-end;gap:8px;display:flex}.crop-actions button{color:#99b9a9;cursor:pointer;background:#0b1c16;border:1px solid #3b604d;min-height:43px;padding:0 16px;font-size:10px;font-weight:700}.crop-actions button.primary{border-color:var(--acid);background:var(--acid);color:#06100c}.toast{z-index:20;color:#9be4b7;background:#0c1b16;border:1px solid #4b8664;max-width:min(390px,100% - 44px);padding:13px 16px;font-size:11px;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #00000059}.toast.error{color:#f0ad9f;border-color:#8b5048}.learning-card{background:linear-gradient(145deg,#091a14f7,#050e0bf5);border:1px solid #315845;margin-top:24px;padding:42px;box-shadow:0 28px 75px #0000003d}.learning-heading{justify-content:space-between;align-items:flex-end;gap:34px;display:flex}.learning-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,45px)}.learning-heading>div>p:last-child{color:#7f978a;max-width:640px;margin:12px 0 0;font-size:12px;line-height:1.7}.review-button{background:var(--acid);color:#06100c;cursor:pointer;border:0;justify-content:space-between;align-items:center;min-width:190px;min-height:50px;padding:0 18px;font-size:11px;font-weight:800;display:flex}.review-button:disabled{opacity:.55}.mastery-summary{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:34px;display:grid}.mastery-summary>span{border-left:1px solid var(--line);flex-direction:column;gap:5px;padding:20px 22px;display:flex}.mastery-summary>span:first-child{border-left:0}.mastery-summary strong{color:#b6e7c8;font:500 25px var(--mono)}.mastery-summary small{color:#607d6d;text-transform:uppercase;font-size:9px}.learning-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:30px 0 15px;display:flex}.learning-filters{flex-wrap:wrap;gap:6px;display:flex}.learning-filters button{color:#799486;cursor:pointer;min-height:35px;font:500 9px var(--mono);text-transform:uppercase;background:#081612;border:1px solid #2f5341;padding:0 12px}.learning-filters button.active{color:#b9e8ca;background:#10281d;border-color:#71c18f}.learning-toolbar>p{color:#5e786a;font:9px var(--mono);margin:0}.learning-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.learning-object{background:#07130f;border:1px solid #244738;padding:20px;position:relative}.learning-object.mastered{border-color:#3e7658}.learning-object.review{border-color:#6e463f}.learning-object-top{justify-content:space-between;gap:14px;display:flex}.learning-object-top small{color:#547263;font:8px var(--mono);text-transform:uppercase}.learning-object-top h3{margin:7px 0 17px;font-size:15px;line-height:1.25}.learning-object-top>strong{color:#a8dcbc;font:500 18px var(--mono)}.progress-bar{background:#17261f;height:4px;display:block;overflow:hidden}.progress-bar i{background:linear-gradient(90deg,#4c9d6e,var(--acid));height:100%;display:block}.learning-object.review .progress-bar i{background:#c67c6b}.learning-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.learning-meta span{flex-direction:column;gap:3px;min-width:0;display:flex}.learning-meta b{text-overflow:ellipsis;color:#b5cfc1;font:500 10px var(--mono);overflow:hidden}.learning-meta small{text-overflow:ellipsis;color:#536b5e;white-space:nowrap;font-size:7px;overflow:hidden}.mastery-state{color:#678c77;font:500 8px var(--mono);letter-spacing:.12em;margin:16px 0 0}.review .mastery-state{color:#d98d7c}.learning-empty{text-align:center;border:1px dashed #315342;padding:38px}.learning-empty h3{margin:0 0 9px}.learning-empty p{color:#758c80;max-width:550px;margin:0 auto;font-size:12px;line-height:1.7}.learning-empty a{color:var(--acid);margin-top:18px;font-size:11px;text-decoration:none;display:inline-block}.learning-details{grid-template-columns:1fr 1fr;gap:10px;margin-top:36px;display:grid}.learning-details>section,.challenge-section,.achievement-section{background:#050f0bbf;border:1px solid #244638;padding:25px}.detail-heading h3{letter-spacing:-.035em;margin:0 0 20px;font-size:21px}.confusion-list{flex-direction:column;gap:7px;display:flex}.confusion-list p{color:#a9bdb2;font:9px var(--mono);background:#0c1b16;border-left:2px solid #be7465;margin:0;padding:11px 12px}.confusion-list .muted-detail{color:#5f766a;border-left-color:#315141}.goal-list{flex-direction:column;gap:18px;display:flex}.goal-list p{color:#80998c;justify-content:space-between;gap:14px;margin:0 0 8px;font-size:10px;display:flex}.goal-list b{color:#aed9bf;font:500 10px var(--mono)}.challenge-section,.achievement-section{margin-top:10px}.challenge-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.challenge-list article{background:#091813;border:1px solid #315342;justify-content:space-between;align-items:center;gap:18px;padding:19px;display:flex}.challenge-list article.complete{border-color:#5f9f78}.challenge-list small{color:#587466;font:8px var(--mono);text-transform:uppercase}.challenge-list h4{margin:6px 0 8px}.challenge-list p{color:#718a7d;margin:0;font-size:10px}.challenge-list a{color:#9ee1b6;background:#1a3527;flex:none;padding:11px 13px;font-size:9px;font-weight:800;text-decoration:none}.achievement-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.achievement-list article{color:#61786b;border:1px solid #263f34;gap:13px;padding:17px;display:flex}.achievement-list article.unlocked{color:#9adcb3;background:#0d2018;border-color:#5f9c76}.achievement-list article>span{font-size:20px}.achievement-list h4{color:#adcabc;margin:0;font-size:12px}.achievement-list p{color:#657c70;margin:6px 0 10px;font-size:9px;line-height:1.45}.achievement-list small{font:8px var(--mono)}.measurement-mastery{background:radial-gradient(circle at 90% 0,#e0bf5e14,#0000 35%),#081812;border:1px solid #4f6f58;margin-top:28px;padding:26px}.measurement-heading{grid-template-columns:1fr 1fr;align-items:end;gap:28px;display:grid}.measurement-heading h3{letter-spacing:-.04em;margin:0;font-size:25px}.measurement-heading>p{color:#748b7f;margin:0;font-size:10px;line-height:1.6}.measurement-overview{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:20px;display:grid}.measurement-overview article{background:#07120e;border:1px solid #2c493b;padding:13px}.measurement-overview small,.measurement-overview span{color:#627b6e;font:500 7px var(--mono);text-transform:uppercase;display:block}.measurement-overview span{color:#8ca195;margin-top:5px}.measurement-overview strong{color:#e1cf83;font:500 17px var(--mono);margin-top:7px;display:block}.measurement-skill-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px;display:grid}.measurement-skill-grid article{border:1px solid #284638;padding:12px}.measurement-skill-grid p{color:#799085;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:8px;display:flex}.measurement-skill-grid b{color:#b8e5c9;font:500 10px var(--mono)}.measurement-actions{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.measurement-actions a{color:#a9d9ba;background:#10251c;border:1px solid #3e654f;align-items:center;min-height:40px;padding:0 13px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.v39-mobile-dock{gap:0!important}.v39-mobile-dock a{min-width:44px!important}.text-link{align-items:center;min-height:44px;display:inline-flex}.upload-button,.remove-photo,.crop-close,.crop-actions button{min-height:44px}.learning-details{grid-template-columns:1fr}@media (width<=880px){nav:not(.v39-mobile-dock){display:none}.profile-main{grid-template-columns:150px 1fr;padding:38px}.avatar{width:150px;height:150px}.profile-actions{flex-direction:row;grid-column:2;align-self:start}.learning-grid,.achievement-list{grid-template-columns:1fr 1fr}.edit-card form{grid-template-columns:1fr}.avatar-editor{justify-content:flex-start}}@media (width<=620px){.topbar{height:68px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:6px}.brand{margin-right:auto}.brand>span:last-child{display:none}#languageToggle{width:44px;height:44px}main{width:calc(100% - 24px);padding:34px 0 calc(72px + env(safe-area-inset-bottom))}.loading,.notice{min-height:calc(100svh - 136px)}.notice h1{font-size:clamp(43px,14vw,58px)}.profile-main{flex-direction:column;align-items:flex-start;gap:24px;min-height:0;padding:28px 20px;display:flex}.avatar{width:120px;height:120px;font-size:28px}.identity h1{font-size:43px}.bio{font-size:13px}.profile-actions{flex-direction:column;width:100%}.profile-actions a,.profile-actions button{width:100%;min-height:48px}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats>span{padding:18px 20px}.profile-stats>span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.profile-stats>span:nth-child(4){border-top:1px solid var(--line)}.learning-card{padding:26px 17px}.learning-heading{flex-direction:column;align-items:flex-start}.review-button{width:100%}.mastery-summary{grid-template-columns:1fr 1fr}.mastery-summary>span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.mastery-summary>span:nth-child(4){border-top:1px solid var(--line)}.measurement-mastery{padding:20px 14px}.measurement-heading{grid-template-columns:1fr}.measurement-overview{grid-template-columns:1fr 1fr}.measurement-skill-grid{grid-template-columns:1fr}.measurement-actions{flex-direction:column}.measurement-actions a{justify-content:center}.learning-toolbar{flex-direction:column;align-items:flex-start}.learning-grid,.learning-details,.challenge-list,.achievement-list{grid-template-columns:1fr}.learning-object{padding:18px}.learning-details>section,.challenge-section,.achievement-section{padding:20px 16px}.challenge-list article{flex-direction:column;align-items:flex-start}.edit-card{padding:24px 18px}.edit-heading{flex-direction:column;align-items:flex-start;gap:8px}.edit-card form{gap:30px}.avatar-editor{align-items:flex-start}.form-footer{align-items:flex-end;gap:12px}.form-footer button{min-height:48px}.toast{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}}
