:root{--bg:var(--ui-surface);--paper:var(--ui-surface);--ink:var(--ui-surface-2);--muted:var(--ui-surface-3);--line:var(--ui-surface);--green:var(--ui-tint-cyan);--green-dark:var(--ui-surface-4);--green-soft:var(--ui-surface);--orange:var(--ui-amber);--radius:16px;font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);font-size:14px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-border-bright);outline-offset:4px}button{border:0;background:none}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:17px}input,select,textarea{min-width:0}button{transition:background .15s,color .15s,box-shadow .15s}a,button{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:260px;padding:10px;background:var(--green);color:var(--ui-text);z-index:100}.skip-link:focus{top:10px}.sidebar{width:226px;background:var(--ui-surface-2);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 21px 0;z-index:30}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 42px}.brand-mark{display:grid;place-items:center;width:41px;height:44px;background:var(--green);color:var(--ui-text);border-radius:11px 11px 11px 2px;font-size:23px;font-weight:600;box-shadow:0 4px 9px color-mix(in srgb,var(--ui-cyan) 8%,transparent)}.brand strong{font-size:27px;line-height:1.2;letter-spacing:3px}.brand-dot{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:5px;color:var(--ui-text-2)}.side-label{font-size:10px;letter-spacing:1.4px;color:var(--ui-text-2);padding:0 13px;margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--ui-text-2);border-radius:9px;font-size:13px;position:relative}.nav-item svg{width:18px;height:18px;stroke-width:1.7}.nav-item:hover{background:var(--ui-surface-2);color:var(--green)}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-item.active:before{content:'';position:absolute;left:-21px;width:3px;height:23px;background:var(--green);border-radius:0 3px 3px 0}.nav-count{font-size:10px;background:var(--ui-surface-3);padding:0 6px;border-radius:4px;margin-left:auto}.space-label{margin-top:31px}.side-bottom{margin-top:auto;padding:27px 13px 26px}.seed-icon{color:var(--green);margin-bottom:8px}.seed-icon svg{width:25px;height:25px}.side-bottom strong{font-size:12px;font-weight:550}.side-bottom p{font-size:10px;color:var(--ui-text-2);margin-top:6px}.side-link{font-size:10px;color:var(--green);padding:13px 0 0;display:flex;gap:8px;align-items:center}.side-link span{font-size:16px}.local-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:19px 7px}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--ui-surface-3);border:3px solid var(--ui-border);width:37px;height:37px;font-size:13px;color:var(--ui-text-2)}.local-profile b{font-size:11px;font-weight:550;display:block}.local-profile small{font-size:9px;color:var(--ui-text-2)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ui-surface-4);margin-left:auto}.shell{margin-left:226px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:var(--ui-surface-2);gap:20px}.breadcrumb{display:flex;gap:15px;align-items:center;font-size:12px;white-space:nowrap}.breadcrumb span{color:var(--ui-text-2)}.breadcrumb strong{font-weight:500}.top-actions{display:flex;align-items:center;gap:19px}.global-search{display:flex;align-items:center;gap:9px;width:246px;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:8px;padding:8px 11px;color:var(--ui-text-2)}.global-search svg{width:16px;height:16px}.global-search input{border:0;outline:0;background:none;font-size:11px;width:100%;color:var(--ink)}.global-search input::placeholder{color:var(--ui-text-2)}.global-search kbd{font-family:inherit;border:1px solid var(--ui-border);padding:0 5px;font-size:9px;border-radius:3px}.icon-button{padding:5px;color:var(--ui-text-2);border-radius:7px;display:grid;place-items:center}.icon-button:hover{background:var(--green-soft);color:var(--green)}.top-divider{height:20px;width:1px;background:var(--line)}.top-help{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ui-text-2);white-space:nowrap}.top-help svg{width:16px;height:16px}.mobile-menu{display:none}main{max-width:1570px;margin:auto;padding:33px 40px 45px;min-height:calc(100vh - 140px)}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.welcome-row h1{font-size:23px;letter-spacing:-.5px}.welcome-row h1 span{font-size:20px;margin-left:6px}.welcome-row p{font-size:11px;color:var(--ui-text-2);margin-top:7px}.date-line{font-size:10px;color:var(--ui-text-2);display:flex;align-items:center;gap:8px}.date-line svg{width:15px;height:15px}.hero{border:1px solid var(--ui-border);background:var(--ui-surface-2);min-height:270px;position:relative;border-radius:17px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;padding:32px 35px;margin-bottom:25px}.hero:after{content:'';position:absolute;width:380px;height:380px;right:-150px;top:-250px;border:40px solid var(--ui-border);border-radius:50%;pointer-events:none}.eyebrow{color:var(--ui-text-2);font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:7px}.eyebrow:before{content:'';display:block;height:5px;width:5px;border-radius:50%;background:var(--ui-surface-4)}.hero h2{font-size:35px;line-height:1.5;letter-spacing:1px;margin-top:10px;font-weight:650}.hero h2 em{font-style:normal;color:var(--green)}.hero p{font-size:11px;line-height:1.95;color:var(--ui-text-2);margin-top:10px;max-width:380px}.hero-actions{display:flex;gap:13px;margin-top:22px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:10px 17px;border-radius:7px;border:1px solid transparent;font-size:11px;font-weight:550;min-height:38px}.btn svg{width:15px;height:15px}.btn-primary{background:var(--green);color:var(--ui-text)}.btn-primary:hover{background:var(--green-dark);box-shadow:0 3px 8px color-mix(in srgb,var(--ui-cyan) 15%,transparent)}.btn-secondary{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text-2)}.btn-secondary:hover{border-color:var(--ui-border-bright);background:var(--ui-surface-2)}.btn-quiet{background:none;color:var(--green);padding-inline:4px}.path-art{position:relative;min-height:210px;z-index:1;display:flex;align-items:center;justify-content:center}.art-network{height:230px;width:340px;position:relative}.art-grid{position:absolute;inset:-10px;background-image:radial-gradient(var(--ui-surface-3) .8px,transparent .8px);background-size:18px 18px;opacity:.45;mask-image:radial-gradient(ellipse,var(--ui-text-3),transparent 75%)}.art-lines{position:absolute;width:100%;height:100%;inset:0;color:var(--ui-text-3);overflow:visible}.art-node{position:absolute;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:9px;display:flex;align-items:center;gap:9px;padding:10px 13px;box-shadow:0 5px 13px color-mix(in srgb,var(--ui-cyan) 6%,transparent);font-size:10px;color:var(--ui-text-2);white-space:nowrap}.art-node svg{width:15px;height:15px;color:var(--green)}.art-node.start{top:0;left:111px;padding:8px 12px;font-size:9px;background:var(--ui-surface-3);border:0;box-shadow:none}.art-node.base{top:55px;left:95px}.art-node.ai{top:119px;left:0;transform:rotate(-5deg)}.art-node.dev{top:116px;left:116px;transform:rotate(2deg)}.art-node.exam{top:119px;right:-7px;transform:rotate(-3deg)}.art-node.end{top:190px;left:111px;background:none;border:none;box-shadow:none;font-size:9px;color:var(--ui-text-2);padding:5px}.art-star{position:absolute;color:var(--ui-text-2);font-size:23px;top:49px;right:15px}.art-dot{position:absolute;width:6px;height:6px;background:var(--ui-surface-4);border-radius:50%;top:20px;left:40px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 34px;background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:18px 0}.stat-item{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.stat-item:last-child{border:0}.stat-icon{color:var(--ui-text-2);background:var(--ui-surface-2);padding:10px;border-radius:10px;display:flex}.stat-icon svg{height:19px;width:19px}.stat-text b{font-size:21px;font-weight:600;line-height:1.1;color:var(--ui-text)}.stat-text b small{font-size:10px;font-weight:400;color:var(--ui-text-2);margin-left:3px}.stat-text span{display:block;color:var(--ui-text-2);font-size:9px;margin-top:4px}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading p{font-size:10px;color:var(--ui-text-2);margin-top:4px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--ui-text-2);font-size:10px;padding:4px 0;white-space:nowrap}.text-link:hover{color:var(--green)}.text-link svg{width:13px;height:13px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tab{font-size:10px;color:var(--ui-text-2);padding:6px 12px;border:1px solid transparent;border-radius:6px;white-space:nowrap}.tab:hover{color:var(--green);background:var(--ui-surface-2)}.tab.active{color:var(--green);background:var(--ui-surface-3);font-weight:600;border-color:var(--ui-border)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.path-card{border:1px solid var(--line);border-radius:12px;background:var(--ui-surface-2);padding:20px 18px;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column;min-height:232px}.path-card:hover{transform:translateY(-3px);border-color:var(--ui-border);box-shadow:0 8px 20px color-mix(in srgb,var(--ui-cyan) 4%,transparent)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tile-icon{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:10px}.tile-icon svg{height:22px;width:22px;stroke-width:1.6}.tone-green{background:var(--ui-surface-3);color:var(--ui-text-2)}.tone-blue{background:var(--ui-surface-3);color:var(--ui-cyan)}.tone-purple{background:var(--ui-surface-3);color:var(--ui-text-2)}.tone-orange{background:var(--ui-surface-2);color:var(--ui-text-2)}.level{font-size:8px;color:var(--ui-text-2);border:1px solid var(--ui-border);border-radius:4px;padding:2px 5px;white-space:nowrap}.path-card h3{font-size:14px}.card-title{padding:0;text-align:left;display:block}.card-title:hover{color:var(--green)}.path-card p{font-size:10px;color:var(--ui-text-2);line-height:1.9;margin-top:7px;min-height:38px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.tag{font-size:8px;border-radius:4px;color:var(--ui-text-2);padding:2px 5px;background:var(--ui-surface-2)}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ui-border);padding-top:12px;margin-top:16px;gap:6px}.card-meta{color:var(--ui-text-2);font-size:8px;display:flex;align-items:center;gap:4px}.card-meta svg{width:11px;height:11px}.card-open{color:var(--green);font-size:9px;padding:2px 0;display:flex;align-items:center;gap:4px}.card-open svg{width:12px;height:12px}.small-progress{height:3px;background:var(--ui-surface-3);border-radius:2px;margin-top:14px;overflow:hidden}.small-progress span{display:block;background:var(--ui-surface-4);height:100%}.rail{display:flex;flex-direction:column;gap:18px}.panel{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:21px}.panel-title{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px;font-weight:600}.panel-title .left{display:flex;gap:7px;align-items:center}.panel-title svg{width:16px;height:16px;color:var(--ui-text-2)}.subtle-badge{background:var(--ui-surface-2);padding:2px 6px;border-radius:5px;font-size:8px;font-weight:400;color:var(--ui-text-2)}.empty-study{padding:20px 0 15px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-study .study-art{background:var(--ui-surface-2);color:var(--ui-text-3);border-radius:50%;width:50px;height:50px;display:grid;place-items:center;margin-bottom:12px}.empty-study .study-art svg{width:23px;height:23px}.empty-study strong{font-size:11px;font-weight:500}.empty-study p{font-size:9px;color:var(--ui-text-2);margin-top:5px;max-width:165px}.full{width:100%}.study-item{padding:16px 0 13px}.study-item h4{font-size:11px;font-weight:500;margin:0}.study-item p{font-size:9px;color:var(--ui-text-2);margin-top:5px}.progress-label{display:flex;justify-content:space-between;color:var(--ui-text-2);font-size:9px;margin-top:12px}.exam-promo{background:var(--ui-surface-3);border-color:var(--ui-border);position:relative;overflow:hidden}.exam-promo .eyebrow{font-size:8px;color:var(--ui-text-2);letter-spacing:1.5px}.exam-promo .eyebrow:before{background:var(--ui-surface-4);width:4px;height:4px}.exam-promo h3{margin-top:13px;font-size:21px;line-height:1.55;color:var(--ui-text-2);font-weight:550;position:relative;z-index:1}.exam-promo p{font-size:9px;color:var(--ui-text-2);margin:9px 0 16px;line-height:1.9;max-width:165px}.exam-promo .btn{font-size:10px;background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text-2);padding:8px 13px;min-height:34px}.exam-decoration{position:absolute;right:-1px;bottom:43px;color:var(--ui-text-3);transform:rotate(-15deg)}.exam-decoration svg{width:73px;height:73px;stroke-width:1}.notes-list{padding-left:0;list-style:none;margin:14px 0 0;display:flex;flex-direction:column;gap:12px}.notes-list li{display:flex;gap:8px;font-size:9px;color:var(--ui-text-2);align-items:flex-start}.notes-list li:before{content:'';width:4px;height:4px;background:var(--ui-surface-4);border-radius:50%;flex-shrink:0;margin-top:6px}.notes-list strong{font-weight:500;color:var(--ui-text-2);display:block;margin-bottom:2px}.resource-preview{margin-top:32px}.resource-list{border:1px solid var(--line);border-radius:12px;background:var(--ui-surface-2);overflow:hidden}.resource-row{display:flex;gap:15px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.resource-row:last-child{border-bottom:0}.resource-row .resource-type{width:36px;height:39px;background:var(--ui-surface-2);display:grid;place-items:center;color:var(--ui-text-2);border-radius:7px}.resource-type svg{width:18px;height:18px}.resource-body{min-width:0;flex:1}.resource-body h3{font-size:11px;font-weight:550}.resource-body p{font-size:9px;color:var(--ui-text-2);margin-top:4px}.resource-body .resource-desc{margin-top:5px;line-height:1.8}.resource-row .icon-button{flex-shrink:0}.resource-row .icon-button svg{width:16px;height:16px}.is-saved{color:var(--green);background:var(--ui-surface-3)}.resource-lang{font-size:8px;color:var(--ui-text-2);border:1px solid var(--ui-border);padding:2px 6px;border-radius:5px;white-space:nowrap}.resource-open{font-size:10px;color:var(--green);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.resource-open svg{width:12px;height:12px}.page-header{margin-bottom:26px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.page-header h1{font-size:28px;letter-spacing:-.6px}.page-header p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px;max-width:660px}.section-divider{margin-top:32px}.page-tools{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:15px}.page-tools .category-tabs{margin:0}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.resource-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.field-control{border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-2);padding:10px 12px;font-size:12px;color:var(--ui-text-2)}.resource-toolbar .field-control{min-width:155px}.empty-state{border:1px dashed var(--ui-border);padding:55px 25px;border-radius:14px;text-align:center;margin:18px 0;background:var(--ui-surface-2)}.empty-state svg{width:34px;height:34px;color:var(--ui-text-3);margin-bottom:15px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;color:var(--muted);margin:9px auto 19px;max-width:470px}.roadmap-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.roadmap-step{border:1px solid var(--line);padding:22px;border-radius:12px;background:var(--ui-surface-2)}.roadmap-step b{display:block;color:var(--ui-text-3);font-size:11px;letter-spacing:2px;margin-bottom:10px}.roadmap-step strong{font-size:15px}.roadmap-step p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:7px}.exam-banner{background:var(--ui-surface-3);border:1px solid var(--ui-border);padding:28px 30px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.exam-banner h2{font-size:24px;margin-bottom:8px;color:var(--ui-cyan)}.exam-banner p{font-size:11px;color:var(--ui-text-2)}.exam-banner .banner-symbol{color:var(--ui-text-3);display:flex;gap:15px}.banner-symbol svg{height:65px;width:65px;stroke-width:1}.exam-subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.subject-card{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left}.subject-card:hover{border-color:var(--ui-border-bright);background:var(--ui-surface-2)}.subject-card h3{font-size:14px;margin-top:14px}.subject-card p{font-size:10px;color:var(--ui-text-2);margin-top:7px;line-height:1.9}.subject-card .text-link{margin-top:11px;color:var(--green)}.notice{display:flex;align-items:flex-start;gap:9px;padding:13px 16px;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:8px;font-size:10px;color:var(--ui-text-2);line-height:1.9;margin:16px 0}.notice svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.exam-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.planner{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:25px}.planner h3{font-size:17px;margin-bottom:7px}.planner>p{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.form-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--ui-text-2)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid var(--ui-border);border-radius:7px;color:var(--ink);background:var(--ui-surface-2)}.form-field textarea{resize:vertical;min-height:110px}.span-2{grid-column:1/-1}.plan-output{margin-top:23px;padding-top:21px;border-top:1px solid var(--line)}.plan-output h4{font-size:12px;margin:0 0 12px}.plan-phase{display:flex;gap:13px;margin:14px 0}.phase-number{width:25px;height:25px;background:var(--ui-surface-3);color:var(--ui-text-2);font-size:10px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.plan-phase strong{font-size:11px;font-weight:550}.plan-phase p{font-size:10px;color:var(--ui-text-2);margin-top:3px}.daily-split{display:flex;gap:7px;flex-wrap:wrap}.daily-split span{font-size:10px;background:var(--ui-surface-2);color:var(--ui-text-2);padding:6px 8px;border-radius:5px}.official-links{display:flex;flex-direction:column;margin-top:12px}.official-link{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.official-link:last-child{border:0}.official-link div{flex:1}.official-link strong{font-size:12px;font-weight:550}.official-link small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.official-link>svg{width:14px;height:14px;color:var(--ui-text-2)}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.support-card{padding:23px;background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.support-card h3{font-size:15px;margin:15px 0 8px}.support-card p{font-size:11px;color:var(--ui-text-2);line-height:1.9}.support-card small{font-size:9px;color:var(--ui-text-2);display:block;margin:17px 0}.support-card .btn{margin-top:auto}.support-status{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--ui-surface-2)}.support-status h3{font-size:15px;margin-bottom:12px}.draft-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.draft-item strong{font-size:12px;font-weight:500}.draft-item p{font-size:10px;color:var(--muted);max-width:560px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.draft-badge{font-size:9px;color:var(--ui-text-2);background:var(--ui-surface-2);padding:3px 7px;border-radius:4px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.dashboard-stat{padding:23px;background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px}.dashboard-stat b{font-size:27px;color:var(--green);font-weight:600}.dashboard-stat span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.learning-card .btn{margin-top:16px}.learning-card h3{font-size:16px}.learning-card .card-footer{margin-top:12px}.remove-study{font-size:10px;color:var(--ui-text-2);padding:5px 0}.remove-study:hover{color:var(--ui-text-2)}footer{border-top:1px solid var(--line);padding:20px 40px;display:flex;justify-content:space-between;font-size:9px;color:var(--ui-text-2);max-width:1570px;margin:auto}.footer-sprout{color:var(--ui-text-2);font-size:12px;margin-left:6px}dialog{border:1px solid var(--ui-border);border-radius:17px;padding:0;max-width:min(720px,calc(100vw - 32px));width:100%;max-height:88dvh;color:var(--ink);box-shadow:0 20px 100px color-mix(in srgb,var(--ui-cyan) 19%,transparent)}dialog::backdrop{background:var(--ui-cyan);backdrop-filter:blur(4px)}.dialog-header{padding:26px 29px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--ui-surface-2);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-header h2{font-size:23px;margin-top:3px}.dialog-header .eyebrow{font-size:8px;letter-spacing:1px}.dialog-header p{font-size:11px;color:var(--muted);margin-top:6px}.dialog-header>.icon-button{margin-top:4px}.dialog-body{padding:24px 29px 29px}.dialog-lead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-lead>span{font-size:11px;color:var(--muted)}.stage-list{list-style:none;margin:0;padding:0}.stage-item{position:relative;padding-bottom:21px;padding-left:39px}.stage-item:before{content:'';position:absolute;left:12px;top:25px;bottom:0;border-left:1px solid var(--ui-border)}.stage-item:last-child:before{display:none}.stage-check{position:absolute;left:0;top:1px;width:25px;height:25px;accent-color:var(--green);margin:0;cursor:pointer}.stage-item label{font-size:13px;font-weight:550;display:block;cursor:pointer}.stage-item p{font-size:11px;color:var(--ui-text-2);line-height:1.9;margin-top:5px}.stage-item.completed label{color:var(--green)}.dialog-subtitle{font-size:14px;margin:15px 0 13px}.dialog-resources .resource-row{padding:14px 12px}.dialog-resources .resource-lang{display:none}.dialog-resources .resource-body h3{font-size:11px}.dialog-body .notice{margin-top:20px;margin-bottom:0}.form-actions{display:flex;align-items:center;gap:13px;margin-top:20px;flex-wrap:wrap}.export-link{color:var(--green);font-size:11px;padding:7px 0}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-option{text-align:left;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--ui-surface-2)}.guide-option:hover{border-color:var(--ui-border);background:var(--ui-surface-2)}.guide-option svg{color:var(--ui-text-2);margin-bottom:13px}.guide-option strong{font-size:14px;display:block}.guide-option p{font-size:11px;color:var(--ui-text-2);margin-top:7px;line-height:1.9}.toast{position:fixed;bottom:28px;left:calc(50% + 113px);transform:translate(-50%,20px);background:var(--ui-cyan);color:var(--ui-text);padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 5px 20px color-mix(in srgb,var(--ui-cyan) 15%,transparent);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.search-caption{font-size:12px;color:var(--muted);margin-bottom:23px}.search-heading{font-size:18px;margin:26px 0 16px}.query-label{color:var(--green);overflow-wrap:anywhere}.mobile-only{display:none}.privacy-line{font-size:10px;color:var(--ui-text-2);margin-top:14px;line-height:1.9}.onboarding-tip{margin-top:25px;font-size:11px;line-height:2;color:var(--muted)}
@media(min-width:1550px){.topbar{padding-inline:52px}main{padding:38px 52px 50px}.hero{min-height:300px;padding:38px 40px}.hero h2{font-size:40px}.hero p{font-size:12px}.hero-actions{margin-top:24px}.path-card{padding:23px}.path-card h3{font-size:16px}.path-card p{font-size:11px}.content-columns{grid-template-columns:minmax(0,1fr) 290px;gap:30px}.art-network{transform:scale(1.12)}}
@media(max-width:1250px){.sidebar{width:205px;padding-inline:17px}.nav-item.active:before{left:-17px}.shell{margin-left:205px}.topbar{padding-inline:27px}main{padding:28px 27px 40px}.content-columns{grid-template-columns:minmax(0,1fr) 239px;gap:20px}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:28px;grid-template-columns:1.1fr 1fr}.hero h2{font-size:30px}.art-network{transform:scale(.84);transform-origin:center center;width:320px}.art-node.exam{right:-18px}.hero p{max-width:290px;font-size:10px}.hero-actions{gap:8px}.hero-actions .btn{font-size:10px;padding-inline:12px}.brand{margin-left:7px}.brand strong{font-size:25px}.top-actions{gap:13px}.global-search{width:215px}.stat-item{gap:10px}.stat-icon{padding:8px}.stat-text b{font-size:19px}.support-grid{grid-template-columns:repeat(2,1fr)}.exam-subjects{gap:12px}.subject-card{padding:16px}.exam-layout{grid-template-columns:1.2fr 1fr}.toast{left:calc(50% + 102px)}}
@media(max-width:1000px){.sidebar{width:188px;padding-inline:13px}.nav-item{font-size:12px;padding:11px 12px}.nav-item.active:before{left:-13px}.brand{gap:10px;margin-left:9px}.brand small{font-size:7px}.brand strong{font-size:23px}.brand-mark{width:34px;height:38px;font-size:20px}.shell{margin-left:188px}.top-help span{display:none}.topbar{height:73px;padding-inline:24px}.global-search{width:200px}.breadcrumb{gap:10px;font-size:11px}main{padding:25px 24px}.welcome-row h1{font-size:21px}.content-columns{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr}.rail .notes-panel{display:none}.hero{grid-template-columns:1fr .85fr;padding:26px 23px}.hero h2{font-size:28px}.path-art{min-width:0}.art-network{transform:scale(.72);flex-shrink:0}.hero-actions .btn{gap:5px;padding:9px 10px}.date-line{font-size:9px}.exam-subjects{grid-template-columns:1fr 1fr}.exam-layout{grid-template-columns:1fr}.resource-preview{margin-top:27px}.path-card{min-height:226px}.roadmap-intro{gap:10px}.roadmap-step{padding:16px}.roadmap-step strong{font-size:13px}.roadmap-step p{font-size:10px}.toast{left:calc(50% + 94px)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;padding:27px 20px 0;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:var(--ui-cyan);z-index:25}.brand{margin-bottom:32px}.brand strong{font-size:27px}.brand small{font-size:8px}.brand-mark{width:39px;height:43px;font-size:23px}.nav-item{font-size:13px;padding:12px 14px}.nav-item.active:before{left:-20px}.shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:68px;padding:0 18px;gap:12px}.breadcrumb{margin-right:auto}.breadcrumb>span{display:none}.top-actions{gap:11px}.global-search{width:190px;padding:7px 9px}.global-search kbd{display:none}.top-divider,.top-help{display:none}main{padding:23px 20px 32px}.welcome-row h1{font-size:22px}.welcome-row p{font-size:10px}.date-line{font-size:9px}.hero{grid-template-columns:1fr 1fr;min-height:258px;padding:25px 23px}.hero h2{font-size:29px}.hero p{font-size:10px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:18px}.hero-actions .btn{padding:9px 12px}.art-network{transform:scale(.76)}.overview-stats{margin-bottom:28px}.stat-item{gap:7px}.stat-icon{padding:7px}.stat-icon svg{width:16px;height:16px}.stat-text b{font-size:18px}.stat-text span{font-size:8px}.stat-text b small{font-size:8px}.page-header h1{font-size:25px}.page-header p{font-size:11px}.path-card{padding:19px}.path-grid{gap:14px}.resource-open .open-label{display:none}.resource-lang{display:none}.resource-row{padding:17px 15px;gap:11px}.resource-body h3{font-size:11px}.resource-body .resource-desc{font-size:10px}.resource-row .resource-type{width:32px}.resource-toolbar .field-control{flex:1;min-width:120px}.support-grid{gap:13px}.support-card{padding:20px}.page-tools{align-items:flex-start;flex-direction:column;gap:11px}.result-count{align-self:flex-end;font-size:9px}.page-tools .category-tabs{gap:4px}.exam-banner{padding:23px;gap:17px}.exam-banner h2{font-size:22px}.banner-symbol svg{width:50px;height:50px}footer{padding:18px 20px;font-size:8px}.toast{left:50%}.dialog-header{padding:23px}.dialog-body{padding:22px 23px}.dashboard-stat{padding:18px}.dashboard-stat b{font-size:24px}.dashboard-stat span{font-size:10px}}
@media(max-width:480px){main{padding:21px 16px 30px}.topbar{padding-inline:14px;gap:9px}.global-search{width:161px}.global-search input{font-size:10px}.top-actions{gap:8px}.icon-button svg{width:18px;height:18px}.welcome-row{margin-bottom:20px}.welcome-row h1{font-size:20px}.welcome-row p{font-size:9px;max-width:220px;line-height:1.9}.date-line{font-size:8px;gap:4px;flex-direction:column;align-items:flex-end}.date-line svg{display:none}.hero{grid-template-columns:1fr;padding:25px 23px;min-height:266px}.hero:after{right:-250px}.hero h2{font-size:32px;line-height:1.5}.hero p{max-width:255px;font-size:10px}.hero .eyebrow{font-size:8px}.hero-actions{margin-top:20px}.path-art{display:none}.overview-stats{grid-template-columns:repeat(4,1fr);padding:15px 0}.stat-item{flex-direction:column;gap:6px;text-align:center}.stat-icon{display:none}.stat-text b{font-size:20px}.stat-text b small{font-size:8px}.stat-text span{font-size:8px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:19px}.section-heading p{font-size:9px}.text-link{font-size:9px}.category-tabs{gap:2px}.tab{font-size:9px;padding:6px 9px}.path-grid{gap:11px}.path-card{padding:15px 13px;min-height:235px}.tile-icon{width:33px;height:33px;border-radius:8px}.tile-icon svg{width:19px;height:19px}.level{font-size:7px;padding:2px 3px}.card-top{margin-bottom:13px;gap:4px}.path-card h3{font-size:13px}.path-card p{font-size:9px;min-height:50px}.tag{font-size:7px;padding:2px 4px}.tags{gap:3px}.card-footer{gap:3px;padding-top:11px}.card-meta{font-size:7px}.card-open{font-size:8px}.card-open svg{width:10px;height:10px}.rail{gap:12px}.panel{padding:17px 15px}.panel-title{font-size:11px;gap:5px}.panel-title .left{gap:4px}.panel-title svg{width:14px;height:14px}.subtle-badge{font-size:7px}.empty-study{padding-top:15px}.empty-study strong{font-size:10px}.empty-study p{font-size:8px}.panel .btn{font-size:9px;padding-inline:7px}.exam-promo h3{font-size:19px}.exam-promo p{font-size:8px;max-width:115px}.exam-decoration{right:-20px;bottom:55px}.exam-decoration svg{width:58px;height:58px}.resource-row{padding:15px 12px;gap:8px}.resource-type{display:none!important}.resource-body h3{font-size:10px}.resource-body p{font-size:8px}.resource-preview .resource-open{display:none}.page-header{margin-bottom:22px}.page-header h1{font-size:24px}.roadmap-intro{grid-template-columns:1fr;gap:10px}.roadmap-step{padding:17px;display:grid;grid-template-columns:27px 1fr;column-gap:13px}.roadmap-step b{grid-row:1/3;margin-top:3px;margin-bottom:0}.roadmap-step p{margin-top:4px}.exam-banner{padding:21px}.exam-banner h2{font-size:21px}.exam-banner p{font-size:10px}.banner-symbol{display:none!important}.subject-card{padding:16px}.subject-card h3{font-size:13px}.subject-card p{font-size:9px}.subject-card .text-link{font-size:9px}.planner{padding:21px 18px}.support-card{padding:18px 15px}.support-card h3{font-size:13px}.support-card p{font-size:10px}.support-card small{font-size:8px}.support-card .btn{font-size:10px;padding-inline:10px}.guide-options{grid-template-columns:1fr}.dialog-header h2{font-size:21px}.dialog-header p{font-size:10px}.dialog-lead{align-items:flex-start;flex-direction:column;gap:11px}.stage-item{padding-left:35px}.stage-item label{font-size:12px}.stage-item p{font-size:10px}.dialog-resources .resource-row{padding:13px 10px}.dashboard-grid{gap:10px}.dashboard-stat{padding:15px 12px}.dashboard-stat b{font-size:23px}.dashboard-stat span{font-size:9px}.form-grid{gap:12px}.form-field{font-size:10px}.form-field input,.form-field select{font-size:11px;padding:10px}footer{gap:13px;padding-inline:16px}footer span:last-child{font-size:7px}.draft-item{align-items:flex-start}.draft-item p{font-size:9px}.learning-card .card-meta{font-size:8px}.learning-card .remove-study{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Readable text sizes for study sessions, with quieter decoration kept secondary. */
:root{--muted:var(--ui-surface-3)}
.welcome-row p,.section-heading p,.search-caption{font-size:12px;color:var(--ui-text-2)}
.hero p{font-size:12px;color:var(--ui-text-2)}
.nav-item{font-size:14px}
.side-label{font-size:11px;color:var(--ui-text-2);letter-spacing:1px}
.side-bottom strong,.local-profile b{font-size:12px}
.side-bottom p,.side-link,.local-profile small{font-size:11px}
.global-search input,.top-help{font-size:12px}
.breadcrumb{font-size:12px}
.path-card h3{font-size:16px}
.path-card p{font-size:12px;color:var(--ui-text-2);line-height:1.85;min-height:45px}
.level{font-size:10px;color:var(--ui-text-2)}
.tag{font-size:10px;color:var(--ui-text-2);padding:2px 5px}
.card-meta{font-size:10px;color:var(--ui-text-2)}
.card-open{font-size:11px}
.path-card{min-height:260px}
.tab{font-size:12px}
.stat-text span{font-size:11px;color:var(--ui-text-2)}
.stat-text b small{font-size:11px}
.text-link{font-size:12px;color:var(--ui-text-2)}
.resource-body h3{font-size:13px}
.resource-body p,.resource-body .resource-desc{font-size:11px;color:var(--ui-text-2)}
.resource-lang{font-size:10px;color:var(--ui-text-2)}
.resource-open{font-size:11px}
.panel-title{font-size:14px}
.subtle-badge{font-size:10px}
.empty-study strong{font-size:12px}
.empty-study p{font-size:11px;color:var(--ui-text-2)}
.study-item h4{font-size:13px}
.study-item p,.progress-label{font-size:11px;color:var(--ui-text-2)}
.exam-promo p{font-size:11px;color:var(--ui-text-2)}
.notes-list li{font-size:11px;color:var(--ui-text-2)}
.notes-list strong{color:var(--ui-text-2)}
.btn{font-size:12px}
.page-header p,.planner>p,.support-card p{font-size:12px}
.subject-card h3{font-size:15px}
.subject-card p{font-size:12px;color:var(--ui-text-2)}
.notice{font-size:11px;color:var(--ui-text-2)}
.exam-banner p{font-size:12px}
.form-field{font-size:12px}
.plan-phase strong{font-size:12px}
.plan-phase p{font-size:11px}
.daily-split span{font-size:11px}
.official-link strong{font-size:13px}
.official-link small,.privacy-line,.support-card small{font-size:11px;color:var(--ui-text-2)}
.result-count{font-size:11px}
.dialog-header p,.dialog-lead>span,.stage-item p{font-size:12px}
.dialog-resources .resource-body h3{font-size:12px}
.dialog-body .notice{font-size:11px}
.roadmap-step p{font-size:12px}
@media(max-width:1250px){.card-meta{font-size:9px}.tag{font-size:9px}.path-card p{font-size:11px}.card-open{font-size:10px}.hero p{font-size:11px}}
@media(max-width:1000px){.nav-item{font-size:12px}.side-label{font-size:10px}.side-bottom p,.side-link{font-size:10px}.path-card h3{font-size:15px}.path-card p{font-size:12px}.tag{font-size:10px}.card-meta{font-size:10px}.hero p{font-size:11px}.tab{font-size:11px}}
@media(max-width:760px){.path-card{min-height:255px}.stat-text span{font-size:10px}.stat-text b small{font-size:9px}.welcome-row p{font-size:11px}.top-help{font-size:11px}.resource-body h3{font-size:12px}.resource-body p{font-size:10px}.section-heading p{font-size:11px}}
@media(max-width:480px){.path-card{padding:15px 13px;min-height:270px}.path-card h3{font-size:14px}.path-card p{font-size:11px;min-height:62px}.tag{font-size:9px}.card-meta{font-size:8px}.card-open{font-size:9px}.level{font-size:8px}.tab{font-size:10px;padding:6px 7px}.stat-text span{font-size:9px}.text-link{font-size:10px}.hero p{font-size:11px}.hero-actions .btn{font-size:11px}.panel-title{font-size:12px}.panel .btn{font-size:10px}.subtle-badge{font-size:8px}.empty-study strong{font-size:11px}.empty-study p{font-size:10px}.exam-promo p{font-size:10px}.welcome-row p{max-width:220px;font-size:10px}.resource-body h3{font-size:11px}.section-heading p{font-size:10px}.support-card p{font-size:11px}.support-card small{font-size:10px}.subject-card p{font-size:11px}.notice{font-size:11px}.daily-split span{font-size:10px}.form-field{font-size:11px}.page-header p{font-size:12px}.dialog-header p,.dialog-lead>span,.stage-item p{font-size:11px}.roadmap-step p{font-size:11px}}
.hero>div:first-child{position:relative;z-index:1}
.hero:after{z-index:0}
.card-open{white-space:nowrap;flex-shrink:0}
.card-meta{white-space:nowrap}
@media(max-width:480px){.card-meta .related-meta{display:none}.card-meta{font-size:9px}.card-open{font-size:10px}.hero:after{opacity:.55}.path-card .card-footer{margin-top:auto}.path-card .tags{margin-bottom:15px}}

/* Career preparation */
.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}
.career-label,.career-count{border:1px solid var(--ui-border);border-radius:8px;padding:9px 12px;font-size:12px;color:var(--ui-cyan);white-space:nowrap;background:var(--ui-surface-2)}
.career-selector{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-bottom:22px}.role-selector{display:flex;align-items:center;gap:15px;margin-bottom:20px}.role-selector label{font-weight:600;font-size:14px}.role-selector select{min-width:230px}.role-selector>span{color:var(--muted);font-size:12px}.company-tabs{display:flex;gap:9px;flex-wrap:wrap}.company-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--ui-border);border-radius:8px;font-size:13px;color:var(--ui-text-2);transition:background .15s}.company-pill:hover{background:var(--ui-surface-2)}.company-pill.active{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-cyan);font-weight:600}.company-dot{height:6px;width:6px;border-radius:50%;flex-shrink:0}
.role-overview{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(115deg,var(--ui-surface-2),var(--ui-surface-2));border:1px solid var(--ui-border);border-radius:14px;padding:28px 30px;margin-bottom:20px}.role-overview .eyebrow{font-size:10px;letter-spacing:.1em}.role-overview h2{font-size:24px;margin:10px 0 14px;letter-spacing:-.6px}.role-overview .tags{margin:0 0 14px}.role-overview p{font-size:13px;line-height:1.9;color:var(--ui-text-2);max-width:700px}.role-overview p strong{font-weight:600;color:var(--ui-cyan);margin-right:7px}.role-overview .btn{flex-shrink:0}
.company-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.company-card{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:11px;padding:18px 15px;display:flex;gap:10px;align-items:flex-start;position:relative;min-width:0;transition:border-color .15s,transform .15s}.company-card:hover{border-color:var(--ui-border-bright);transform:translateY(-2px)}.company-monogram{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:700;color:var(--company-color);background:color-mix(in srgb,var(--company-color) 9%,var(--ui-surface-2));flex-shrink:0}.company-card>div{min-width:0}.company-card strong{font-size:14px;display:block;margin:2px 0 5px}.company-card small{display:block;color:var(--ui-text-2);font-size:10px;overflow-wrap:anywhere}.company-card p{font-size:11px;line-height:1.8;color:var(--ui-text-2);margin:9px 0 0}.company-card>svg{width:14px;height:14px;position:absolute;right:10px;bottom:12px;color:var(--ui-text-2)}
.company-focus{border:1px solid var(--line);border-radius:12px;background:var(--ui-surface-2);padding:24px 26px;margin-bottom:23px}.company-focus-title{display:flex;align-items:center;gap:14px}.company-focus-title>div{flex:1;min-width:0}.company-focus h3{margin:0 0 5px;font-size:17px}.company-focus p{font-size:13px;line-height:1.8;color:var(--muted)}.company-focus ul{display:flex;gap:28px;padding:16px 0 16px 19px;color:var(--ui-text-2);font-size:12px;line-height:1.9}.company-focus li{flex:1}.company-focus small{display:block;font-size:11px;line-height:1.8;color:var(--ui-text-2);border-top:1px solid var(--ui-border);padding-top:13px}
.company-role-map{margin:0 0 26px}.company-role-map .section-heading{align-items:flex-end;margin-bottom:15px}.company-role-map .section-heading h2{margin:7px 0 5px}.company-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-role-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--ui-surface-2);padding:18px 20px;transition:border-color .2s,background .2s,transform .2s}.company-role-card:before{content:"";position:absolute;inset:16px auto 16px 0;width:2px;background:var(--ui-border-bright);border-radius:0 2px 2px 0}.company-role-card.active{border-color:color-mix(in srgb,var(--ui-cyan) 55%,var(--ui-border));background:color-mix(in srgb,var(--ui-cyan) 5%,var(--ui-surface-2))}.company-role-card.active:before{background:var(--ui-cyan);box-shadow:0 0 14px color-mix(in srgb,var(--ui-cyan) 45%,transparent)}.company-role-card-heading{display:flex;align-items:baseline;gap:10px}.company-role-card-heading>span{font:10px/1 var(--mono);letter-spacing:.08em;color:var(--ui-text-3);white-space:nowrap}.company-role-card.active .company-role-card-heading>span{color:var(--ui-cyan)}.company-role-card h3{margin:0;font-size:15px}.company-role-card p{margin:10px 0 13px;color:var(--ui-text-2);font-size:12px;line-height:1.8}.company-role-card .tags{margin:auto 0 13px}.company-role-card .tag{font-size:10px}.company-role-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.company-role-actions .text-link{font-size:11px}.company-role-actions .muted-link{color:var(--ui-text-2)}
.prep-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.prep-flow article{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:21px 23px}.prep-flow article>span{color:var(--ui-text-2);font-size:10px;letter-spacing:.08em}.prep-flow h3{font-size:16px;margin:10px 0}.prep-flow p{font-size:12px;line-height:1.9;color:var(--muted)}.prep-flow .text-link{font-size:12px;margin-top:13px}
.career-section-tabs{display:flex;gap:30px;border-bottom:1px solid var(--ui-border);margin-bottom:27px}.career-section-tabs a{color:var(--ui-text-2);font-size:14px;padding:0 0 15px;border-bottom:2px solid transparent}.career-section-tabs a.active{color:var(--ui-cyan);border-color:var(--ui-cyan);font-weight:600}.practice-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.practice-heading h2{font-size:20px;margin:0 0 8px}.practice-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.practice-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.practice-tools .category-tabs{margin:0;flex-wrap:wrap}.practice-tools form{display:flex;position:relative;flex-shrink:0}.practice-tools input{font-size:12px;padding-right:39px;width:225px}.practice-tools form .icon-button{position:absolute;right:2px;top:2px}.practice-tools .tab{text-decoration:none;display:inline-flex;align-items:center}
.question-list{display:grid;gap:12px}.question-card{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:20px 24px}.question-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--ui-text-2);margin-bottom:12px}.question-meta .tag{font-size:10px;color:var(--ui-cyan);background:var(--ui-surface-2)}.review-check{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ui-text-2);cursor:pointer}.review-check input{accent-color:var(--ui-cyan);width:14px;height:14px}.question-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.7}.question-card summary::-webkit-details-marker{display:none}.answer-toggle{font-size:11px;font-weight:400;color:var(--ui-text-2);display:flex;align-items:center;gap:5px;white-space:nowrap}.answer-toggle svg{width:14px;height:14px}.question-card details[open] .answer-toggle svg{transform:rotate(180deg)}.question-answer{border-top:1px solid var(--ui-border);padding-top:18px;margin-top:17px}.question-answer h4{font-size:12px;color:var(--ui-cyan);margin:0 0 9px}.question-answer ol{padding-left:20px;font-size:13px;color:var(--ui-text-2);line-height:2}.question-pitfall{background:var(--ui-surface-2);border-radius:7px;padding:10px 13px;margin-top:14px;font-size:12px;line-height:1.9;color:var(--ui-text-2)}.question-pitfall strong{font-weight:600}.answer-reminder{color:var(--ui-text-2);font-size:11px;line-height:1.8;margin-top:10px}
.career-resources{margin-top:35px}.career-bridge{display:flex;gap:15px;align-items:center;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:12px;padding:23px;margin-top:24px}.career-bridge>div{flex:1}.career-bridge h3{font-size:16px;margin:0 0 7px}.career-bridge p{font-size:12px;color:var(--ui-text-2);line-height:1.8}.career-bridge .btn{flex-shrink:0}.career-bridge svg{width:18px;height:18px}.career-bridge .tile-icon{width:42px;height:42px}
.experience-sources{display:grid;gap:12px;margin:0 0 24px}.experience-source{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:var(--ui-surface-2);padding:21px 23px}.experience-source>div{flex:1}.experience-source h3{font-size:15px;margin:0 0 6px}.experience-source p{font-size:12px;color:var(--muted);line-height:1.9}.experience-source .btn{font-size:12px}.experience-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:25px 0 30px}.experience-lessons>div{background:var(--ui-surface-2);border-radius:12px;padding:23px}.experience-lessons span{font-size:10px;color:var(--ui-text-2);letter-spacing:.06em}.experience-lessons h3{font-size:15px;margin:12px 0}.experience-lessons p{color:var(--ui-text-2);font-size:13px;line-height:1.9}.experience-lessons small{display:block;font-size:11px;color:var(--ui-text-2);line-height:1.9;margin-top:12px}.review-notebook{padding:25px 28px;background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px}.review-notebook textarea{min-height:205px;line-height:1.9}.note-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px}.note-status{color:var(--ui-text-2);font-size:11px;margin-left:auto}.strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.strategy-card{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:25px}.strategy-card .eyebrow{font-size:10px}.strategy-card h3{font-size:17px;margin:12px 0 15px}.strategy-card ul{padding-left:17px;color:var(--ui-text-2);font-size:12px;line-height:2}.strategy-card li+li{margin-top:8px}.search-question-list{display:grid;gap:10px}.search-question{display:flex;align-items:center;gap:15px;background:var(--ui-surface-2);border:1px solid var(--line);padding:18px;border-radius:10px}.search-question span{font-size:11px;color:var(--ui-text-2);min-width:90px}.search-question strong{font-size:13px;flex:1;font-weight:500}.search-question svg{width:16px;height:16px;color:var(--ui-text-2)}.resource-practice{font-size:11px!important;color:var(--ui-text-2)!important;margin-top:7px!important;line-height:1.9!important}.resource-level{color:var(--ui-text-2)}
@media(max-width:1250px){.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-tools{flex-wrap:wrap}.practice-tools form{width:100%}.practice-tools input{width:100%}.prep-flow article{padding:19px}.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.career-label{font-size:10px}.role-overview{padding:22px;align-items:flex-start;flex-direction:column}.company-focus ul{display:block}.company-focus li+li{margin-top:5px}.company-focus-title{flex-wrap:wrap}.company-focus-title>.btn{margin-left:48px}.prep-flow{gap:12px}.experience-lessons{grid-template-columns:1fr}.career-bridge{flex-wrap:wrap}.career-bridge>.btn{margin-left:57px}}
@media(max-width:760px){.career-selector{padding:20px}.role-selector{flex-wrap:wrap;gap:12px}.role-selector>span{width:100%;font-size:11px}.role-selector select{min-width:0;flex:1}.company-tabs{gap:7px}.company-pill{font-size:12px;padding:9px 12px}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-card{padding:17px 14px}.company-role-grid{grid-template-columns:1fr}.company-role-map .section-heading{align-items:flex-start}.company-role-map .career-count{align-self:flex-start}.prep-flow{grid-template-columns:1fr;gap:10px}.prep-flow article{padding:19px 22px}.prep-flow h3{margin:7px 0}.career-section-tabs{gap:20px}.career-section-tabs a{font-size:12px}.practice-heading{align-items:flex-start}.practice-heading h2{font-size:18px}.practice-heading p{font-size:11px}.career-count{font-size:10px;padding:7px 8px}.question-card{padding:18px}.question-card summary{font-size:14px;align-items:flex-start}.answer-toggle{font-size:10px}.question-meta{gap:8px}.question-meta>span:nth-child(2){font-size:9px}.question-answer ol{font-size:12px}.experience-source{padding:18px;flex-wrap:wrap;gap:12px}.experience-source>div{min-width:160px}.experience-source .btn{margin-left:46px}.strategy-grid{gap:12px}.strategy-card{padding:20px}.review-notebook{padding:22px 18px}.note-status{margin-left:0;width:100%}.career-bridge{padding:19px}.career-bridge h3{font-size:14px}.career-bridge p{font-size:11px}.search-question{gap:10px;flex-wrap:wrap}.search-question span{min-width:0}.search-question strong{min-width:170px}.career-label{display:inline-block;align-self:flex-start}.resource-toolbar{flex-wrap:wrap}}
@media(max-width:480px){.strategy-grid{grid-template-columns:1fr}.company-card{gap:9px}.company-monogram{width:29px;height:29px;border-radius:8px;font-size:13px}.company-card strong{font-size:12px}.company-card small{font-size:9px}.company-card p{font-size:10px}.company-card{padding:15px 12px}.role-overview h2{font-size:21px}.career-section-tabs{gap:0;justify-content:space-between}.career-section-tabs a{font-size:11px}.practice-tools .category-tabs{gap:5px}.practice-tools .tab{padding:7px 9px;font-size:10px}.practice-heading{flex-wrap:wrap;gap:10px}.question-card summary{flex-direction:column;gap:7px}.answer-toggle{align-self:flex-end}.review-check{font-size:10px}.question-meta>span:nth-child(2){display:none}.experience-source>div{min-width:150px}.experience-source .btn{margin-left:41px}.note-actions{gap:10px}.note-actions .btn{padding:10px 12px;font-size:11px}.career-bridge .tile-icon{display:none}.career-bridge>.btn{margin-left:0}.career-bridge>div{min-width:100%}.role-selector{gap:8px}.role-selector label{font-size:12px}.company-focus{padding:20px}.company-focus-title>.btn{margin-left:0}}

