@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{color:#17261f;font-synthesis:none;--ink:#17261f;--paper:#f4f1e8;--cream:#e9e3d6;--coral:#df5f3c;--green:#315f50;--yellow:#e5ad3d;--line:#17261f26;background:#f4f1e8;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #df5f3c59}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:29px;height:29px;display:inline-block;position:relative;transform:rotate(-12deg)}.brand-mark>span{transform-origin:50% 100%;background:currentColor;border-radius:8px 8px 3px 3px;width:8px;height:23px;position:absolute;top:1px}.brand-mark>span:first-child{left:4px;transform:rotate(-29deg)}.brand-mark>span:nth-child(2){left:10px}.brand-mark>span:nth-child(3){left:16px;transform:rotate(29deg)}.brand-name{letter-spacing:.16em;font-size:14px;font-weight:900}.kicker{color:var(--coral);letter-spacing:.17em;font-size:10px;font-weight:800}.muted{color:#17261f94}.login-page{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.login-art{color:var(--paper);background:var(--green);position:relative;overflow:hidden}.login-art:before{content:"";opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}.login-court{border:2px solid #f4f1e83d;position:absolute;inset:9%;transform:rotate(-3deg)}.login-court:before,.login-court:after,.login-court i{content:"";background:#f4f1e83d;position:absolute}.login-court:before{height:2px;inset:50% 0 auto}.login-court:after{width:2px;inset:0 auto 0 50%}.login-court i:first-child{width:1px;inset:0 auto 0 21%}.login-court i:nth-child(2){width:1px;inset:0 21% 0 auto}.login-court i:nth-child(3){height:1px;bottom:17%;left:0;right:0}.login-art>p{color:var(--yellow);letter-spacing:-.07em;margin:0;font-size:clamp(52px,6vw,90px);font-weight:900;line-height:.86;position:absolute;bottom:8%;left:10%}.login-shuttle{z-index:2;width:190px;height:260px;position:absolute;top:19%;right:14%;transform:rotate(34deg)}.login-shuttle>span{border:8px solid var(--yellow);transform-origin:bottom;border-radius:60% 60% 10% 10%;width:52px;height:190px;position:absolute;top:0}.login-shuttle>span:first-child{left:15px;transform:rotate(-15deg)}.login-shuttle>span:nth-child(2){left:68px}.login-shuttle>span:nth-child(3){right:15px;transform:rotate(15deg)}.login-shuttle>b{background:var(--paper);border-radius:45% 45% 52% 52%;width:110px;height:76px;position:absolute;bottom:2px;left:42px}.login-panel{place-items:center;min-height:100vh;padding:48px clamp(34px,8vw,130px);display:grid}.login-card{width:min(460px,100%)}.login-brand{margin-bottom:clamp(65px,10vh,105px)}.login-card h1{letter-spacing:-.06em;margin:17px 0 14px;font-size:clamp(50px,5vw,72px);line-height:1}.login-card>.muted{font-size:13px;line-height:1.9}.login-form{gap:21px;margin-top:38px;display:grid}.login-form label,.editor-form label,.log-form label,.notes-field{gap:8px;display:grid}.login-form label span,.editor-form label span,.log-form label span,.notes-field>span{font-size:11px;font-weight:800}.login-form input,.editor-form input,.editor-form textarea,.log-form input,.notes-field textarea{background:#ffffff6b;border:1px solid #17261f3b;border-radius:0;outline:none;width:100%}.login-form input{height:52px;padding:0 16px}.login-form input:focus,.editor-form input:focus,.editor-form textarea:focus,.log-form input:focus,.notes-field textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #df5f3c1a}.form-error{color:#b64128;margin:0;font-size:12px}.primary-button{color:#fff;background:var(--coral);height:53px;box-shadow:7px 7px 0 var(--ink);justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:13px;font-weight:800;display:flex}.primary-button svg{width:17px}.secure-note{color:#17261f6e;justify-content:center;align-items:center;gap:7px;margin:30px 0 0;font-size:10px;display:flex}.secure-note svg{width:15px}.app-loading{place-content:center;justify-items:center;gap:20px;height:100vh;display:grid}.app-loading>svg{color:var(--coral)}.app-shell{grid-template-columns:258px 1fr;min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--paper);background:#13211b;flex-direction:column;padding:34px 25px 25px;display:flex;position:sticky;top:0}.sidebar-brand{padding:0 8px}.mobile-close{display:none}.nav-caption{color:#f4f1e859;letter-spacing:.2em;margin:80px 8px 18px;font-size:8px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#f4f1e885;text-align:left;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:0 13px;font-size:12px;font-weight:700;display:grid}.sidebar nav button svg{width:17px}.sidebar nav button span{color:var(--ink);background:var(--yellow);padding:3px 7px;font-size:9px}.sidebar nav button small{font-size:8px;font-weight:500}.sidebar nav button.active{color:var(--paper);box-shadow:inset 3px 0 var(--coral);background:#f4f1e81a}.sidebar nav button:hover{color:var(--paper);background:#f4f1e80f}.sidebar-foot{border-top:1px solid #f4f1e81f;grid-template-columns:38px 1fr 32px;align-items:center;gap:10px;margin-top:auto;padding:18px 5px 0;display:grid}.user-avatar{width:38px;height:38px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.sidebar-foot>div:nth-child(2){gap:2px;display:grid}.sidebar-foot strong{font-size:11px}.sidebar-foot small{color:#f4f1e866;font-size:8px}.sidebar-foot button{color:#f4f1e88c}.sidebar-foot svg{width:17px}.dashboard{background:linear-gradient(90deg,#17261f08 1px,transparent 1px) 0 0/90px 100%,var(--paper);min-width:0;padding:0 clamp(28px,5vw,76px) 80px}.mobile-header{display:none}.dashboard-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;min-height:300px;padding:68px 0 43px;display:flex}.dashboard-head h1{letter-spacing:-.06em;margin:17px 0 12px;font-size:clamp(45px,5vw,72px);line-height:1}.dashboard-head p{color:#17261f94;margin:0;font-size:13px}.head-stamp{width:142px;height:142px;color:var(--paper);background:var(--coral);border:7px solid var(--paper);box-shadow:0 0 0 1px var(--coral);border-radius:50%;justify-content:center;align-items:center;gap:8px;display:flex;transform:rotate(7deg)}.head-stamp strong{letter-spacing:-.06em;font-size:42px}.head-stamp span{font-size:7px;font-weight:800;line-height:1.5}.stats-grid{border:1px solid var(--line);background:#f4f1e8b8;grid-template-columns:repeat(4,1fr);margin:30px 0 68px;display:grid}.stats-grid article{border-right:1px solid var(--line);flex-direction:column;min-height:128px;padding:22px 24px;display:flex}.stats-grid article:last-child{border:0}.stats-grid article>span{color:#17261f85;font-size:9px;font-weight:700}.stats-grid article>strong{letter-spacing:-.04em;margin-top:9px;font-size:34px}.stats-grid strong small{color:#17261f59;font-size:13px}.stats-grid article>small{color:#17261f66;margin-top:auto;font-size:8px}.stat-bar{background:#17261f14;height:4px;margin-top:auto}.stat-bar i{background:var(--coral);height:100%;display:block}.stats-grid .next-focus{color:var(--paper);background:var(--green);flex-direction:row;align-items:center;gap:15px}.next-focus>svg{width:32px;color:var(--yellow)}.next-focus div{gap:6px;display:grid}.next-focus span{color:#f4f1e880;font-size:8px}.next-focus strong{font-size:13px}.library-toolbar{justify-content:space-between;gap:20px;display:flex}.search-box{border:1px solid var(--line);background:#ffffff4d;align-items:center;gap:10px;width:min(460px,60%);height:48px;padding:0 15px;display:flex}.search-box svg{color:#17261f6b;width:17px}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.library-toolbar select{border:1px solid var(--line);background:var(--paper);min-width:180px;padding:0 14px;font-size:11px}.category-tabs{gap:5px;margin:22px 0 30px;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;color:#17261f8f;border:1px solid #0000;padding:9px 12px;font-size:10px;font-weight:700}.category-tabs button span{opacity:.55;margin-left:6px}.category-tabs button.active{color:var(--paper);background:var(--ink)}.skill-list{border-top:1px solid var(--line)}.skill-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:52px minmax(260px,1fr) 125px 155px 35px;align-items:center;gap:17px;min-height:118px;transition:background .18s,transform .18s;display:grid}.skill-row:hover{z-index:2;background:#fffaf0;transform:translate(5px)}.skill-number{color:#17261f3d;font-size:20px;font-weight:800}.skill-main>span{color:var(--coral);letter-spacing:.1em;font-size:8px;font-weight:800}.skill-main h3{margin:7px 0 5px;font-size:18px}.skill-main p{color:#17261f80;margin:0;font-size:10px;line-height:1.5}.skill-level{grid-template-columns:31px 1fr;align-items:center;display:grid}.skill-level>strong{grid-row:span 2;font-size:28px}.skill-level>span{font-size:9px;font-weight:700}.skill-level>div{gap:3px;display:flex}.skill-level i{background:#17261f1f;width:12px;height:3px}.skill-level i.filled{background:var(--coral)}.skill-meta{color:#17261f73;gap:7px;font-size:9px;display:grid}.skill-meta span{align-items:center;gap:5px;display:flex}.skill-meta svg{width:13px}.skill-row--rich{cursor:default;grid-template-columns:45px minmax(300px,1fr) 150px 125px 108px;min-height:150px}.skill-row--rich:hover{transform:none}.skill-note{max-width:620px;color:var(--green);background:#315f5014;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;font-size:9px;line-height:1.5;display:flex}.skill-note svg{flex:none;width:13px}.inline-level{gap:7px;display:grid}.inline-level>span{color:#17261f6b;font-size:8px;font-weight:700}.inline-level-select{border:1px solid var(--line);background:var(--paper);outline:none;width:100%;height:34px;padding:0 8px;font-size:10px;font-weight:800}.level-select-0{color:#17261f80}.level-select-1,.level-select-2{color:#946619}.level-select-3{color:var(--green)}.level-select-4,.level-select-5{color:var(--coral)}.level-dots{gap:3px;display:flex}.level-dots i{background:#17261f1a;width:18px;height:3px}.level-dots i.filled{background:var(--coral)}.skill-meta--rich{gap:8px}.manage-button{border:1px solid var(--line);justify-content:center;align-items:center;gap:3px;padding:9px 10px;font-size:9px;font-weight:700;transition:color .18s,background .18s;display:flex}.manage-button:hover{color:var(--paper);background:var(--ink)}.manage-button svg{width:13px}.row-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.row-arrow svg{width:16px}.loading-state,.error-state,.empty-state{color:#17261f80;place-content:center;justify-items:center;gap:12px;min-height:300px;font-size:12px;display:grid}.error-state button,.empty-state button{border:1px solid var(--ink);padding:8px 13px}.empty-state svg{width:32px}.empty-state h3{color:var(--ink);margin:0}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09110e9e;position:fixed;inset:0}.skill-drawer{background:var(--paper);width:min(720px,100%);height:100%;animation:.25s drawer-in;position:absolute;top:0;right:0;overflow:auto;box-shadow:-30px 0 70px #0003}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}}.drawer-head{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f1e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.drawer-head>span{letter-spacing:.2em;font-size:8px;font-weight:800}.icon-button{place-items:center;width:34px;height:34px;display:grid}.icon-button svg{width:19px}.skill-hero{color:var(--paper);background:var(--green);padding:62px 55px 54px}.category-label{color:var(--yellow);letter-spacing:.15em;font-size:9px;font-weight:800}.skill-hero h2{letter-spacing:-.05em;margin:13px 0 12px;font-size:48px}.skill-hero p{color:#f4f1e8a1;max-width:510px;margin:0;font-size:12px;line-height:1.8}.drawer-section{border-bottom:1px solid var(--line);padding:44px 55px}.section-title{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.section-title>div{align-items:center;gap:12px;display:flex}.index{color:var(--coral);font-size:9px;font-weight:800}.section-title h3{margin:0;font-size:18px}.level-badge{color:var(--paper);background:var(--coral);padding:6px 10px;font-size:9px}.level-0{color:var(--ink);background:var(--cream)}.level-picker{border:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.level-picker button{border-right:1px solid var(--line);place-content:center;gap:4px;min-height:65px;display:grid}.level-picker button:last-child{border:0}.level-picker button span{font-size:17px;font-weight:800}.level-picker button small{font-size:7px}.level-picker button.active{color:var(--paper);background:var(--coral)}.notes-field{margin-top:25px}.notes-field textarea{resize:vertical;min-height:110px;padding:13px}.save-progress{color:var(--paper);background:var(--ink);align-items:center;gap:7px;margin-top:15px;padding:11px 17px;font-size:10px;font-weight:700;display:flex}.save-progress svg{width:15px}.add-button{color:var(--coral);align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.add-button svg{width:15px}.editor-form{background:var(--cream);gap:15px;margin:-5px 0 25px;padding:20px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-form input,.log-form input{height:40px;padding:0 11px}.editor-form textarea{resize:vertical;min-height:70px;padding:10px}.form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.text-action{font-size:10px}.small-primary{color:var(--paper);background:var(--ink);padding:10px 15px;font-size:10px;font-weight:700}.resource-list{gap:18px;display:grid}.resource-card{border:1px solid var(--line);background:#faf7ef}.video-frame{aspect-ratio:16/9;background:#0c1511}.video-frame iframe{border:0;width:100%;height:100%}.resource-content{padding:20px}.resource-type{color:var(--coral);letter-spacing:.12em;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.resource-type svg{width:14px}.resource-content h4{margin:10px 0 7px;font-size:16px}.resource-content p{color:#17261f94;margin:0;font-size:10px;line-height:1.6}.resource-actions{align-items:center;gap:13px;margin-top:17px;display:flex}.resource-actions a,.resource-actions button{color:var(--green);align-items:center;gap:5px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.resource-actions svg{width:13px}.resource-actions .danger{color:var(--coral);margin-left:auto}.empty-inline{color:#17261f59;text-align:center;place-content:center;justify-items:center;gap:5px;min-height:120px;display:grid}.empty-inline svg{width:24px}.empty-inline span{color:var(--ink);font-size:11px;font-weight:700}.empty-inline small{font-size:9px}.log-form{background:var(--cream);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding:16px;display:grid}.log-form .wide{grid-column:1/-1}.log-form button{grid-column:1/-1;justify-self:end}.log-list{border-top:1px solid var(--line)}.log-item{border-bottom:1px solid var(--line);grid-template-columns:90px 80px 1fr 28px;align-items:center;gap:10px;min-height:67px;display:grid}.log-date{color:var(--coral);font-size:9px;font-weight:700}.log-item strong{font-size:10px}.log-item p{color:#17261f8c;margin:0;font-size:10px}.log-item button{color:#17261f59}.log-item svg{width:14px}.drawer-loading{color:#17261f80;justify-content:center;align-items:center;gap:10px;height:60vh;font-size:11px;display:flex}.mobile-overlay{display:none}@media (width<=1180px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.skill-row--rich{grid-template-columns:38px minmax(240px,1fr) 135px 105px}.skill-row--rich .skill-meta{display:none}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:35px 24px}.login-brand{margin-bottom:70px}.app-shell{display:block}.sidebar{z-index:80;width:270px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-brand{justify-content:space-between;display:flex}.mobile-close{color:var(--paper);display:block}.mobile-overlay{z-index:70;background:#00000080;display:block;position:fixed;inset:0}.dashboard{padding:0 20px 60px}.mobile-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:65px;margin:0 -20px;padding:0 20px;display:flex}.mobile-header .brand-name{font-size:11px}.mobile-header svg{width:19px}.dashboard-head{min-height:255px;padding:52px 0 35px}.dashboard-head h1{font-size:46px}.dashboard-head p{max-width:310px;line-height:1.6}.head-stamp{display:none}.stats-grid{margin:20px 0 45px}.stats-grid article{min-height:110px;padding:17px}.stats-grid .next-focus{border-top:1px solid var(--line);grid-column:1/-1}.library-toolbar{display:grid}.search-box{width:100%}.library-toolbar select{height:45px}.category-tabs{margin-top:16px}.skill-row,.skill-row--rich{grid-template-columns:30px 1fr;gap:10px;min-height:0;padding:18px 0}.skill-row--rich .skill-main p{margin-top:7px;display:block}.skill-row--rich .inline-level{grid-column:2;grid-template-columns:60px 1fr;align-items:center;margin-top:8px}.skill-row--rich .level-dots{display:none}.skill-row--rich .skill-meta{flex-wrap:wrap;grid-column:2;display:flex}.skill-row--rich .manage-button{grid-column:2;justify-self:start}.skill-main h3{font-size:16px}.skill-drawer{width:100%}.drawer-head{padding:0 18px}.skill-hero{padding:45px 24px 38px}.skill-hero h2{font-size:38px}.drawer-section{padding:34px 24px}.level-picker{grid-template-columns:repeat(3,1fr)}.level-picker button:nth-child(3){border-right:0}.level-picker button:nth-child(-n+3){border-bottom:1px solid var(--line)}.form-row{grid-template-columns:1fr}.log-item{grid-template-columns:82px 65px 1fr 25px}}@media (width<=460px){.stats-grid article>strong{font-size:28px}.dashboard-head h1{font-size:40px}.category-tabs{margin-right:-20px}.skill-row{grid-template-columns:29px 1fr 30px}.skill-number{font-size:15px}.section-title{align-items:flex-start}.section-title>div{gap:7px}.level-picker button{min-height:58px}.resource-content{padding:16px}.log-form{grid-template-columns:1fr}.log-form .wide,.log-form button{grid-column:auto}.log-item{grid-template-columns:76px 1fr 25px;padding:12px 0}.log-item p{grid-area:2/1/auto/-1}.log-item button{grid-area:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}