.curated-section{margin-bottom:28px}.curated-experience{background:var(--ui-surface-2);border:1px solid var(--line);border-radius:12px;padding:23px 25px;margin-bottom:12px}.curated-experience h3{font-size:16px;margin-bottom:12px}.curated-experience h3 a{font-size:inherit;line-height:1.8}.curated-experience h3 svg{width:15px;height:15px}.curated-experience p{font-size:13px;line-height:1.9;color:var(--ui-text-2)}.curated-experience .experience-takeaway{margin-top:12px;padding:12px 15px;background:var(--ui-surface-2);border-radius:8px;font-size:12px;color:var(--ui-text-2)}.curated-experience small{display:block;color:var(--ui-text-2);font-size:10px;line-height:1.9;margin-top:14px}.other-experiences>summary{cursor:pointer;font-size:12px;color:var(--ui-text-2);padding:14px 0}.experience-empty{padding:20px;background:var(--ui-surface-2);border-radius:10px;color:var(--ui-text-2);font-size:12px;line-height:1.9}@media(max-width:480px){.curated-experience{padding:20px 18px}.curated-experience h3{font-size:14px}}

.content-columns{margin-top:25px}@media(max-width:760px){.company-focus-title>div{min-width:calc(100% - 50px)}.company-focus-title>.btn{margin-left:0}.career-label{white-space:normal;max-width:100%}}

main:focus{outline:none}

/* Keep the language shortcut readable alongside long Chinese resource headings. */
.resource-page-header{flex-wrap:wrap}.resource-page-header>div{flex:1 1 520px;min-width:0}.resource-language-shortcut{flex-shrink:0;white-space:nowrap}


/* KNOWLEDGE OS — immersive computing design system */

:root{color-scheme:dark;--bg:var(--ui-surface);--paper:var(--ui-surface-2);--ink:var(--ui-surface);--muted:var(--ui-tint-blue);--line:var(--ui-surface-4);--green:var(--ui-cyan);--green-dark:var(--ui-cyan);--green-soft:var(--ui-surface-3);--orange:var(--ui-violet);--radius:14px;--mono:Consolas,"SFMono-Regular","Liberation Mono",monospace;--surface:var(--ui-surface-2);--accent:var(--ui-cyan);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 92% 1%,color-mix(in srgb,var(--ui-surface-4) 40%,transparent),transparent 35%),radial-gradient(ellipse at 30% 38%,color-mix(in srgb,var(--ui-surface-3) 13%,transparent),transparent 48%),var(--bg);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ui-blue) 2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ui-blue) 2%,transparent) 1px,transparent 1px);background-size:40px 40px;z-index:-1}
::selection{background:color-mix(in srgb,var(--ui-cyan) 27%,transparent);color:var(--ui-text)}*{scrollbar-width:thin;scrollbar-color:var(--ui-blue) var(--ui-violet)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
input,textarea,select{color:var(--ink);accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--ui-blue)}select{color-scheme:dark}option{background:var(--ui-surface-2);color:var(--ink)}
.sidebar{width:242px;padding:31px 20px 0;background:linear-gradient(180deg,var(--ui-surface-2),var(--ui-surface));border-right-color:var(--ui-border);box-shadow:8px 0 40px color-mix(in srgb,var(--ui-shadow) 13%,transparent);overflow-y:auto}
.brand{gap:11px;margin:0 4px 40px}.brand-mark{width:42px;height:45px;border-radius:11px;background:linear-gradient(145deg,var(--ui-surface-4),var(--ui-surface-3));border:1px solid var(--ui-border-bright);color:var(--accent);font:700 20px var(--mono);box-shadow:0 0 24px color-mix(in srgb,var(--ui-glint) 7%,transparent)}
.brand strong{font-size:27px;letter-spacing:4px}.brand-dot{color:var(--accent)}.brand small{font:8px var(--mono);letter-spacing:1px;color:var(--ui-blue);margin-top:8px;white-space:nowrap}
.side-label{font-size:10px;letter-spacing:.5px;padding:0 12px;color:var(--ui-text-2);margin-bottom:11px}.side-label>span{display:block;font:9px var(--mono);letter-spacing:1.3px;color:var(--ui-blue);margin-bottom:4px}
.nav-item{color:var(--ui-text-2);padding:12px 13px;border:1px solid transparent;border-radius:8px;transition:background .2s,color .2s,border-color .2s}.nav-item svg{color:var(--ui-blue)}.nav-item:hover{background:var(--ui-surface-3);color:var(--ui-text);border-color:var(--ui-border)}.nav-item.active{background:linear-gradient(90deg,var(--ui-surface-3),var(--ui-surface-3));border-color:var(--ui-border);color:var(--ui-cyan)}.nav-item.active svg{color:var(--accent)}.nav-item.active:before{left:-21px;width:3px;height:24px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--ui-glint) 47%,transparent)}.nav-count{background:var(--ui-surface-4);color:var(--ui-cyan);font-family:var(--mono)}
.space-label{margin-top:26px}.side-bottom{padding:25px 12px 22px}.side-bottom strong{color:var(--ui-text-2)}.side-bottom p{color:var(--ui-blue)}.seed-icon{color:var(--accent)}.side-link{color:var(--ui-cyan)}.local-profile{padding:17px 4px;border-top-color:var(--ui-border)}.local-profile b{color:var(--ui-text-2)}.local-profile small{font:8px var(--mono);letter-spacing:1px;color:var(--ui-blue)}.avatar{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-cyan)}.status-dot{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--ui-glint) 33%,transparent)}
.shell{margin-left:242px}.topbar{height:78px;padding:0 38px;background:color-mix(in srgb,var(--ui-surface) 87%,transparent);border-bottom-color:var(--ui-border);backdrop-filter:blur(16px)}.breadcrumb{font-size:12px}.breadcrumb span{color:var(--ui-blue)}.breadcrumb strong{font-weight:500;color:var(--ui-text-2)}.top-actions{gap:16px}.top-help{color:var(--ui-text-2)}.top-help:hover{color:var(--accent)}.top-divider{background:var(--ui-surface-4)}.global-search{width:255px;background:var(--ui-surface-2);border:1px solid var(--ui-border);color:var(--ui-blue);border-radius:8px}.global-search:focus-within{border-color:color-mix(in srgb,var(--ui-cyan) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-glint) 4%,transparent)}.global-search input{font-size:12px;color:var(--ink)}.global-search input::placeholder{color:var(--ui-blue)}.global-search kbd{border-color:var(--ui-border);color:var(--ui-text-2);background:var(--ui-surface-3)}.icon-button{color:var(--ui-blue)}.icon-button:hover{background:var(--ui-surface-3);color:var(--accent)}
main{max-width:1580px;padding:33px 38px 46px}.welcome-row{margin-bottom:27px}.welcome-row h1{font-size:23px;font-weight:650;letter-spacing:.1px}.welcome-row p{color:var(--ui-blue);font-size:12px;margin-top:8px}.date-line{color:var(--ui-blue);font:11px var(--mono);white-space:nowrap}.date-line svg{color:var(--ui-cyan)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.03fr 1fr;min-height:400px;padding:36px 33px 34px;margin-bottom:24px;background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--ui-surface-4) 29%,transparent),transparent 55%),linear-gradient(115deg,var(--ui-surface-3),var(--ui-surface-2) 60%,var(--ui-surface-2));border:1px solid var(--ui-border);border-radius:16px;gap:15px;align-items:center;box-shadow:0 20px 60px color-mix(in srgb,var(--ui-shadow) 13%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ui-glint) 2%,transparent)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ui-blue) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ui-blue) 3%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,var(--ui-text-3));z-index:-1}.hero:after{width:390px;height:390px;right:-190px;top:-260px;border:1px solid color-mix(in srgb,var(--ui-border-bright) 33%,transparent);background:transparent;z-index:-1}
.hero>div:first-child{z-index:1;min-width:0}.eyebrow{color:var(--ui-cyan);font:10px var(--mono);letter-spacing:1.7px}.eyebrow:before{background:var(--ui-cyan)}.hero-eyebrow{font-size:10px;letter-spacing:2px;color:var(--ui-cyan)}.hero-eyebrow:before{display:none}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ui-cyan);box-shadow:0 0 10px color-mix(in srgb,var(--ui-glint) 47%,transparent);flex:none}
.hero h2{font-size:clamp(31px,3vw,47px);line-height:1.43;letter-spacing:-1.6px;font-weight:730;margin-top:23px;color:var(--ui-text)}.hero h2 em{font-style:normal;background:linear-gradient(95deg,var(--ui-cyan),var(--ui-blue));background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{margin-top:17px;font-size:13px;color:var(--ui-text-2);line-height:1.95;max-width:none}.hero-domains{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.hero-domains span{font:8px var(--mono);letter-spacing:.8px;color:var(--ui-cyan);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-3) 53%,transparent);padding:5px 7px;border-radius:3px}.hero-actions{margin-top:25px;gap:10px;flex-wrap:wrap}.btn{font-size:12px;min-height:40px;border-radius:7px;padding:10px 15px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--ui-text-3);border:1px solid var(--ui-cyan);box-shadow:0 4px 18px color-mix(in srgb,var(--ui-glint) 8%,transparent);font-weight:700}.btn-primary:hover{background:var(--ui-cyan);color:var(--ui-text-3);box-shadow:0 5px 22px color-mix(in srgb,var(--ui-glint) 17%,transparent)}.btn-secondary{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-2)}.btn-secondary:hover{background:var(--ui-surface-4);border-color:var(--ui-cyan);color:var(--ui-text)}.btn-quiet{color:var(--accent)}
.compute-art{position:relative;min-width:0;padding:0 1px 0 7px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.compute-topline{display:flex;align-items:center;gap:7px;color:var(--ui-cyan);font:8px var(--mono);letter-spacing:1.6px;padding:0 9px}.compute-topline>span:last-child{margin-left:auto;color:var(--ui-cyan);font-size:8px}.compute-topline .signal-dot{width:4px;height:4px;box-shadow:none}.compute-scene{height:250px;position:relative}.circuit-map{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.circuit-wire{stroke:var(--ui-cyan);stroke-width:1;opacity:.4;stroke-dasharray:5 6;animation:circuit-flow 22s linear infinite}.secondary-wire{stroke:var(--ui-violet);opacity:.25;animation-direction:reverse}.circuit-points{fill:var(--ui-cyan)}.core-halo{position:absolute;width:165px;height:165px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--ui-cyan) 13%,transparent),transparent 68%);border:1px solid color-mix(in srgb,var(--ui-cyan) 7%,transparent);border-radius:50%;box-shadow:0 0 60px color-mix(in srgb,var(--ui-glint) 3%,transparent)}
.compute-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);width:105px;height:112px;background:linear-gradient(135deg,var(--ui-surface-4),var(--ui-surface-3));border:1px solid var(--ui-cyan);border-radius:16px;box-shadow:9px 11px 0 var(--ui-blue),10px 12px 0 var(--ui-cyan),0 0 46px color-mix(in srgb,var(--ui-glint) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-direction:column}.compute-core:before,.compute-core:after{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--ui-cyan) 23%,transparent);border-radius:10px}.compute-core:after{inset:-8px;border:1px dashed color-mix(in srgb,var(--ui-cyan) 29%,transparent);border-radius:20px}.compute-core>span{font:700 42px var(--mono);letter-spacing:-4px;color:var(--ui-cyan);text-shadow:0 0 25px color-mix(in srgb,var(--ui-glint) 27%,transparent)}.compute-core small{font:5px var(--mono);letter-spacing:1.2px;color:var(--ui-cyan);margin-top:4px}.compute-core i{position:absolute;right:14px;top:14px;width:4px;height:4px;background:var(--ui-cyan);border-radius:50%}
.compute-node{position:absolute;display:flex;align-items:center;gap:8px;background:linear-gradient(125deg,color-mix(in srgb,var(--ui-surface-4) 93%,transparent),color-mix(in srgb,var(--ui-surface-3) 93%,transparent));border:1px solid var(--ui-border);box-shadow:0 7px 20px color-mix(in srgb,var(--ui-shadow) 14%,transparent);border-radius:7px;padding:10px 11px;backdrop-filter:blur(8px);animation:node-float 7s ease-in-out infinite}.compute-node svg{width:20px;height:20px;color:var(--ui-cyan)}.compute-node b{display:block;font:8px var(--mono);letter-spacing:.7px;color:var(--ui-text)}.compute-node small{display:block;color:var(--ui-cyan);font-size:9px;margin-top:4px}.node-ai{left:2%;top:14%}.node-engineer{right:0;top:6%;animation-delay:-2s}.node-algorithm{left:0;bottom:11%;animation-delay:-4s}.node-exam{right:1%;bottom:15%;animation-delay:-1s}.node-engineer svg,.node-exam svg{color:var(--ui-violet)}.scene-coordinate{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:7px var(--mono);letter-spacing:1.2px;color:var(--ui-cyan)}
.hero-terminal{border:1px solid var(--ui-border);border-radius:8px;background:color-mix(in srgb,var(--ui-surface) 75%,transparent);box-shadow:0 8px 25px color-mix(in srgb,var(--ui-shadow) 11%,transparent);overflow:hidden;margin:10px 6px 0}.terminal-dots{padding:9px 11px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-3) 47%,transparent)}.terminal-dots i{width:5px;height:5px;border-radius:50%;background:var(--ui-tint-amber)}.terminal-dots i:nth-child(2){background:var(--ui-cyan)}.terminal-dots i:nth-child(3){background:var(--ui-cyan)}.terminal-dots span{font:8px var(--mono);color:var(--ui-blue);margin-left:6px}.terminal-dots span:last-child{margin-left:auto;font-size:7px;color:var(--ui-blue)}.terminal-line{padding:12px 13px 0;font:9px var(--mono);color:var(--ui-text);white-space:nowrap}.terminal-prompt{color:var(--ui-cyan);margin-right:7px}.terminal-flag{color:var(--ui-blue)}.terminal-result{padding:9px 13px 12px;color:var(--ui-blue);font:9px var(--mono);display:flex;align-items:center;gap:7px}.terminal-result>span:first-child{color:var(--ui-cyan)}.terminal-cursor{height:11px;width:5px;background:var(--ui-cyan);margin-left:3px;animation:cursor-blink 1.2s step-end infinite}
.overview-stats{background:linear-gradient(120deg,var(--ui-surface-2),var(--ui-surface-2));border:1px solid var(--ui-border);padding:20px 0;border-radius:12px;margin-bottom:31px}.stat-item{border-color:var(--ui-border)}.stat-icon{background:var(--ui-surface-3);border:1px solid var(--ui-border);color:var(--ui-cyan);border-radius:10px}.stat-icon svg{width:21px;height:21px}.stat-text b{font-family:var(--mono);font-size:26px;letter-spacing:-1px;color:var(--ui-text);line-height:1.3}.stat-text b small{font:10px "Microsoft YaHei",sans-serif;color:var(--ui-cyan);margin-left:6px}.stat-text>span{color:var(--ui-blue);font-size:11px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:21px;color:var(--ui-text);letter-spacing:0}.section-heading p{color:var(--ui-blue);font-size:12px}.text-link{color:var(--ui-cyan)}.text-link:hover{color:var(--ui-cyan)}.category-tabs{gap:6px;margin-bottom:20px}.tab{color:var(--ui-text-2);border:1px solid transparent;border-radius:6px;font-size:12px;padding:7px 12px}.tab:hover{color:var(--ui-text);background:var(--ui-surface-3)}.tab.active{background:var(--ui-surface-3);color:var(--ui-cyan);border-color:var(--ui-border-bright)}
.path-grid{gap:16px}.path-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ui-surface-3),var(--ui-surface-2));border-color:var(--ui-border);border-radius:12px;padding:22px 20px;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s}.path-card:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-cyan) 20%,transparent),transparent)}.path-card:hover{transform:translateY(-4px);border-color:var(--ui-cyan);box-shadow:0 12px 30px color-mix(in srgb,var(--ui-shadow) 19%,transparent)}.path-card h3{font-size:16px;color:var(--ui-text)}.path-card p{color:var(--ui-text-2);font-size:12px;line-height:1.85}.card-title:hover{color:var(--ui-cyan)}.card-footer{border-color:var(--ui-border);padding-top:15px}.card-meta{color:var(--ui-blue);font-size:10px}.card-open{color:var(--ui-cyan);font-size:11px;white-space:nowrap}.tile-icon{border-radius:10px;width:40px;height:40px;border:1px solid var(--ui-border)}.tone-green{background:var(--ui-surface-3);color:var(--ui-cyan);border-color:var(--ui-border)}.tone-blue{background:var(--ui-surface-4);color:var(--ui-blue);border-color:var(--ui-border)}.tone-purple{background:var(--ui-surface-4);color:var(--ui-violet);border-color:var(--ui-border)}.tone-orange{background:var(--ui-surface-3);color:var(--ui-amber);border-color:var(--ui-border)}.level{color:var(--ui-blue);background:var(--ui-surface-3);border-color:var(--ui-border);font-size:10px}.tag{background:var(--ui-surface-3);color:var(--ui-cyan);border:1px solid var(--ui-border);font-size:10px}.panel{background:linear-gradient(135deg,var(--ui-surface-3),var(--ui-surface-2));border-color:var(--ui-border);border-radius:12px}.panel-title{color:var(--ui-text);font-size:13px}.panel-title svg{color:var(--ui-cyan)}.subtle-badge{background:var(--ui-surface-4);border-color:var(--ui-border);color:var(--ui-cyan)}.empty-study strong{color:var(--ui-text)}.empty-study p{color:var(--ui-blue)}.study-art{background:var(--ui-surface-4);color:var(--ui-cyan)}.exam-promo{background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--ui-tint-violet) 27%,transparent),transparent 70%),var(--ui-surface-3);border-color:var(--ui-border)}.exam-promo .eyebrow{color:var(--ui-violet)}.exam-promo .eyebrow:before{background:var(--ui-violet)}.exam-promo h3{color:var(--ui-text)}.exam-promo p{color:var(--ui-text-2)}.exam-promo .text-link{color:var(--ui-violet)}.notes-panel p,.notes-panel li{color:var(--ui-text-2)}
.resource-preview{margin-top:32px}.resource-list{background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.resource-row{background:transparent;border-color:var(--ui-border);padding:18px 20px;transition:background .18s}.resource-row:hover{background:var(--ui-surface-3)}.resource-type{color:var(--ui-cyan);background:var(--ui-surface-4);border:1px solid var(--ui-border);border-radius:8px}.resource-body h3{font-size:13px;color:var(--ui-text)}.resource-body h3 a:hover{color:var(--ui-cyan)}.resource-body p{color:var(--ui-blue)}.resource-desc{color:var(--ui-text-2)!important;line-height:1.85}.resource-practice{color:var(--ui-cyan)!important}.resource-lang{color:var(--ui-blue);background:var(--ui-surface-4);border:1px solid var(--ui-border);border-radius:4px;padding:3px 7px;font-size:10px;white-space:nowrap}.resource-level{color:var(--ui-violet)}.resource-open{color:var(--ui-cyan)}.is-saved{color:var(--ui-cyan)!important;background:var(--ui-surface-3)}.resource-toolbar select,.form-field input,.form-field select,.form-field textarea{background:var(--ui-surface-3);border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-text)}.resource-toolbar select{font-size:12px;padding:9px 11px;min-height:40px}.result-count{color:var(--ui-blue);font:11px var(--mono)}.privacy-line{color:var(--ui-blue)}.page-header{gap:18px;margin-bottom:29px}.page-header h1{font-size:29px;letter-spacing:-.6px;line-height:1.5;color:var(--ui-text);margin-top:10px}.page-header p{font-size:13px;color:var(--ui-blue);line-height:1.9;max-width:760px}.page-tools{margin-bottom:23px}
.career-selector{background:var(--ui-surface-2);border-color:var(--ui-border)}.role-selector label{color:var(--ui-text-2)}.role-selector select{background:var(--ui-surface-4);border-color:var(--ui-border);color:var(--ui-text)}.role-selector>span{color:var(--ui-blue)}.company-pill{color:var(--ui-blue);background:var(--ui-surface-3);border:1px solid var(--ui-border)}.company-pill:hover{color:var(--ui-text);border-color:var(--ui-border-bright);background:var(--ui-surface-4)}.company-pill.active{background:var(--ui-surface-3);color:var(--ui-cyan);border-color:var(--ui-border-bright)}.company-card{background:linear-gradient(130deg,var(--ui-surface-3),var(--ui-surface-2));border-color:var(--ui-border)}.company-card:hover{border-color:var(--ui-cyan);background:var(--ui-surface-3)}.company-card strong{color:var(--ui-text)}.company-card p,.company-card small{color:var(--ui-blue)}.company-monogram{background:var(--ui-surface-4);color:var(--company-color,var(--ui-blue));border:1px solid var(--ui-border)}.company-focus{background:linear-gradient(120deg,var(--ui-surface-3),var(--ui-surface-3));border-color:var(--ui-border)}.company-focus h3{color:var(--ui-text)}.company-focus p,.company-focus li{color:var(--ui-text-2)}.company-focus small{color:var(--ui-blue)}.role-overview{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ui-tint-cyan) 19%,transparent),transparent 60%),var(--ui-surface-3);border-color:var(--ui-border)}.role-overview h2{color:var(--ui-text)}.role-overview p{color:var(--ui-cyan)}.role-overview p strong{color:var(--ui-cyan)}.prep-flow article{background:var(--ui-surface-3);border-color:var(--ui-border)}.prep-flow article>span{color:var(--ui-cyan);font-family:var(--mono);background:var(--ui-surface-4)}.prep-flow h3{color:var(--ui-text)}.prep-flow p{color:var(--ui-blue)}.career-label,.career-count{color:var(--ui-cyan)}.career-section-tabs{border-color:var(--ui-border)}.career-section-tabs a{color:var(--ui-blue)}.career-section-tabs a.active{color:var(--ui-cyan);border-color:var(--ui-cyan)}.practice-heading h2{color:var(--ui-text)}.practice-heading p{color:var(--ui-blue)}.practice-tools input{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text)}.question-card{background:var(--ui-surface-2);border-color:var(--ui-border)}.question-meta{color:var(--ui-blue)}.question-card summary{color:var(--ui-text)}.answer-toggle{color:var(--ui-cyan)}.question-answer{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-2)}.question-answer h4{color:var(--ui-text)}.question-pitfall{background:var(--ui-surface-2);color:var(--ui-amber);border-color:var(--ui-border)}.question-pitfall strong{color:var(--ui-amber)}.answer-reminder{color:var(--ui-blue)}.curated-experience,.experience-source{background:var(--ui-surface-3);border-color:var(--ui-border)}.curated-experience h3,.experience-source h3{color:var(--ui-text)}.curated-experience p,.experience-source p{color:var(--ui-blue)}.curated-experience small{color:var(--ui-blue)}.curated-experience .experience-takeaway{color:var(--ui-cyan)}.experience-empty{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-2)}.other-experiences>summary{color:var(--ui-cyan)}.experience-lessons>div,.strategy-card{background:var(--ui-surface-3);border-color:var(--ui-border)}.experience-lessons span{color:var(--ui-cyan)}.experience-lessons h3,.strategy-card h3{color:var(--ui-text)}.experience-lessons p,.experience-lessons small,.strategy-card li{color:var(--ui-text-2)}.review-notebook{background:var(--ui-surface-3);border-color:var(--ui-border)}.review-notebook textarea{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text)}.note-status{color:var(--ui-cyan)}.career-bridge{background:linear-gradient(110deg,var(--ui-surface-3),var(--ui-surface-3) 60%,var(--ui-surface-4));border-color:var(--ui-border-bright);box-shadow:inset 3px 0 0 var(--ui-glint)}.career-bridge h3{color:var(--ui-text)}.career-bridge p{color:var(--ui-cyan)}.search-question{background:var(--ui-surface-3);border-color:var(--ui-border)}.search-question span{color:var(--ui-cyan)}.search-question strong{color:var(--ui-text)}
.exam-banner{background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--ui-tint-violet) 22%,transparent),transparent 65%),linear-gradient(110deg,var(--ui-surface-3),var(--ui-surface-3));border:1px solid var(--ui-border)}.exam-banner h2{color:var(--ui-text)}.exam-banner p{color:var(--ui-text-2)}.banner-symbol{color:var(--ui-violet)}.subject-card,.support-card,.planner,.support-form,.roadmap-step{background:linear-gradient(130deg,var(--ui-surface-3),var(--ui-surface-2));border-color:var(--ui-border)}.subject-card:hover,.support-card:hover{background:var(--ui-surface-4);border-color:var(--ui-cyan)}.subject-card h3,.support-card h3,.planner h3{color:var(--ui-text)}.subject-card p,.support-card p,.support-card small,.planner>p{color:var(--ui-blue)}.notice{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-cyan)}.notice svg{color:var(--ui-cyan)}.form-field{color:var(--ui-text-2)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--ui-cyan)}.plan-output{background:var(--ui-surface-3);border-color:var(--ui-border-bright);color:var(--ui-cyan)}.plan-output h4{color:var(--ui-cyan)}.plan-phase{border-color:var(--ui-border)}.daily-split{background:var(--ui-surface-4);color:var(--ui-cyan)}.roadmap-step h3{color:var(--ui-text)}.roadmap-step p{color:var(--ui-blue)}.step-number{background:var(--ui-surface-4);color:var(--ui-cyan)}.roadmap-step:after{border-color:var(--ui-border-bright)}.roadmap-note{color:var(--ui-blue)}.empty-state{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-blue)}.empty-state h2,.empty-state h3{color:var(--ui-text)}.small-progress{background:var(--ui-surface-4)}.small-progress>span{background:linear-gradient(90deg,var(--ui-cyan),var(--ui-cyan))}.progress-label{color:var(--ui-blue)}.remove-study{color:var(--ui-text-2)}.learning-summary{background:var(--ui-surface-3);border-color:var(--ui-border)}
dialog{background:var(--ui-surface-2);color:var(--ink);border-color:var(--ui-border-bright);box-shadow:0 25px 120px color-mix(in srgb,var(--ui-shadow) 63%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--ui-base) 73%,transparent);backdrop-filter:blur(7px)}.dialog-header{background:var(--ui-surface-3);border-color:var(--ui-border)}.dialog-header h2{color:var(--ui-text)}.dialog-header p{color:var(--ui-blue)}.dialog-body{background:var(--ui-surface-2)}.dialog-lead>span{color:var(--ui-blue)}.stage-item{background:var(--ui-surface-3);border-color:var(--ui-border)}.stage-item h3{color:var(--ui-text)}.stage-item p{color:var(--ui-blue)}.stage-check{background:var(--ui-surface-4);border-color:var(--ui-border-bright);color:var(--ui-cyan)}.stage-check[aria-pressed=true]{background:var(--ui-surface-4);border-color:var(--ui-cyan);color:var(--ui-cyan)}.stage-item.completed{background:var(--ui-surface-3);border-color:var(--ui-border-bright)}.stage-item.completed .stage-check{background:var(--ui-cyan);color:var(--ui-text-3)}.dialog-resources a{color:var(--ui-cyan);border-color:var(--ui-border)}.dialog-note{background:var(--ui-surface-3);color:var(--ui-cyan);border-color:var(--ui-border)}.toast{background:var(--ui-surface-4);border:1px solid var(--ui-cyan);color:var(--ui-cyan);box-shadow:0 10px 40px color-mix(in srgb,var(--ui-shadow) 33%,transparent)}.skip-link{background:var(--ui-cyan);color:var(--ui-text-3)}.sidebar-overlay{background:color-mix(in srgb,var(--ui-base) 67%,transparent);backdrop-filter:blur(4px)}footer{border-top:1px solid var(--ui-border);color:var(--ui-blue);font-size:10px;padding-top:21px}.footer-sprout{color:var(--ui-cyan)}
@keyframes circuit-flow{to{stroke-dashoffset:-220}}@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes cursor-blink{0%,45%{opacity:1}46%,100%{opacity:0}}
@media(min-width:1650px){.hero{min-height:450px;padding:42px}.hero h2{font-size:51px}.compute-scene{height:280px}.hero p{font-size:14px}.hero-domains span{font-size:9px}.compute-node{padding:12px 14px}.compute-node b{font-size:9px}.hero-terminal{margin-inline:20px}.terminal-line,.terminal-result{font-size:10px}}
@media(max-width:1200px) and (min-width:761px){.sidebar{width:208px;padding-inline:15px}.shell{margin-left:208px}.brand{gap:8px}.brand small{font-size:7px;letter-spacing:.4px}.brand strong{font-size:25px}.brand-mark{width:38px;height:41px;font-size:18px}.nav-item.active:before{left:-16px}.side-label>span{font-size:8px}.topbar{padding-inline:26px}.top-actions{gap:12px}.global-search{width:220px}main{padding:29px 26px 40px}.hero{padding:29px 24px;min-height:380px;gap:10px}.hero h2{font-size:35px;letter-spacing:-1.5px}.hero p{font-size:12px}.hero-domains{gap:5px}.hero-domains span{font-size:7px;padding:4px}.hero .btn{font-size:11px;padding:9px 12px}.compute-scene{height:228px}.compute-node{padding:8px 7px;gap:5px}.compute-node b{font-size:6px;letter-spacing:.3px}.compute-node small{font-size:8px}.compute-node svg{width:17px;height:17px}.compute-core{width:90px;height:98px}.compute-core>span{font-size:36px}.compute-core small{font-size:4px}.compute-topline{font-size:7px;letter-spacing:.9px}.terminal-line{font-size:8px}.terminal-flag{display:none}.path-card{padding:20px 17px}.date-line{font-size:9px}.welcome-row h1{font-size:21px}.stat-text b{font-size:23px}}
@media(max-width:960px) and (min-width:761px){.hero{grid-template-columns:1fr .9fr;padding:25px 21px;min-height:360px}.hero h2{font-size:30px;letter-spacing:-1px}.hero-domains span:last-child{display:none}.hero-actions{gap:8px}.hero-actions .btn{padding:9px 10px;font-size:10px;gap:5px}.hero-actions .btn svg{width:12px}.compute-topline{letter-spacing:.2px;font-size:6px}.compute-topline>span:last-child{display:none}.compute-scene{height:210px}.compute-node{padding:7px 5px}.compute-node svg{display:none}.compute-node b{font-size:6px}.compute-core{width:80px;height:88px}.compute-core>span{font-size:30px}.compute-core small{font-size:4px;letter-spacing:.6px}.hero-terminal{margin-inline:0}.terminal-line,.terminal-result{font-size:7px}.hero-eyebrow{font-size:8px;letter-spacing:1.1px}.hero p{font-size:11px}.global-search{width:195px}.top-help{display:none}.top-divider{display:none}.welcome-row{align-items:flex-start}.date-line{font-size:8px}.stat-item{gap:9px}.stat-icon{width:31px;height:34px}.stat-text>span{font-size:9px}}
@media(max-width:760px){.sidebar{width:242px;padding:25px 19px 0}.shell{margin-left:0}.topbar{height:67px;padding:0 20px;gap:12px}.top-actions{gap:9px;min-width:0}.breadcrumb{display:none}.mobile-menu{display:grid;color:var(--ui-text-2)}.global-search{width:min(56vw,300px);padding:7px 10px}.global-search input{font-size:11px}.top-help,.top-divider{display:none}main{padding:25px 20px 36px}.welcome-row{margin-bottom:22px;gap:10px}.welcome-row h1{font-size:21px}.welcome-row p{font-size:11px;margin-top:7px}.date-line{display:none}.hero{grid-template-columns:1fr 1fr;min-height:370px;padding:28px 24px;gap:13px;border-radius:13px}.hero h2{font-size:31px;letter-spacing:-1.1px;margin-top:18px}.hero p{font-size:11px}.hero-eyebrow{font-size:8px;letter-spacing:1.1px}.hero-domains span{font-size:7px;padding:4px 5px}.hero-domains span:last-child{display:none}.hero-actions{gap:9px;margin-top:22px}.hero .btn{font-size:10px;padding:9px 10px;gap:6px}.compute-scene{height:225px}.compute-node{padding:8px 7px;gap:5px}.compute-node b{font-size:6px}.compute-node small{font-size:8px}.compute-node svg{width:17px;height:17px}.compute-topline{font-size:7px;letter-spacing:.5px}.compute-core{width:85px;height:95px}.compute-core>span{font-size:35px}.compute-core small{font-size:4px;letter-spacing:.8px}.terminal-line,.terminal-result{font-size:7px}.terminal-flag{display:none}.overview-stats{padding:17px 0;margin-bottom:25px}.stat-icon{display:none}.stat-item{justify-content:center;gap:0}.stat-text b{font-size:24px}.stat-text>span{font-size:10px}.stat-text b small{font-size:9px;margin-left:4px}.content-columns{margin-top:28px}.path-card{padding:21px 19px}.page-header h1{font-size:26px}.page-header p{font-size:12px}.page-header{margin-bottom:24px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.resource-row{padding:17px 16px}.resource-body h3{font-size:13px}.resource-body p{font-size:10px}.resource-desc,.resource-practice{font-size:11px!important}.resource-toolbar{gap:9px}.resource-toolbar select{font-size:11px;min-height:39px}.resource-toolbar .result-count{font-size:10px}.resource-language-shortcut{font-size:11px}.career-bridge{padding:21px 19px}.career-bridge h3{font-size:17px}.career-bridge p{font-size:11px}.career-bridge .btn{font-size:11px}.category-tabs{gap:5px}.tab{font-size:11px;padding:7px 10px}footer{margin:0 20px;font-size:9px}.dialog-header{padding:23px}.dialog-header h2{font-size:21px}.dialog-body{padding:22px}.company-pill{font-size:11px}.practice-heading h2{font-size:21px}}
@media(max-width:560px){.hero{grid-template-columns:1fr;padding:26px 23px 20px;gap:25px}.hero h2{font-size:35px;line-height:1.4;letter-spacing:-1px}.hero p{font-size:12px;margin-top:16px}.hero-eyebrow{font-size:9px;letter-spacing:1.6px}.hero-domains{margin-top:16px;gap:7px}.hero-domains span{font-size:7px;padding:5px 7px}.hero-domains span:last-child{display:inline}.hero-actions{flex-wrap:nowrap;margin-top:23px;gap:10px}.hero .btn{font-size:11px;padding:10px 12px;flex:1;min-height:41px}.compute-art{padding:19px 0 0;border-top:1px solid color-mix(in srgb,var(--ui-border) 40%,transparent)}.compute-topline{font-size:8px;letter-spacing:1px;padding-inline:2px}.compute-topline>span:last-child{font-size:7px}.compute-scene{height:219px}.compute-node b{font-size:7px}.compute-node small{font-size:8px}.compute-node{padding:8px 9px;gap:6px}.compute-core{width:87px;height:97px}.core-halo{width:150px;height:150px}.hero-terminal{margin:10px 0 0}.terminal-line,.terminal-result{font-size:8px}.terminal-flag{display:inline;font-size:7px}.terminal-dots span{font-size:7px}.scene-coordinate{font-size:6px}.stat-text b{font-size:23px}.stat-text>span{font-size:9px}.stat-text b small{font-size:8px;margin-left:3px}.overview-stats{padding:16px 0}.page-header h1{font-size:24px}.resource-toolbar select{max-width:100%}.resource-body{min-width:0}.resource-open{align-self:center}.resource-lang{font-size:9px;padding:2px 5px}.resource-type{width:33px;height:37px}.resource-type svg{width:17px}.question-card{padding:19px 17px}.question-card summary{font-size:14px}.career-section-tabs a{font-size:11px}.side-bottom strong{font-size:12px}.brand small{font-size:8px;letter-spacing:.7px}.support-grid{gap:12px}.support-card{padding:18px 16px}.support-card h3{font-size:15px}.support-card p{font-size:11px}.exam-banner h2{font-size:21px}.exam-banner p{font-size:12px}.subject-card{padding:18px}.subject-card h3{font-size:16px}.subject-card p{font-size:11px}.privacy-line{font-size:10px;line-height:1.9}.welcome-row h1{font-size:20px}.welcome-row p{font-size:10px}}
@media(max-width:360px){main{padding:23px 15px 32px}.topbar{padding-inline:15px}.global-search{width:55vw}.hero{padding:24px 18px 18px}.hero h2{font-size:30px}.hero-domains{gap:4px}.hero-domains span{font-size:6px;padding:4px 5px}.hero .btn{font-size:10px;padding:9px 8px;gap:5px}.hero-actions{gap:7px}.compute-node{padding:7px 6px;gap:4px}.compute-node b{font-size:6px}.compute-node small{font-size:7px}.compute-node svg{width:15px}.compute-core{width:75px;height:85px}.compute-core>span{font-size:30px}.compute-core small{font-size:3.5px}.compute-scene{height:208px}.compute-topline{font-size:7px;letter-spacing:.8px}.terminal-line{font-size:7px}.terminal-flag{font-size:6px}.terminal-result{font-size:7px}.stat-text>span{font-size:8px}.stat-text b{font-size:21px}.stat-text b small{font-size:7px;margin-left:2px}.page-header h1{font-size:22px}.welcome-row h1{font-size:18px}.path-card{padding:19px 17px}.resource-row{padding:15px 12px}.resource-type{display:none}.category-tabs{gap:3px}.tab{padding:7px 8px;font-size:10px}.resource-toolbar select{font-size:10px;padding:8px}.section-heading h2{font-size:18px}.text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.terminal-cursor{opacity:1}}

/* Preserve brand identities without sacrificing dark-surface contrast. */
.company-monogram{color:color-mix(in srgb,var(--company-color,var(--ui-blue)) 45%,var(--ui-text))}


/* Shared semantic colors: no filter-based inversion, readable in both themes. */
:root,[data-theme="dark"]{
 --ui-base:#090b15;--ui-surface:#101522;--ui-surface-2:#151c2d;--ui-surface-3:#1b263b;--ui-surface-4:#27364e;
 --ui-text:#edf2ff;--ui-text-2:#acbad2;--ui-text-3:#8397b4;--ui-border:#2c3a54;--ui-border-bright:#536982;
 --ui-cyan:#53f4dc;--ui-violet:#bca4ff;--ui-blue:#8ab6ff;--ui-amber:#f0bf86;--ui-magenta:#f86bd4;
 --ui-tint-cyan:#153638;--ui-tint-violet:#28243e;--ui-tint-blue:#172d49;--ui-tint-amber:#372b24;
 --ui-shadow:#00020a;--ui-glint:#edfbff;--ui-button-text:#041d1c;
 --ui-hero-a:#151c32;--ui-hero-b:#0e1424;--ui-code-bg:#080d19;--ui-sidebar:#0c101c;--ui-nav:#132e34;
 --ui-grid:color-mix(in srgb,var(--ui-cyan) 5%,transparent);--ui-grid-major:color-mix(in srgb,var(--ui-violet) 9%,transparent);
 color-scheme:dark;
}
:root[data-theme="light"]{
 --ui-base:#f2f4fc;--ui-surface:#ffffff;--ui-surface-2:#f3f6fd;--ui-surface-3:#e9eef9;--ui-surface-4:#dbe5f4;
 --ui-text:#18233d;--ui-text-2:#475c7a;--ui-text-3:#5a6e89;--ui-border:#d4deed;--ui-border-bright:#a4b7cf;
 --ui-cyan:#007b75;--ui-violet:#7750b7;--ui-blue:#3368b8;--ui-amber:#936022;--ui-magenta:#b22a8c;
 --ui-tint-cyan:#e0f4ef;--ui-tint-violet:#eee8fa;--ui-tint-blue:#e6efff;--ui-tint-amber:#f8eddf;
 --ui-shadow:#6c7eaa;--ui-glint:#ffffff;--ui-button-text:#ffffff;
 --ui-hero-a:#f3f2ff;--ui-hero-b:#ecf6fa;--ui-code-bg:#f9fbff;--ui-sidebar:#f9fbff;--ui-nav:#e3f3f1;
 --ui-grid:color-mix(in srgb,var(--ui-blue) 5%,transparent);--ui-grid-major:color-mix(in srgb,var(--ui-violet) 8%,transparent);
 color-scheme:light;
}
:root{--bg:var(--ui-base);--paper:var(--ui-surface);--surface:var(--ui-surface);--ink:var(--ui-text);--muted:var(--ui-text-3);--line:var(--ui-border);--green:var(--ui-cyan);--green-dark:var(--ui-cyan);--green-soft:var(--ui-tint-cyan);--orange:var(--ui-violet);--accent:var(--ui-cyan)}
body{background:radial-gradient(ellipse at 98% 1%,color-mix(in srgb,var(--ui-violet) 9%,transparent),transparent 38%),radial-gradient(ellipse at 15% 45%,color-mix(in srgb,var(--ui-cyan) 4%,transparent),transparent 50%),var(--ui-base);color:var(--ui-text)}
body:before{background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px);background-size:48px 48px}
::selection{background:color-mix(in srgb,var(--ui-magenta) 25%,transparent);color:var(--ui-text)}*{scrollbar-color:var(--ui-border-bright) var(--ui-base)}
.sidebar{background:linear-gradient(175deg,var(--ui-sidebar),var(--ui-base));border-right:1px solid var(--ui-border);box-shadow:8px 0 45px color-mix(in srgb,var(--ui-shadow) 10%,transparent)}
.brand-mark{border-radius:5px 13px 5px 13px;background:linear-gradient(135deg,var(--ui-tint-cyan),var(--ui-surface-2));border-color:color-mix(in srgb,var(--ui-cyan) 45%,var(--ui-border));color:var(--ui-cyan);box-shadow:0 0 25px color-mix(in srgb,var(--ui-cyan) 9%,transparent)}.brand-dot{color:var(--ui-magenta)}.brand strong{text-shadow:2px 0 color-mix(in srgb,var(--ui-magenta) 15%,transparent)}.nav-item.active{background:linear-gradient(90deg,var(--ui-nav),var(--ui-surface));color:var(--ui-cyan);border-color:color-mix(in srgb,var(--ui-cyan) 25%,var(--ui-border))}.nav-item.active:before{box-shadow:0 0 13px color-mix(in srgb,var(--ui-cyan) 70%,transparent)}.avatar{border-color:var(--ui-border);background:var(--ui-tint-cyan)}
.topbar{background:color-mix(in srgb,var(--ui-sidebar) 87%,transparent);border-bottom-color:var(--ui-border)}.global-search{background:var(--ui-surface-2);border-color:var(--ui-border)}.global-search input{color:var(--ui-text)}.global-search input::placeholder{color:var(--ui-text-3)}.top-actions{gap:14px}.top-help{font-size:11px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ui-border);background:var(--ui-surface-2);height:35px;padding:0 10px;border-radius:7px;color:var(--ui-text-2);flex:none;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}.theme-toggle:hover{border-color:var(--ui-cyan);color:var(--ui-cyan);box-shadow:0 0 18px color-mix(in srgb,var(--ui-cyan) 8%,transparent)}.theme-toggle svg{width:15px;height:15px}.theme-label{font-size:10px}.theme-moon{display:none}.theme-switch-track{width:23px;height:13px;border-radius:8px;background:var(--ui-surface-4);border:1px solid var(--ui-border-bright);position:relative}.theme-switch-track i{position:absolute;top:2px;left:12px;width:7px;height:7px;border-radius:50%;background:var(--ui-cyan);box-shadow:0 0 6px color-mix(in srgb,var(--ui-cyan) 40%,transparent);transition:left .2s}.theme-toggle:active{transform:scale(.97)}
[data-theme="light"] .theme-sun{display:none}[data-theme="light"] .theme-moon{display:block}[data-theme="light"] .theme-switch-track i{left:2px}
.hero{min-height:445px;border-radius:4px 22px 4px 22px;border:1px solid color-mix(in srgb,var(--ui-violet) 25%,var(--ui-border));padding:38px 34px 37px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ui-magenta) 12%,transparent),transparent 52%),radial-gradient(ellipse at 65% 87%,color-mix(in srgb,var(--ui-cyan) 10%,transparent),transparent 56%),linear-gradient(115deg,var(--ui-hero-a),var(--ui-hero-b));box-shadow:0 18px 55px color-mix(in srgb,var(--ui-shadow) 16%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ui-glint) 6%,transparent)}
.hero:before{inset:0;background-image:linear-gradient(var(--ui-grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid-major) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 25%,black);opacity:.7}.hero:after{width:90px;height:5px;right:37px;top:0;border:0;border-radius:0;background:linear-gradient(90deg,var(--ui-magenta),var(--ui-violet));box-shadow:0 0 25px color-mix(in srgb,var(--ui-magenta) 50%,transparent)}
.hero h2{font-size:clamp(32px,3.1vw,48px);line-height:1.4;font-weight:750;letter-spacing:-1.8px;color:var(--ui-text);margin-top:23px;text-shadow:2px 0 color-mix(in srgb,var(--ui-cyan) 12%,transparent),-2px 0 color-mix(in srgb,var(--ui-magenta) 9%,transparent)}.hero h2 em{background:linear-gradient(100deg,var(--ui-cyan) 5%,var(--ui-blue) 55%,var(--ui-magenta) 105%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-eyebrow{font-size:8px;letter-spacing:1.35px;color:var(--ui-cyan);gap:8px;flex-wrap:wrap}.hero-edition{font-size:7px;letter-spacing:.8px;border:1px solid color-mix(in srgb,var(--ui-magenta) 40%,var(--ui-border));color:var(--ui-magenta);padding:3px 5px;border-radius:2px;background:color-mix(in srgb,var(--ui-magenta) 5%,transparent)}.hero p{color:var(--ui-text-2)}.hero-domains span{border-radius:2px;border-color:var(--ui-border-bright);color:var(--ui-text-2);background:color-mix(in srgb,var(--ui-surface-2) 60%,transparent)}
.btn-primary{border-color:color-mix(in srgb,var(--ui-cyan) 80%,var(--ui-glint));background:var(--ui-cyan);color:var(--ui-button-text);box-shadow:0 0 24px color-mix(in srgb,var(--ui-cyan) 9%,transparent);border-radius:4px 9px 4px 9px}.btn-primary:hover{color:var(--ui-button-text);background:color-mix(in srgb,var(--ui-cyan) 88%,var(--ui-text));box-shadow:0 0 30px color-mix(in srgb,var(--ui-cyan) 17%,transparent)}.btn-secondary{background:var(--ui-surface-2);border-color:var(--ui-border-bright);color:var(--ui-text)}.btn-secondary:hover{background:var(--ui-surface-3);border-color:var(--ui-cyan);color:var(--ui-text)}
.compute-art{padding-left:9px}.compute-topline{font-size:8px;letter-spacing:1.3px;color:var(--ui-text-2)}.compute-topline>span:last-child{color:var(--ui-magenta)}.compute-scene{height:266px;perspective:750px}.circuit-wire{stroke:var(--ui-cyan);opacity:.47}.secondary-wire{stroke:var(--ui-magenta);opacity:.35}.circuit-points{fill:var(--ui-cyan)}.circuit-map ellipse{stroke:var(--ui-violet)}.circuit-map ellipse:first-of-type{stroke:var(--ui-magenta);opacity:.4}.core-halo{width:190px;height:190px;background:radial-gradient(circle,color-mix(in srgb,var(--ui-cyan) 14%,transparent),transparent 68%);border-color:color-mix(in srgb,var(--ui-cyan) 15%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--ui-cyan) 6%,transparent)}
.orbital-ring{position:absolute;width:187px;height:187px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-32deg);border:1px solid color-mix(in srgb,var(--ui-magenta) 60%,transparent);border-radius:50%;box-shadow:0 0 13px color-mix(in srgb,var(--ui-magenta) 12%,transparent),inset 0 0 15px color-mix(in srgb,var(--ui-magenta) 7%,transparent);pointer-events:none}.orbital-ring:before{content:"";position:absolute;inset:-11px;border:1px dashed color-mix(in srgb,var(--ui-cyan) 30%,transparent);border-radius:50%;animation:orbit-spin 40s linear infinite}.orbital-ring:after{content:"";position:absolute;width:5px;height:5px;background:var(--ui-magenta);border-radius:50%;right:20px;top:23px;box-shadow:0 0 12px var(--ui-magenta)}
.compute-core{width:110px;height:118px;border-radius:9px;background:linear-gradient(135deg,var(--ui-surface-4),var(--ui-surface-2));border-color:color-mix(in srgb,var(--ui-cyan) 70%,var(--ui-border));transform:translate(-50%,-50%) rotate(-13deg) skewY(3deg);box-shadow:7px 9px 0 var(--ui-base),8px 10px 0 color-mix(in srgb,var(--ui-magenta) 65%,var(--ui-border)),0 0 40px color-mix(in srgb,var(--ui-cyan) 12%,transparent),0 0 80px color-mix(in srgb,var(--ui-magenta) 5%,transparent)}.compute-core:before{inset:7px;border-color:color-mix(in srgb,var(--ui-cyan) 30%,var(--ui-border));border-radius:5px}.compute-core:after{inset:-10px;border-radius:14px;border-color:color-mix(in srgb,var(--ui-magenta) 45%,transparent)}.compute-core>span{color:var(--ui-cyan);text-shadow:2px 0 color-mix(in srgb,var(--ui-magenta) 60%,transparent),0 0 25px color-mix(in srgb,var(--ui-cyan) 35%,transparent);font-size:43px}.compute-core small{color:var(--ui-text-2);font-size:5px}.compute-core i{background:var(--ui-magenta);box-shadow:0 0 6px var(--ui-magenta)}
.compute-node{border-radius:3px 9px 3px 9px;border-color:var(--ui-border-bright);background:linear-gradient(125deg,var(--ui-surface-3),var(--ui-surface-2));box-shadow:0 8px 22px color-mix(in srgb,var(--ui-shadow) 17%,transparent)}.compute-node b{color:var(--ui-text);font-size:8px}.compute-node small{color:var(--ui-text-2)}.compute-node svg{color:var(--ui-cyan)}.node-engineer svg,.node-exam svg{color:var(--ui-magenta)}.node-engineer,.node-exam{border-color:color-mix(in srgb,var(--ui-magenta) 35%,var(--ui-border))}.scene-coordinate{color:var(--ui-text-3);letter-spacing:1px}.hero-terminal{border-color:var(--ui-border-bright);background:var(--ui-code-bg);border-radius:3px 9px 3px 9px;box-shadow:0 8px 25px color-mix(in srgb,var(--ui-shadow) 13%,transparent)}.terminal-dots{background:var(--ui-surface-2);border-color:var(--ui-border)}.terminal-dots i{background:var(--ui-magenta)}.terminal-dots i:nth-child(2){background:var(--ui-violet)}.terminal-dots i:nth-child(3){background:var(--ui-cyan)}.terminal-dots span,.terminal-dots span:last-child{color:var(--ui-text-3)}.terminal-line{color:var(--ui-text)}.terminal-flag{color:var(--ui-violet)}.terminal-result{color:var(--ui-text-2)}.terminal-prompt,.terminal-result>span:first-child{color:var(--ui-cyan)}.terminal-cursor{background:var(--ui-cyan)}
.overview-stats{background:linear-gradient(110deg,var(--ui-surface-2),var(--ui-surface));border-radius:5px 14px 5px 14px;border-color:var(--ui-border)}.stat-item{border-color:var(--ui-border)}.stat-text b{color:var(--ui-text)}.stat-icon{background:var(--ui-tint-cyan);border-color:color-mix(in srgb,var(--ui-cyan) 22%,var(--ui-border));color:var(--ui-cyan);border-radius:5px}.stat-item:nth-child(even) .stat-icon{color:var(--ui-violet);background:var(--ui-tint-violet);border-color:color-mix(in srgb,var(--ui-violet) 20%,var(--ui-border))}
.path-card,.panel,.subject-card,.support-card,.planner,.roadmap-step,.company-card,.question-card,.strategy-card,.experience-source,.curated-experience,.review-notebook,.prep-flow article{background:linear-gradient(130deg,var(--ui-surface-2),var(--ui-surface));border-color:var(--ui-border)}.path-card{border-radius:5px 13px 5px 13px}.path-card:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-cyan) 30%,transparent),color-mix(in srgb,var(--ui-magenta) 20%,transparent),transparent)}.path-card:hover{border-color:color-mix(in srgb,var(--ui-cyan) 45%,var(--ui-border));box-shadow:0 12px 34px color-mix(in srgb,var(--ui-shadow) 17%,transparent),0 0 20px color-mix(in srgb,var(--ui-cyan) 4%,transparent)}.path-card p,.resource-body p,.resource-desc,.page-header p,.section-heading p,.question-answer,.role-overview p,.experience-source p,.curated-experience p,.company-focus p,.company-focus li{color:var(--ui-text-2)}.tag,.level{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-2)}.tile-icon{border-radius:5px 10px 5px 10px}.tone-green{color:var(--ui-cyan);background:var(--ui-tint-cyan);border-color:color-mix(in srgb,var(--ui-cyan) 25%,var(--ui-border))}.tone-blue{color:var(--ui-blue);background:var(--ui-tint-blue);border-color:color-mix(in srgb,var(--ui-blue) 25%,var(--ui-border))}.tone-purple{color:var(--ui-violet);background:var(--ui-tint-violet);border-color:color-mix(in srgb,var(--ui-violet) 25%,var(--ui-border))}.tone-orange{color:var(--ui-amber);background:var(--ui-tint-amber);border-color:color-mix(in srgb,var(--ui-amber) 25%,var(--ui-border))}
.career-bridge{background:linear-gradient(110deg,var(--ui-tint-cyan),var(--ui-surface-2) 58%,var(--ui-tint-violet));border-color:var(--ui-border-bright);border-radius:4px 14px 4px 14px;box-shadow:inset 3px 0 0 var(--ui-cyan)}.career-bridge h3{color:var(--ui-text)}.career-bridge p{color:var(--ui-text-2)}.career-selector{background:var(--ui-surface);border-color:var(--ui-border)}.role-overview{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ui-magenta) 6%,transparent),transparent 60%),var(--ui-surface-2)}.company-focus{background:linear-gradient(110deg,var(--ui-tint-cyan),var(--ui-surface-2));border-color:var(--ui-border)}.company-monogram{background:var(--ui-surface-3);border-color:var(--ui-border-bright);color:var(--ui-violet)}.company-pill.active,.tab.active{color:var(--ui-cyan);background:var(--ui-tint-cyan);border-color:color-mix(in srgb,var(--ui-cyan) 35%,var(--ui-border))}.company-pill{background:var(--ui-surface-2);color:var(--ui-text-2);border-color:var(--ui-border)}.career-section-tabs a.active{color:var(--ui-magenta);border-color:var(--ui-magenta)}.question-answer{background:var(--ui-surface-2);border-color:var(--ui-border)}.question-pitfall{background:var(--ui-tint-amber);color:var(--ui-amber);border-color:color-mix(in srgb,var(--ui-amber) 22%,var(--ui-border))}
.resource-list{background:var(--ui-surface);border-color:var(--ui-border)}.resource-row{background:transparent;border-color:var(--ui-border)}.resource-row:hover{background:var(--ui-surface-2)}.resource-type,.resource-lang{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-2)}.resource-desc{color:var(--ui-text-2)!important}.resource-practice{color:var(--ui-cyan)!important}.resource-level{color:var(--ui-violet)}.resource-open{color:var(--ui-cyan)}.is-saved{color:var(--ui-cyan)!important;background:var(--ui-tint-cyan)}
input,textarea,select{color-scheme:inherit;accent-color:var(--ui-cyan)}option{color:var(--ui-text);background:var(--ui-surface)}.resource-toolbar select,.form-field input,.form-field select,.form-field textarea,.review-notebook textarea,.practice-tools input,.role-selector select{background:var(--ui-surface);border-color:var(--ui-border-bright);color:var(--ui-text)}input::placeholder,textarea::placeholder{color:var(--ui-text-3)}.exam-banner,.exam-promo{background:linear-gradient(110deg,var(--ui-surface-3),var(--ui-tint-violet));border-color:var(--ui-border)}.exam-banner h2,.exam-promo h3{color:var(--ui-text)}.exam-banner p,.exam-promo p{color:var(--ui-text-2)}.banner-symbol{color:var(--ui-violet)}.notice{background:var(--ui-tint-blue);border-color:var(--ui-border);color:var(--ui-text-2)}.notice svg{color:var(--ui-blue)}.plan-output,.learning-summary{background:var(--ui-tint-cyan);color:var(--ui-text-2);border-color:var(--ui-border)}.plan-output h4{color:var(--ui-cyan)}.empty-state{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text-2)}
dialog,.dialog-body{background:var(--ui-surface);color:var(--ui-text)}dialog{border-color:var(--ui-border-bright);box-shadow:0 25px 120px color-mix(in srgb,var(--ui-shadow) 60%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--ui-base) 80%,transparent)}.dialog-header{background:var(--ui-surface-2);border-color:var(--ui-border)}.stage-item{background:transparent}.stage-check{background:var(--ui-surface-3);border-color:var(--ui-border-bright);color:var(--ui-text-2)}.stage-item.completed{background:var(--ui-tint-cyan);border-color:var(--ui-border)}.stage-check input{accent-color:var(--ui-cyan)}.toast{background:var(--ui-tint-cyan);color:var(--ui-cyan);border-color:var(--ui-cyan);box-shadow:0 10px 40px color-mix(in srgb,var(--ui-shadow) 20%,transparent)}
[data-theme="light"] .hero h2{text-shadow:none}[data-theme="light"] .compute-core>span{text-shadow:2px 0 color-mix(in srgb,var(--ui-magenta) 20%,transparent)}[data-theme="light"] .hero-terminal{box-shadow:0 8px 25px color-mix(in srgb,var(--ui-shadow) 10%,transparent)}[data-theme="light"] .sidebar-overlay{background:color-mix(in srgb,var(--ui-text) 35%,transparent)}[data-theme="light"] .signal-dot{box-shadow:0 0 8px color-mix(in srgb,var(--ui-cyan) 30%,transparent)}
@keyframes orbit-spin{to{rotate:360deg}}
@media(min-width:1650px){.hero{padding:44px;min-height:465px}.hero h2{font-size:51px}.compute-scene{height:290px}.hero-eyebrow{font-size:9px}.hero-edition{font-size:8px}.compute-core{width:119px;height:129px}.compute-core>span{font-size:46px}.orbital-ring{width:208px;height:208px}}
@media(max-width:1200px) and (min-width:761px){.topbar{padding-inline:23px}.top-actions{gap:10px}.top-help{display:none}.top-divider{display:none}.global-search{width:220px}.theme-toggle{gap:6px;padding-inline:8px}.theme-switch-track{display:none}.hero{padding:30px 25px;min-height:395px}.hero h2{font-size:35px;letter-spacing:-1.2px}.hero-eyebrow{font-size:7px;letter-spacing:.8px}.hero-edition{font-size:6px}.compute-scene{height:235px}.compute-core{width:93px;height:103px}.compute-core>span{font-size:36px}.compute-core small{font-size:4px}.orbital-ring{width:160px;height:160px}.compute-node b{font-size:7px}}
@media(max-width:960px) and (min-width:761px){.top-actions{gap:9px}.global-search{width:180px}.theme-label{display:none}.theme-toggle{width:34px;padding:0}.hero{padding:27px 21px}.hero h2{font-size:30px}.hero-edition{display:none}.compute-scene{height:222px}.compute-core{width:79px;height:89px}.compute-core>span{font-size:31px}.compute-core small{font-size:3px}.compute-node b{font-size:6px}.orbital-ring{width:140px;height:140px}.hero-eyebrow{font-size:6px}.compute-topline{font-size:6px;letter-spacing:.7px}}
@media(max-width:760px){.topbar{padding-inline:20px;gap:9px}.top-actions{gap:10px;flex:1;justify-content:flex-end}.global-search{width:auto;max-width:300px;flex:1;min-width:0}.theme-toggle{width:34px;height:34px;padding:0;border-radius:6px}.theme-label,.theme-switch-track{display:none}.theme-toggle svg{width:16px;height:16px}.hero{padding:29px 25px;min-height:390px;border-radius:4px 17px 4px 17px}.hero h2{font-size:31px;letter-spacing:-1.1px}.hero-eyebrow{font-size:7px;letter-spacing:.8px}.hero-edition{font-size:6px}.compute-scene{height:230px}.compute-core{width:90px;height:100px}.compute-core>span{font-size:36px}.compute-core small{font-size:4px}.orbital-ring{width:159px;height:159px}.compute-node b{font-size:6px}.compute-topline{font-size:6px;letter-spacing:.8px}.compute-topline>span:last-child{font-size:6px}.hero:after{right:25px;width:60px;height:3px}}
@media(max-width:560px){.hero{padding:28px 23px 22px;gap:25px}.hero h2{font-size:35px;letter-spacing:-1.1px;line-height:1.4}.hero-eyebrow{font-size:7px;letter-spacing:1px;gap:6px}.hero-edition{font-size:6px;padding:2px 4px}.compute-art{padding-left:0;border-top-color:var(--ui-border)}.compute-topline{font-size:7px;letter-spacing:1px}.compute-scene{height:232px}.compute-core{width:94px;height:104px}.compute-core>span{font-size:38px}.compute-core small{font-size:4px}.compute-node b{font-size:7px}.compute-topline>span:last-child{font-size:6px}.orbital-ring{width:163px;height:163px}.hero-domains span{border-color:var(--ui-border)}.hero-actions .btn{border-radius:4px 8px 4px 8px}.hero:after{right:23px;width:54px}}
@media(max-width:360px){.topbar{padding-inline:15px;gap:8px}.top-actions{gap:6px}.global-search{padding-inline:8px}.global-search input{font-size:10px}.hero{padding:24px 18px 19px}.hero h2{font-size:30px}.hero-eyebrow{font-size:6px;letter-spacing:.5px}.hero-edition{font-size:5px}.compute-core{width:80px;height:90px}.compute-core>span{font-size:32px}.compute-core small{font-size:3px}.compute-node b{font-size:6px}.compute-scene{height:213px}.orbital-ring{width:147px;height:147px}.compute-topline{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.orbital-ring:before{animation:none!important}}

/* Keyboard users get an equally clear theme-control focus state. */
.theme-toggle:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:4px}

/* Public interview titles may be longer than a phone viewport. */
.curated-experience h3 .text-link{display:block;white-space:normal;overflow-wrap:anywhere}
.curated-experience h3 .text-link svg{display:inline-block;vertical-align:middle;margin-left:4px}

/* Homepage: a living knowledge space, using native Canvas and compositor animations. */
.hero{isolation:isolate;perspective:1000px}
.hero-network,.hero-spotlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero-network{opacity:.85}
.hero-spotlight{background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--ui-cyan) 7%,transparent),transparent 72%);mix-blend-mode:screen}
[data-theme="light"] .hero-spotlight{mix-blend-mode:multiply}
.hero>div:first-child,.hero .compute-art{position:relative;z-index:1}
.hero h2 em{background-size:220% 100%;animation:headline-spectrum 9s ease-in-out infinite}
.compute-scene{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out;transform-style:preserve-3d}
.core-scan{position:absolute;left:16%;right:16%;top:20%;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,var(--ui-cyan),transparent);box-shadow:0 0 14px color-mix(in srgb,var(--ui-cyan) 45%,transparent);animation:core-scan-pass 7s ease-in-out infinite;opacity:0}
.core-halo{animation:knowledge-breathe 6s ease-in-out infinite}
.hero-motion-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:22px;font:7px var(--mono);letter-spacing:1px;color:var(--ui-text-3)}
.hero-motion-controls>span{display:inline-flex;align-items:center;gap:7px}
.hero-motion-controls i{height:4px;width:4px;border-radius:50%;background:var(--ui-cyan);box-shadow:0 0 8px color-mix(in srgb,var(--ui-cyan) 65%,transparent)}
#motion-toggle{border:1px solid var(--ui-border);color:var(--ui-text-2);background:color-mix(in srgb,var(--ui-surface) 60%,transparent);border-radius:4px;padding:6px 9px;display:inline-flex;align-items:center;gap:9px;font:10px "Microsoft YaHei",sans-serif;letter-spacing:0;cursor:pointer;transition:border-color .2s,color .2s}
#motion-toggle:hover{border-color:var(--ui-cyan);color:var(--ui-cyan)}
#motion-toggle:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:4px}
#motion-toggle:disabled{cursor:default;opacity:.75}
.hero.motion-stopped *,.hero.motion-stopped *:before,.hero.motion-stopped *:after{animation-play-state:paused!important}
.hero.motion-stopped .hero-spotlight{opacity:0}
.hero-terminal .terminal-line{min-height:25px;overflow:hidden;text-overflow:ellipsis}
body[data-page="home"] .path-card{position:relative;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
body[data-page="home"] .path-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--ui-cyan) 7%,transparent) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s ease}
@media(hover:hover) and (pointer:fine){body[data-page="home"] .path-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ui-cyan) 55%,var(--ui-border));box-shadow:0 16px 34px color-mix(in srgb,var(--ui-shadow) 18%,transparent)}body[data-page="home"] .path-card:hover:after{transform:translateX(120%)}}
@keyframes headline-spectrum{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes knowledge-breathe{0%,100%{opacity:.45;scale:.93}50%{opacity:1;scale:1.08}}
@keyframes core-scan-pass{0%,12%,88%,100%{transform:translateY(0);opacity:0}24%{opacity:.5}70%{transform:translateY(160px);opacity:.35}82%{transform:translateY(175px);opacity:0}}
@media(max-width:960px){.hero-motion-controls{letter-spacing:.5px;font-size:6px;gap:8px;margin-top:16px}.hero-motion-controls>span{gap:5px}#motion-toggle{font-size:9px;padding:6px 7px}.hero-network{opacity:.65}}
@media(max-width:560px){.hero-motion-controls{justify-content:space-between;font-size:6px;letter-spacing:.65px}.hero-network{opacity:.7}.hero-motion-controls{margin-top:18px}.hero h2 em{background-size:220% 100%}}
@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation:none!important;transition:none!important}.hero .compute-scene{transform:none}body[data-page="home"] .path-card,body[data-page="home"] .path-card:after{transition:none!important}body[data-page="home"] .path-card:hover{transform:none}.hero-spotlight{display:none}}

/* Immersive energy system: layered orbits, aurora and a holographic core. */
.hero-aurora,.hero-light-sweep{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}
.hero-aurora i{position:absolute;width:85%;height:160%;right:-18%;top:-35%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ui-cyan) 19%,transparent),transparent 65%);animation:aurora-drift 13s ease-in-out infinite alternate;will-change:transform}
.hero-aurora i+i{right:-30%;top:-50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ui-magenta) 20%,transparent),transparent 62%);animation-duration:17s;animation-delay:-8s;animation-direction:alternate-reverse}
.hero-light-sweep{background:linear-gradient(115deg,transparent 43%,color-mix(in srgb,var(--ui-cyan) 5%,transparent) 49%,color-mix(in srgb,var(--ui-cyan) 10%,transparent) 50%,transparent 56%);background-size:250% 100%;animation:light-sweep 9s ease-in-out infinite}
.hero-network{opacity:1}
.hero-spotlight{background:radial-gradient(320px circle at var(--pointer-x,75%) var(--pointer-y,50%),color-mix(in srgb,var(--ui-cyan) 14%,transparent),transparent 74%)}
.hero h2 em{animation-duration:4.5s;text-shadow:0 0 35px color-mix(in srgb,var(--ui-cyan) 10%,transparent)}
.hero .circuit-wire{animation-duration:4s;opacity:.6}.hero .secondary-wire{animation-duration:6s;opacity:.35}
.hero .compute-node{animation-name:node-hover-flight;animation-duration:5s;z-index:4;box-shadow:0 8px 24px color-mix(in srgb,var(--ui-shadow) 20%,transparent),inset 0 1px color-mix(in srgb,var(--ui-cyan) 13%,transparent)}
.hero .compute-core{z-index:3;animation:core-levitate 6s ease-in-out infinite;box-shadow:9px 11px 0 var(--ui-blue),10px 12px 0 var(--ui-cyan),0 0 32px color-mix(in srgb,var(--ui-cyan) 24%,transparent),0 0 85px color-mix(in srgb,var(--ui-magenta) 14%,transparent)}
.hero .compute-core>span{color:var(--ui-cyan);text-shadow:2px 0 color-mix(in srgb,var(--ui-magenta) 60%,transparent),0 0 22px color-mix(in srgb,var(--ui-cyan) 40%,transparent)}
.hero .compute-core:after{animation:chip-trace 4s ease-in-out infinite}
.hero .core-halo{width:210px;height:210px;background:radial-gradient(circle,color-mix(in srgb,var(--ui-cyan) 23%,transparent),transparent 68%);animation-duration:3.5s}
.energy-well{position:absolute;left:50%;top:50%;width:min(85%,330px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,transparent 25%,color-mix(in srgb,var(--ui-cyan) 7%,transparent) 43%,transparent 66%);pointer-events:none}
.energy-orbit{position:absolute;left:50%;top:50%;width:min(78%,295px);aspect-ratio:1;pointer-events:none;z-index:1;transform:translate(-50%,-50%) rotateX(58deg) rotate(-27deg);transform-style:preserve-3d}
.energy-orbit>span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--ui-cyan) 50%,transparent);border-radius:50%;animation:energy-revolve 8s linear infinite;box-shadow:0 0 15px color-mix(in srgb,var(--ui-cyan) 10%,transparent),inset 0 0 14px color-mix(in srgb,var(--ui-cyan) 7%,transparent)}
.energy-orbit>span:before{content:'';position:absolute;inset:5px;border:1px dashed color-mix(in srgb,var(--ui-cyan) 23%,transparent);border-radius:50%}
.energy-orbit i{position:absolute;left:50%;top:-3px;width:6px;height:6px;background:var(--ui-cyan);border-radius:50%;box-shadow:0 0 7px var(--ui-cyan),0 0 18px color-mix(in srgb,var(--ui-cyan) 65%,transparent)}
.energy-orbit i+i{left:50%;top:auto;bottom:-2px;width:4px;height:4px}
.energy-orbit.orbit-two{width:min(70%,265px);transform:translate(-50%,-50%) rotateY(55deg) rotate(30deg)}
.orbit-two>span{border-color:color-mix(in srgb,var(--ui-magenta) 58%,transparent);animation-duration:11s;animation-direction:reverse}
.orbit-two>span:before{border-color:color-mix(in srgb,var(--ui-magenta) 22%,transparent)}
.orbit-two i{background:var(--ui-magenta);box-shadow:0 0 8px var(--ui-magenta),0 0 20px color-mix(in srgb,var(--ui-magenta) 60%,transparent)}
.energy-orbit.orbit-three{width:min(60%,225px);transform:translate(-50%,-50%) rotateX(-36deg) rotateY(-28deg) rotate(22deg)}
.orbit-three>span{animation-duration:15s;border-style:dashed;border-color:color-mix(in srgb,var(--ui-cyan) 26%,transparent)}
.orbit-three>span:before{display:none}.orbit-three i{width:4px;height:4px}
.hero .core-scan{animation-duration:4s;box-shadow:0 0 15px color-mix(in srgb,var(--ui-cyan) 65%,transparent)}
.hero .orbital-ring{opacity:.4}
.hero .scene-coordinate{z-index:4}
.hero .hero-terminal{position:relative;z-index:5;box-shadow:0 10px 30px color-mix(in srgb,var(--ui-shadow) 20%,transparent),0 0 20px color-mix(in srgb,var(--ui-cyan) 5%,transparent)}
.hero .btn-primary{position:relative;overflow:hidden;box-shadow:0 0 25px color-mix(in srgb,var(--ui-cyan) 15%,transparent)}
.hero .btn-primary:after{content:'';position:absolute;inset:-60% -100%;background:linear-gradient(110deg,transparent 40%,color-mix(in srgb,var(--ui-base) 40%,transparent) 50%,transparent 60%);animation:button-energy 6s ease-in-out infinite;pointer-events:none}
[data-theme="light"] .hero-aurora{opacity:.65}[data-theme="light"] .hero-network{opacity:.85}[data-theme="light"] .energy-orbit i{box-shadow:0 0 8px color-mix(in srgb,var(--ui-cyan) 40%,transparent)}
@keyframes aurora-drift{0%{transform:translate3d(-8%,-6%,0) rotate(-12deg) scale(.9)}100%{transform:translate3d(8%,8%,0) rotate(22deg) scale(1.15)}}
@keyframes light-sweep{0%,15%{background-position:150% 0}65%,100%{background-position:-50% 0}}
@keyframes energy-revolve{to{transform:rotate(360deg)}}
@keyframes core-levitate{0%,100%{transform:translate(-50%,-50%) rotate(-10deg) rotateY(-8deg)}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(-4deg) rotateY(12deg)}}
@keyframes chip-trace{0%,100%{border-color:color-mix(in srgb,var(--ui-cyan) 35%,transparent)}50%{border-color:color-mix(in srgb,var(--ui-magenta) 70%,transparent)}}
@keyframes node-hover-flight{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes button-energy{0%,35%{transform:translateX(-35%)}70%,100%{transform:translateX(35%)}}
@media(max-width:960px){.hero-network{opacity:.85}.hero .core-halo{width:165px;height:165px}}
@media(max-width:560px){.hero-aurora i{width:150%;height:100%;top:25%;right:-40%}.hero .energy-orbit{width:78%}.hero .orbit-two{width:70%}.hero .orbit-three{width:60%}.hero-network{opacity:.82}.hero .core-halo{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.hero .energy-orbit>span,.hero .compute-core,.hero .compute-core:after,.hero .compute-node,.hero .hero-aurora i,.hero .hero-light-sweep,.hero .btn-primary:after{animation:none!important}.hero .compute-core{transform:translate(-50%,-50%) rotate(-10deg)}.hero-light-sweep,.hero .btn-primary:after{display:none}}

.hero .compute-scene{transform-style:flat}
/* Shared liquid interface: decorative layers never change document geometry. */
:root{--fluid-ease:cubic-bezier(.16,.82,.24,1)}
.shell{position:relative;isolation:isolate}
#fluid-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.95}
.shell>.topbar,.shell>main,.shell>footer{position:relative;z-index:1}
#content{min-height:calc(100vh - 160px)}
#content.fluid-enter:after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 28%,color-mix(in srgb,var(--ui-cyan) 13%,transparent) 46%,color-mix(in srgb,var(--ui-magenta) 9%,transparent) 53%,transparent 72%);animation:fluid-page-wash .9s var(--fluid-ease) both}
.fluid-surface{position:relative;isolation:isolate;transition:transform .55s var(--fluid-ease),border-color .45s ease,box-shadow .55s ease,border-radius .7s var(--fluid-ease)}
.fluid-surface-light{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.fluid-surface-light:before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ui-cyan) 18%,transparent),transparent 62%),radial-gradient(ellipse at 70% 35%,color-mix(in srgb,var(--ui-magenta) 9%,transparent),transparent 55%);border-radius:42% 58% 62% 38% / 48% 42% 58% 52%;transform:translate(-8%,0) rotate(-18deg);opacity:.48}
.fluid-surface-light:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(210px circle at var(--surface-x,70%) var(--surface-y,25%),color-mix(in srgb,var(--ui-cyan) 15%,transparent),transparent 75%),linear-gradient(115deg,transparent 25%,color-mix(in srgb,var(--ui-cyan) 8%,transparent) 48%,transparent 72%);transition:opacity .7s ease}
.fluid-in-view>.fluid-surface-light:before{animation:fluid-membrane 13s ease-in-out infinite alternate}
.fluid-active>.fluid-surface-light:after,.fluid-surface:focus-within>.fluid-surface-light:after{opacity:1}
.fluid-active>.fluid-surface-light:before{opacity:.6;animation-duration:7s}
.fluid-in-view.question-card,.fluid-in-view.company-card,.fluid-in-view.strategy-card,.fluid-in-view.curated-experience,.fluid-in-view.review-notebook{box-shadow:0 10px 34px color-mix(in srgb,var(--ui-shadow) 13%,transparent),inset 0 1px color-mix(in srgb,var(--ui-cyan) 7%,transparent)}
.fluid-interactive{position:relative}
.fluid-droplet{position:absolute;pointer-events:none;z-index:5;border-radius:50%;background:radial-gradient(circle,transparent 28%,color-mix(in srgb,var(--ui-cyan) 19%,transparent) 47%,color-mix(in srgb,var(--ui-cyan) 55%,transparent) 49%,color-mix(in srgb,var(--ui-magenta) 14%,transparent) 51%,transparent 66%);clip-path:inset(0);contain:paint}
.fluid-surface>.fluid-droplet{max-width:110%;max-height:110%}
.btn.fluid-interactive,.icon-button.fluid-interactive,.nav-item.fluid-interactive,.tab.fluid-interactive,summary.fluid-interactive{overflow:hidden}
.btn,.tab,.company-pill,.career-section-tabs a,.icon-button,.guide-option,.nav-item{transition:background .35s ease,border-color .35s ease,color .35s ease,box-shadow .4s ease,translate .4s var(--fluid-ease),scale .4s var(--fluid-ease)}
.btn:active,.tab:active,.company-pill:active,.icon-button:active{scale:.97}
.nav-item:hover,.nav-item:focus-visible{box-shadow:inset 0 0 28px color-mix(in srgb,var(--ui-cyan) 7%,transparent)}
.tab.active,.company-pill.active,.career-section-tabs a.active{box-shadow:0 0 22px color-mix(in srgb,var(--ui-cyan) 7%,transparent)}
.field-control,.form-field input,.form-field select,.form-field textarea,.global-search{transition:box-shadow .4s ease,border-color .35s ease,background .4s ease}
.field-control:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.global-search:focus-within{border-color:var(--ui-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-cyan) 10%,transparent),0 0 28px color-mix(in srgb,var(--ui-cyan) 6%,transparent)}
.small-progress>span,.progress-track>span{transition:width .8s var(--fluid-ease)}
#detail-dialog[open]{animation:fluid-dialog-in .5s var(--fluid-ease) both}
#detail-dialog::backdrop{background:color-mix(in srgb,var(--ui-base) 66%,transparent);backdrop-filter:blur(9px);animation:fluid-backdrop .3s ease both}
.fluid-motion-toggle{position:relative;flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface-3);color:var(--ui-text-2);cursor:pointer;transition:border-color .3s,color .3s,box-shadow .3s}
.fluid-motion-toggle>svg{width:18px;height:18px}
.fluid-motion-toggle:hover{border-color:var(--ui-cyan);color:var(--ui-cyan);box-shadow:0 0 20px color-mix(in srgb,var(--ui-cyan) 10%,transparent)}
.fluid-motion-toggle:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:3px}
.fluid-control-dot{position:absolute;right:4px;bottom:4px;width:3px;height:3px;border-radius:50%;background:var(--ui-cyan);box-shadow:0 0 6px var(--ui-cyan)}
.fluid-motion-toggle[aria-pressed="true"] .fluid-control-dot,.fluid-motion-toggle:disabled .fluid-control-dot{background:var(--ui-text-3);box-shadow:none}
.fluid-motion-toggle:disabled{opacity:.6;cursor:default}
@media(hover:hover) and (pointer:fine){
 .fluid-surface:is(.path-card,.support-card,.subject-card,.company-card,.strategy-card,.roadmap-step):hover{transform:translateY(-4px);border-radius:14px 23px 15px 20px;border-color:color-mix(in srgb,var(--ui-cyan) 48%,var(--ui-border));box-shadow:0 18px 42px color-mix(in srgb,var(--ui-shadow) 20%,transparent),0 0 22px color-mix(in srgb,var(--ui-cyan) 5%,transparent)}
 .fluid-surface:is(.resource-row,.question-card,.panel,.planner,.review-notebook):hover{border-color:color-mix(in srgb,var(--ui-cyan) 40%,var(--ui-border))}
 .btn:hover,.guide-option:hover{translate:0 -2px}
}
@keyframes fluid-membrane{0%{transform:translate(-8%,-3%) rotate(-18deg) scale(.9);border-radius:42% 58% 62% 38% / 48% 42% 58% 52%}100%{transform:translate(12%,8%) rotate(20deg) scale(1.12);border-radius:62% 38% 43% 57% / 38% 58% 42% 62%}}
@keyframes fluid-page-wash{0%{opacity:0;translate:-35% 0}22%{opacity:.9}100%{opacity:0;translate:35% 0}}
@keyframes fluid-dialog-in{0%{opacity:.4;translate:0 18px;scale:.975;filter:blur(3px)}100%{opacity:1;translate:0 0;scale:1;filter:none}}
@keyframes fluid-backdrop{from{opacity:0}to{opacity:1}}
@supports(interpolate-size:allow-keywords){
 .question-card details{interpolate-size:allow-keywords}
 .question-card details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .45s var(--fluid-ease),opacity .3s,content-visibility .45s allow-discrete}
 .question-card details[open]::details-content{block-size:auto;opacity:1}
}
[data-theme="light"] .fluid-surface-light:before{opacity:.3}
[data-theme="light"] #fluid-atmosphere{opacity:.8}
html[data-fluid-state="paused"] *,html[data-fluid-state="paused"] *:before,html[data-fluid-state="paused"] *:after,html[data-fluid-state="idle"] *,html[data-fluid-state="idle"] *:before,html[data-fluid-state="idle"] *:after{animation-play-state:paused!important}
html[data-fluid-state="paused"] .fluid-surface,html[data-fluid-state="reduced"] .fluid-surface{transform:none!important;transition:none}
html[data-fluid-state="paused"] .fluid-surface-light:after{opacity:0}
html[data-fluid-state="paused"] #content.fluid-enter:after,html[data-fluid-state="idle"] #content.fluid-enter:after{display:none}
@media(max-width:760px){
 .top-actions{gap:8px}.fluid-motion-toggle{width:32px;height:34px}
 .fluid-in-view>.fluid-surface-light:before{animation-duration:18s;opacity:.25}
 .fluid-surface-light:after{background:radial-gradient(170px circle at var(--surface-x,70%) var(--surface-y,25%),color-mix(in srgb,var(--ui-cyan) 12%,transparent),transparent 75%)}
}
@media(max-width:360px){.top-actions{gap:5px}.fluid-motion-toggle{width:29px}}
@media(prefers-reduced-motion:reduce){
 #fluid-atmosphere{display:none}#content.fluid-enter:after{display:none}
 .fluid-surface,.fluid-surface:before,.fluid-surface:after,.fluid-surface-light:before,.fluid-surface-light:after,#detail-dialog[open],#detail-dialog::backdrop{animation:none!important;transition:none!important}
 .fluid-surface:hover,.btn:hover,.guide-option:hover{transform:none!important;translate:none!important}
 .fluid-surface-light:after,.fluid-droplet{display:none}.fluid-surface-light:before{opacity:.15}
 .question-card details::details-content{transition:none!important}
}

.fluid-droplet-clip{position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;overflow:hidden;contain:paint}

/* Calm interaction feedback: keep the liquid atmosphere, remove stacked click flashes. */
.fluid-surface-light:before{opacity:.18}
.fluid-active>.fluid-surface-light:after,.fluid-surface:focus-within>.fluid-surface-light:after{opacity:.34;transition:opacity .28s ease}
.fluid-active>.fluid-surface-light:before{opacity:.24;animation-duration:13s}
.fluid-droplet{opacity:.5}
#content.fluid-enter:after{animation-duration:.62s}
@keyframes fluid-page-wash{0%{opacity:0;translate:-24% 0}22%{opacity:.34}100%{opacity:0;translate:24% 0}}
@keyframes fluid-dialog-in{0%{opacity:.78;translate:0 10px;scale:.99;filter:blur(1px)}100%{opacity:1;translate:0 0;scale:1;filter:none}}
.curriculum-block{margin-top:28px;padding-top:25px;border-top:1px solid var(--ui-border);position:relative}
.curriculum-heading{padding:18px 20px;border:1px solid color-mix(in srgb,var(--ui-cyan) 20%,var(--ui-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-cyan) 7%,transparent),color-mix(in srgb,var(--ui-magenta) 4%,transparent));}
.curriculum-heading h3{margin:8px 0 9px;font-size:22px}
.curriculum-heading p{margin:0;color:var(--ui-text-2);line-height:1.85}
.theory-grid,.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.theory-card,.practice-card{padding:18px;border:1px solid var(--ui-border);border-radius:16px;background:color-mix(in srgb,var(--ui-surface-2) 90%,transparent);overflow:hidden}
.theory-card h4,.practice-card h4{margin:0 0 9px;font-size:16px;color:var(--ui-text)}
.theory-card p,.practice-card li,.practice-output{margin:0;color:var(--ui-text-2);line-height:1.8;font-size:14px}
.curriculum-index{display:block;color:var(--ui-cyan);font:600 11px/1 ui-monospace,monospace;letter-spacing:.12em;margin-bottom:12px}
.practice-card ol{margin:0 0 12px;padding-left:20px}.practice-card li+li{margin-top:6px}
.practice-output{padding-top:11px;border-top:1px dashed var(--ui-border);color:var(--ui-text-3)}
.practice-output strong,.project-brief strong,.pitfall-note strong{color:var(--ui-cyan)}
.project-brief,.pitfall-note{margin-top:14px;padding:15px 17px;border-radius:14px;line-height:1.8;font-size:14px}
.project-brief{border:1px solid color-mix(in srgb,var(--ui-cyan) 22%,var(--ui-border));background:color-mix(in srgb,var(--ui-cyan) 6%,transparent)}
.pitfall-note{border:1px solid color-mix(in srgb,var(--ui-orange) 22%,var(--ui-border));background:color-mix(in srgb,var(--ui-orange) 5%,transparent)}
@media(max-width:680px){.theory-grid,.practice-grid{grid-template-columns:1fr}.curriculum-heading{padding:16px}.theory-card,.practice-card{padding:15px}}

/* Project lab: shared theme tokens and stable cards during filtering. */
.project-page{color:var(--ui-text)}
.project-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:center;padding:30px;border:1px solid var(--ui-border);border-radius:18px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ui-violet) 11%,transparent),transparent 65%),linear-gradient(135deg,var(--ui-surface-2),var(--ui-surface));margin-bottom:24px;overflow:hidden}
.project-hero h1{font-size:clamp(25px,2.3vw,36px);line-height:1.4;letter-spacing:-.8px;margin:13px 0}
.project-hero p{max-width:570px;color:var(--ui-text-2);line-height:1.9;font-size:13px}
.project-hero-stats{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:22px;color:var(--ui-text-3);font-size:11px}
.project-hero-stats span{display:flex;flex-direction:column;gap:4px}
.project-hero-stats b{color:var(--ui-cyan);font-size:17px;font-weight:600}
.project-terminal{min-width:0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--ui-cyan) 23%,var(--ui-border));border-radius:12px;background:var(--ui-code-bg);box-shadow:0 14px 35px color-mix(in srgb,var(--ui-shadow) 8%,transparent);font:11px/1.8 ui-monospace,Consolas,monospace;transform:rotate(-2deg)}
.project-terminal>div{display:flex;gap:5px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--ui-border);margin-bottom:12px;color:var(--ui-text-3);font-size:9px}
.project-terminal i{width:6px;height:6px;border-radius:50%;background:var(--ui-cyan);opacity:.6}
.project-terminal i:nth-child(2){background:var(--ui-violet)}.project-terminal i:nth-child(3){background:var(--ui-amber)}
.project-terminal>div>span{margin-left:auto}
.project-terminal p{font:inherit;margin:3px 0;color:var(--ui-text-2);white-space:nowrap}
.project-terminal em{color:var(--ui-violet);font-style:normal}.project-terminal b{color:var(--ui-cyan);font-weight:400}.project-caret{color:var(--ui-cyan)}
.project-filters{padding:22px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);margin-bottom:26px}
#project-filter-form{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(145px,1fr) minmax(110px,.75fr) auto;gap:14px;align-items:end}
#project-filter-form label{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--ui-text-2);font-size:12px;font-weight:500}
#project-filter-form input,#project-filter-form select{width:100%;height:42px;min-width:0;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-2);color:var(--ui-text);font-size:12px;padding:0 11px;outline-offset:3px}
#project-filter-form input::placeholder{color:var(--ui-text-3)}
#project-filter-form select{cursor:pointer;color-scheme:normal}
html[data-theme="dark"] #project-filter-form select{color-scheme:dark}
.project-search-field>div{position:relative}.project-search-field svg{position:absolute;left:12px;top:13px;width:16px;height:16px;color:var(--ui-text-3);pointer-events:none}
#project-filter-form .project-search-field input{padding-left:36px}
.project-reset{height:42px;white-space:nowrap}
.project-reset:disabled{opacity:.45;cursor:default}
.project-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border)}
.project-shortcuts>span{color:var(--ui-text-3);font-size:11px;margin-right:6px}
.project-shortcuts .tab{font-size:11px;padding:6px 10px}
.project-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.project-list-heading h2{margin:0;font-size:18px;white-space:nowrap}
.project-list-heading h2>span{margin-left:12px;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--ui-text-3)}
#project-result-count{margin:0;color:var(--ui-text-3);font-size:11px;text-align:right;overflow-wrap:anywhere}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:22px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-text);text-decoration:none;overflow-wrap:anywhere;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.project-card[hidden],#project-empty[hidden]{display:none}
.project-card:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:4px}
.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.project-level{color:var(--ui-text-3);font-size:10px;letter-spacing:.5px}
.project-roles{display:flex;flex-wrap:wrap;gap:5px 8px;min-height:19px;margin-bottom:8px}
.project-roles>span{font-size:10px;color:var(--ui-cyan)}
.project-card h3{font-size:17px;line-height:1.55;margin:0 0 10px;font-weight:650;letter-spacing:-.3px}
.project-description{margin:0 0 14px;font-size:12px;line-height:1.9;color:var(--ui-text-2)}
.project-tags{margin-bottom:16px}.project-tags .tag{font-size:9px}
.project-practice{padding:14px;border-radius:9px;background:var(--ui-surface-2);border:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent);margin-bottom:18px}
.project-practice>span,.project-practice>strong{display:block;color:var(--ui-cyan);font-size:10px;font-weight:600;letter-spacing:.5px}
.project-practice>p{margin:5px 0 12px;color:var(--ui-text-2);font-size:11px;line-height:1.85}
.project-practice>p:last-child{margin-bottom:0}
.project-location{display:flex;gap:7px;align-items:center;margin-top:auto;padding-top:3px;font-size:11px;color:var(--ui-text-2)}
.project-location>svg{width:14px;height:14px;flex-shrink:0;color:var(--ui-text-3)}
.project-location small{font-size:9px;color:var(--ui-text-3);margin-left:7px}
.project-repository{font:9px/1.6 ui-monospace,Consolas,monospace;color:var(--ui-text-3);padding:10px 0 14px;overflow-wrap:anywhere}
.project-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--ui-border);font-size:11px}
.project-card-footer>span{font:8px ui-monospace,Consolas,monospace;letter-spacing:.6px;color:var(--ui-text-3)}
.project-card-footer strong{display:flex;align-items:center;gap:6px;color:var(--ui-cyan);font-weight:500;white-space:nowrap}
.project-card-footer svg{width:13px;height:13px}
.project-region-note{display:flex;gap:9px;align-items:flex-start;padding:17px 0;color:var(--ui-text-3);font-size:11px;line-height:1.85;margin:18px 0 0}
.project-region-note>svg{width:16px;height:16px;margin-top:3px;flex-shrink:0}
.project-bridge{margin-bottom:18px}.project-bridge h3{color:var(--ui-text)}
@media(hover:hover) and (pointer:fine){.project-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ui-cyan) 50%,var(--ui-border));box-shadow:0 14px 34px color-mix(in srgb,var(--ui-shadow) 13%,transparent)}}
@media(max-width:1280px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-hero{gap:22px;padding:25px;grid-template-columns:minmax(0,1fr) 250px}.project-list-heading h2>span{display:none}}
@media(max-width:1080px){.project-hero{grid-template-columns:minmax(0,1fr)}.project-terminal{display:none}#project-filter-form{grid-template-columns:minmax(160px,1.4fr) minmax(130px,1fr) minmax(100px,.8fr)}.project-reset{grid-column:1/-1;justify-self:start;height:34px}.project-list-heading{align-items:flex-start}.project-filters{padding:18px}}
@media(max-width:680px){.project-grid{grid-template-columns:minmax(0,1fr);gap:14px}.project-hero{padding:23px 20px}.project-hero h1{font-size:26px}.project-hero-stats{gap:12px 20px}.project-hero-stats b{font-size:16px}#project-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.project-search-field{grid-column:1/-1}.project-list-heading{flex-direction:column;gap:6px}#project-result-count{text-align:left;line-height:1.8}.project-card{padding:20px}.project-description{font-size:13px}.project-practice>p{font-size:12px}.project-shortcuts{gap:5px}.project-shortcuts>span{width:100%;margin-bottom:3px}.project-region-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card:hover{transition:none;transform:none}}

/* Personal workspace: native navigation and a dashboard backed by local records. */
.local-profile{flex-shrink:0;border-radius:12px;transition:background .2s,color .2s}
.local-profile:hover,.local-profile.active{background:color-mix(in srgb,var(--ui-cyan) 8%,var(--ui-surface));color:var(--ui-cyan)}
.local-profile .avatar{flex-shrink:0}.profile-arrow{display:flex;color:var(--ui-text-3)}.profile-arrow svg{width:14px;height:14px}
.workspace-page{color:var(--ui-text)}
.workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:30px;padding:30px;border:1px solid var(--ui-border);border-radius:18px;margin-bottom:22px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ui-violet) 12%,transparent),transparent 65%),linear-gradient(135deg,var(--ui-surface-2),var(--ui-surface))}
.workspace-hero h1{font-size:clamp(27px,2.5vw,36px);letter-spacing:-.8px;margin:10px 0 12px;line-height:1.4}
.workspace-hero p{max-width:650px;font-size:14px;line-height:1.9;color:var(--ui-text-2)}
.workspace-status{display:flex;align-items:center;gap:7px;color:var(--ui-cyan);font-size:11px;margin-top:19px}.workspace-status svg{width:15px;height:15px}
.workspace-orbit{display:grid;justify-items:center;gap:16px;color:var(--ui-cyan)}
.workspace-orbit>span{display:grid;place-items:center;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--ui-cyan) 36%,var(--ui-border));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-cyan) 10%,transparent),color-mix(in srgb,var(--ui-violet) 9%,transparent));box-shadow:0 0 35px color-mix(in srgb,var(--ui-cyan) 8%,transparent),inset 0 0 24px color-mix(in srgb,var(--ui-cyan) 5%,transparent);transform:rotate(-8deg)}
.workspace-orbit svg{width:47px;height:47px;transform:rotate(8deg)}.workspace-orbit small{font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:var(--ui-text-3)}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.workspace-metric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-2)}
.workspace-metric-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:12px;color:var(--ui-text-2)}.workspace-metric-label svg{width:16px;height:16px;color:var(--ui-text-3)}
.workspace-metric strong{font:500 32px/1.4 ui-monospace,monospace;color:var(--ui-cyan)}.workspace-metric small{font-size:10px;color:var(--ui-text-3)}
.workspace-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:20px;align-items:stretch;margin-bottom:22px}
.workspace-next{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--ui-cyan) 6%,var(--ui-surface-2)),var(--ui-surface-2))}
.workspace-next>div{min-width:0}.workspace-next h2{font-size:20px;margin:8px 0 12px}.workspace-next h3{font-size:15px;margin-bottom:7px}.workspace-next h3 span{display:inline-block;margin-left:10px;color:var(--ui-text-3);font-size:11px;font-weight:400}
.workspace-next p{font-size:12px;line-height:1.9;color:var(--ui-text-2);max-width:760px}.workspace-next>.btn{flex-shrink:0}
.workspace-primary-grid .workspace-next{margin-bottom:0;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px}.workspace-primary-grid .workspace-next>.btn{width:100%;justify-content:center}
.workspace-next-links{display:grid;margin-top:25px;border-top:1px solid var(--ui-border)}.workspace-next-links a{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--ui-border);color:var(--ui-text)}.workspace-next-links a>span{font:10px/1 ui-monospace,monospace;color:var(--ui-cyan)}.workspace-next-links a>div{display:grid;gap:4px;min-width:0}.workspace-next-links strong{font-size:11px}.workspace-next-links small{color:var(--ui-text-3);font-size:9px;overflow-wrap:anywhere}.workspace-next-links svg{width:14px;height:14px;color:var(--ui-text-3)}.workspace-next-links a:hover strong,.workspace-next-links a:hover svg{color:var(--ui-cyan)}
.workspace-profile{padding:24px;min-width:0}.workspace-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:21px}.workspace-profile-head h2{font-size:20px;margin:8px 0 7px}.workspace-profile-head p{max-width:590px;color:var(--ui-text-2);font-size:11px;line-height:1.8}.workspace-profile-state{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid var(--ui-border);padding:7px 9px;color:var(--ui-text-3);font-size:10px}.workspace-profile-state.saved{border-color:color-mix(in srgb,var(--ui-cyan) 35%,var(--ui-border));color:var(--ui-cyan);background:color-mix(in srgb,var(--ui-cyan) 5%,transparent)}.workspace-profile-state svg{width:13px;height:13px}
.workspace-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.workspace-profile-field{display:flex;flex-direction:column;gap:7px;min-width:0}.workspace-profile-field.wide{grid-column:1/-1}.workspace-profile-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ui-text-2);font-size:11px}.workspace-profile-field>span>small{color:var(--ui-text-3);font-size:9px}.workspace-profile-field input,.workspace-profile-field select,.workspace-profile-field textarea{width:100%;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text);font:12px/1.6 inherit;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.workspace-profile-field input,.workspace-profile-field select{height:42px;padding:0 11px}.workspace-profile-field textarea{min-height:96px;padding:10px 11px;resize:vertical}.workspace-profile-field input:focus,.workspace-profile-field select:focus,.workspace-profile-field textarea:focus{border-color:var(--ui-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-cyan) 9%,transparent)}.workspace-profile-field .invalid{border-color:var(--ui-danger,#ef6f7f);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-danger,#ef6f7f) 12%,transparent)}
.workspace-field-error{min-height:14px;color:var(--ui-danger,#ef6f7f);font-size:9px;line-height:1.5}.workspace-field-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workspace-field-meta>[data-profile-count]{color:var(--ui-text-3);font-size:9px;white-space:nowrap}.workspace-field-meta .workspace-field-error{text-align:right}.workspace-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--ui-border);padding-top:18px;margin-top:7px}.workspace-profile-actions p{font-size:10px;color:var(--ui-text-3);line-height:1.7}.workspace-profile-actions .btn{flex-shrink:0}.workspace-profile-feedback{min-height:16px;margin-top:8px;color:var(--ui-danger,#ef6f7f);font-size:10px;text-align:right}
.workspace-profile-loading{display:flex;align-items:center;gap:14px;min-height:225px;color:var(--ui-cyan)}.workspace-profile-loading>svg{width:25px;height:25px;flex-shrink:0}.workspace-profile-loading>div{display:grid;gap:6px}.workspace-profile-loading strong{font-size:14px;color:var(--ui-text)}.workspace-profile-loading span{font-size:11px;color:var(--ui-text-3)}.workspace-profile-load-error{flex-wrap:wrap}.workspace-profile-load-error .btn{margin-left:auto}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;margin-bottom:22px}.workspace-section{min-width:0}
.workspace-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.workspace-section-head h2{font-size:18px;letter-spacing:-.3px}.workspace-section-head>a{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ui-cyan);flex-shrink:0}.workspace-section-head svg{width:16px;height:16px}.workspace-section-head>svg{color:var(--ui-cyan)}
.workspace-summary{font-size:11px;line-height:1.8;color:var(--ui-text-3);margin-bottom:12px}
.workspace-route-list{display:grid;gap:8px}.workspace-route{display:flex;align-items:center;text-align:left;width:100%;gap:12px;padding:13px 8px;border:1px solid transparent;border-radius:12px;min-width:0}
.workspace-route:hover{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-cyan) 4%,transparent)}.workspace-route>.tile-icon{width:38px;height:38px;flex-shrink:0;border-radius:10px}.workspace-route>.tile-icon svg{width:18px;height:18px}.workspace-route>svg{width:15px;height:15px;color:var(--ui-text-3)}
.workspace-route-body{flex:1;min-width:0}.workspace-route-body>strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.workspace-route .progress-label{font-size:10px;margin:7px 0}.workspace-route .small-progress{display:block}.workspace-route .small-progress>span{display:block}
.workspace-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 14px;gap:12px}.workspace-empty>svg{width:30px;height:30px;color:var(--ui-cyan)}.workspace-empty h3{font-size:15px}.workspace-empty p{font-size:12px;line-height:1.9;color:var(--ui-text-2);max-width:430px}.workspace-empty .btn{margin-top:5px}
.workspace-plan h3{font-size:15px;margin:12px 0 8px}.workspace-plan p,.workspace-drafts p{font-size:12px;line-height:1.9;color:var(--ui-text-2)}.workspace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.workspace-actions .export-link{margin:0;font-size:11px}.workspace-actions .export-link svg{width:14px;height:14px}
.workspace-drafts{margin-top:22px;border-top:1px solid var(--ui-border);padding-top:18px}.workspace-drafts h3{font-size:14px;margin-bottom:8px}.workspace-drafts h3 span{font-size:11px;color:var(--ui-cyan);margin-left:8px}.workspace-text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ui-cyan);margin-top:12px}.workspace-text-link svg{width:15px;height:15px}
.workspace-saved{margin-bottom:26px}.workspace-saved .resource-list{margin-top:12px}.workspace-saved .resource-row:last-child{border-bottom:0}
.workspace-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workspace-tool{display:flex;align-items:center;gap:15px}.workspace-tool>div{flex:1;min-width:0}.workspace-tool h3{font-size:15px;margin-bottom:7px}.workspace-tool p{font-size:12px;line-height:1.8;color:var(--ui-text-2)}.workspace-tool>svg{width:17px;height:17px;color:var(--ui-cyan)}.workspace-tool .tile-icon{flex-shrink:0}
.workspace-backup{align-items:center;gap:12px;margin-top:24px}.workspace-backup p{flex:1;font-size:11px;line-height:1.9;color:var(--ui-text-2)}.workspace-backup .btn{flex-shrink:0;font-size:11px}
@media(max-width:1100px){.workspace-primary-grid,.workspace-columns{grid-template-columns:1fr}.workspace-primary-grid .workspace-next{min-height:190px}.workspace-metric{padding:17px 14px}.workspace-hero{grid-template-columns:minmax(0,1fr) 140px}}
@media(max-width:680px){.workspace-hero{padding:22px;grid-template-columns:1fr;gap:0}.workspace-orbit{display:none}.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-metric{padding:17px}.workspace-metric strong{font-size:28px}.workspace-next{align-items:flex-start;flex-direction:column;gap:18px}.workspace-next h2{font-size:18px}.workspace-next h3 span{margin:5px 0 0;display:block}.workspace-profile{padding:20px}.workspace-profile-head{flex-direction:column}.workspace-profile-grid{grid-template-columns:1fr}.workspace-profile-field.wide{grid-column:auto}.workspace-profile-actions{align-items:flex-start;flex-direction:column}.workspace-profile-actions .btn{width:100%;justify-content:center}.workspace-profile-feedback{text-align:left}.workspace-section-head h2{font-size:16px}.workspace-tools{grid-template-columns:1fr;gap:12px}.workspace-tool{padding:18px}.workspace-backup{flex-wrap:wrap}.workspace-backup p{flex-basis:calc(100% - 40px)}.workspace-backup>.btn{margin-left:32px}.workspace-section-head>.workspace-summary{display:none}}