.private-vault{min-height:100vh;font-size:16px}.vault-header{min-height:76px;display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--line)}.vault-header a,.vault-header span{display:inline-flex;align-items:center;gap:9px}.vault-header a{font-weight:700}.vault-header span{color:var(--muted);font-size:14px}.vault-header>button{margin-left:auto}.private-vault button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 16px;font-size:14px}.private-vault button:disabled{opacity:.6;cursor:wait}.private-vault :focus-visible{outline:2px solid var(--blue);outline-offset:4px}.vault-gate{padding:60px 20px;display:grid;place-items:start center}.vault-panel{width:min(100%,460px);padding:36px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.vault-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;color:var(--blue);background:#0b2638}.vault-panel>svg{color:var(--blue)}.vault-panel h1{font-size:28px;margin:24px 0 12px}.vault-panel p{color:var(--muted);line-height:1.7}.vault-panel form{display:grid;gap:12px;margin-top:28px}.vault-panel label{font-size:14px}.vault-panel input{width:100%;min-height:48px;padding:10px 14px;color:var(--text);background:var(--bg);border:1px solid #3f5269;border-radius:8px}.private-vault .vault-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:var(--blue);color:#03121b;font-weight:700;border-color:var(--blue)}.vault-panel .vault-note{font-size:14px;margin-top:24px}.private-vault .vault-error{font-size:14px;color:#ffb2b2;line-height:1.65}.vault-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;max-width:1240px;margin:0 auto;padding:40px 24px}.vault-sidebar h1{font-size:20px;margin:0 0 24px}.vault-sidebar small{color:var(--muted);font-size:14px;margin-left:8px}.vault-sidebar nav{display:grid;gap:8px}.vault-sidebar button{text-align:left;overflow-wrap:anywhere;line-height:1.5}.vault-sidebar button[aria-current]{border-color:var(--blue);color:var(--blue)}.vault-document{min-width:0}.vault-document-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.vault-document-header h2{font-size:22px;margin:0;overflow-wrap:anywhere}.vault-document-header p{color:var(--muted);font-size:14px}.vault-document-header button{flex-shrink:0}.vault-document pre{padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.85;max-height:70vh;overflow:auto}.vault-document details{color:var(--muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.vault-document summary{cursor:pointer}@media(max-width:680px){.vault-header{padding:16px;gap:16px;flex-wrap:wrap}.vault-gate{padding-top:36px}.vault-panel{padding:26px}.vault-workspace{grid-template-columns:1fr;gap:28px;padding:28px 16px}.vault-document-header{align-items:start;flex-direction:column}.vault-document pre{padding:16px}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#f5f7fb;background:#050a11;font-synthesis:none;--bg: #050a11;--surface: #091421;--line: #1b2b3d;--line-soft: rgba(101, 131, 161, .18);--muted: #96a4b6;--muted-2: #76859a;--text: #f4f7fb;--blue: #19b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;overflow:clip;background:var(--bg)}.topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:stretch;gap:44px;padding:0 40px;border-bottom:1px solid var(--line);background:#050a11f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;font-size:20px;font-weight:750;letter-spacing:-.02em;cursor:pointer}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;color:#041019;background:var(--blue);border-radius:7px;transform:rotate(45deg)}.brand-mark svg{transform:rotate(-45deg)}.main-nav{display:flex;align-items:stretch;gap:6px}.main-nav button{position:relative;min-width:80px;border:0;background:none;color:#a7b3c3;font-size:16px;cursor:pointer}.main-nav button:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:transparent}.main-nav button:hover,.main-nav button:focus-visible,.main-nav .is-active{color:var(--text)}.main-nav .is-active{color:var(--blue)}.main-nav .is-active:after{background:var(--blue)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.shortcut{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#07101a;cursor:pointer}.github-link{display:flex;align-items:center;gap:8px;font-weight:650}.github-link:hover{color:var(--blue)}.menu-toggle{display:none;border:1px solid var(--line);background:#07101a;border-radius:6px;padding:7px 10px}main{position:relative}.task-stage{display:grid;grid-template-columns:54% 46%;min-height:610px;border-bottom:1px solid var(--line)}.task-composer,.workflow-panel{min-width:0;padding:48px 40px 36px}.task-composer{border-right:1px solid var(--line)}.section-kicker{color:var(--blue);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;max-width:680px;font-size:clamp(38px,3.65vw,52px);line-height:1.05;letter-spacing:-.045em}.lead{max-width:660px;margin:12px 0 20px;color:#a2afbf;font-size:16px;line-height:1.75}.task-input-wrap{position:relative}.task-input-wrap textarea{display:block;width:100%;height:153px;resize:none;padding:22px 24px 38px;border:1px solid var(--blue);border-radius:8px;outline:0;background:#06111d;color:var(--text);font-size:19px;line-height:1.55;box-shadow:0 0 0 1px #19b8ff1f,inset 0 0 22px #166d9f0d}.task-input-wrap textarea:focus{border-color:#57cbff;box-shadow:0 0 0 3px #19b8ff1f,inset 0 0 22px #166d9f0f}.character-count{position:absolute;right:18px;bottom:13px;color:var(--muted-2);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.primary-button{margin:22px 0 26px auto;display:flex;align-items:center;justify-content:center;gap:9px;min-width:276px;height:54px;padding:0 22px;border:0;border-radius:6px;color:#02101a;background:var(--blue);font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px #0091dc2e;transition:transform .18s ease,background .18s ease}.primary-button:hover{background:#55ceff;transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.recent-tasks{display:grid;gap:2px}.recent-tasks>.section-kicker{margin-bottom:5px;color:var(--muted-2)}.recent-tasks button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:34px;padding:4px 0;border:0;background:none;color:#38bfff;text-align:left;cursor:pointer}.recent-tasks button:hover span{text-decoration:underline;text-underline-offset:4px}.recent-tasks button svg{color:var(--muted-2)}.recent-tasks time{color:var(--muted-2);font-size:12px}.workflow-panel{scroll-margin-top:76px;padding-top:30px;padding-bottom:12px;background:#07101b}.panel-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:6px}.panel-heading h2,.section-title-row h2,.catalog-header h2{margin:6px 0 7px;font-size:24px;letter-spacing:-.025em}.panel-heading p,.section-title-row p,.catalog-header p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.source-badge{align-self:flex-start;white-space:nowrap;padding:5px 8px;border:1px solid #314157;color:#8495aa;border-radius:4px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.workflow-list{list-style:none;margin:0 0 0 18px;padding:0}.workflow-list li{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:154px;padding:15px 0 15px 18px}.workflow-list li:not(:last-child):after{content:"";position:absolute;left:58px;top:107px;bottom:-52px;border-left:1px dashed #33465a}.step-number{position:absolute;left:0;top:21px;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#041019;background:var(--step-color);font-weight:800;font-size:13px;box-shadow:0 0 18px color-mix(in srgb,var(--step-color) 35%,transparent)}.step-icon{display:grid;place-items:center;width:90px;height:90px;border:1px solid #283a4f;border-radius:50%;color:var(--step-color);background:#0c1724;box-shadow:inset 0 0 22px #ffffff06}.step-copy h3{margin:0 0 7px;font-size:18px;line-height:1.35}.step-copy p{margin:0 0 9px;color:var(--muted);font-size:14px;line-height:1.55}.step-meta{display:flex;align-items:center;gap:6px;color:var(--muted-2);font-size:13px}.copy-button{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid #28394d;border-radius:6px;color:#aeb9c7;background:transparent;font-size:12px;cursor:pointer}.copy-button:hover{color:#fff;border-color:#4b6179;background:#0c1825}.starter-section,.essential-section,.catalog-section{padding:42px 40px;border-bottom:1px solid var(--line)}.starter-section{background:#060d16}.section-title-row,.catalog-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.text-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--blue);cursor:pointer}.starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 54px}.starter-grid button{display:grid;grid-template-columns:32px minmax(0,1fr) auto 22px;align-items:center;gap:11px;min-height:58px;padding:0 10px;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left;cursor:pointer}.starter-grid button>svg:first-child{color:var(--blue)}.starter-grid button:hover{background:#19b8ff09}.starter-grid button:hover .task-arrow{transform:translate(3px);color:var(--blue)}.starter-grid small{padding:3px 7px;color:var(--muted);background:#0d1824;border-radius:4px}.task-arrow{color:var(--muted-2);transition:transform .18s ease}.essential-section{background:#07101a}.essential-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.essential-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto 34px;align-items:center;gap:12px;min-height:74px;padding:9px 16px 9px 0;border-bottom:1px solid var(--line-soft)}.essential-list article:nth-child(odd){margin-right:28px}.essential-list article:nth-child(2n){padding-left:28px;border-left:1px solid var(--line-soft)}.rank{color:var(--blue);font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.essential-list h3{margin:0 0 5px;font-size:14px}.essential-list p{margin:0;color:var(--muted);font-size:12px}.essential-category{color:var(--muted-2);font-size:11px}.essential-list button{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:5px;cursor:pointer}.essential-list button:hover{color:var(--text);border-color:var(--line)}.catalog-section{scroll-margin-top:76px;background:#050b13}.catalog-header{align-items:center}.catalog-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:43px;padding:0 12px;border:1px solid #26384c;border-radius:6px;color:var(--muted);background:#08121e}.catalog-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #19b8ff1a}.catalog-search input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent}.catalog-search button{border:0;background:none;color:var(--muted);cursor:pointer}.category-filter{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.category-filter button{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #24364a;border-radius:5px;color:#98a6b8;background:#08121d;font-size:12px;cursor:pointer}.category-filter button:hover,.category-filter button.is-active{color:var(--text);border-color:var(--category-color, var(--blue));background:color-mix(in srgb,var(--category-color, var(--blue)) 9%,#08121d)}.category-filter button span{color:var(--muted-2);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.catalog-table{border-top:1px solid #27384b}.catalog-table-head,.skill-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(280px,2.2fr) 110px 90px 102px;align-items:center;gap:18px}.catalog-table-head{min-height:42px;color:var(--muted-2);font-size:11px}.skill-row{min-height:66px;border-top:1px solid var(--line-soft)}.skill-name{display:flex;align-items:center;gap:10px;min-width:0}.skill-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.skill-row>p{margin:0;color:#99a7b8;font-size:12px;line-height:1.5}.skill-category{color:#a9b5c3;font-size:11px}.concept-status{color:#d4a94e;font-size:11px}.skill-row>button{display:flex;align-items:center;gap:6px;justify-content:center;height:34px;border:1px solid #26384b;border-radius:5px;color:#aeb9c7;background:transparent;font-size:11px;cursor:pointer}.skill-row>button:hover{color:#fff;border-color:#4a6078}.empty-state{padding:64px 20px;text-align:center;color:var(--muted)}footer{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;min-height:96px;padding:22px 40px;color:var(--muted);background:#03070c;font-size:12px}footer>div,footer a{display:flex;align-items:center;gap:10px}footer .brand-mark{width:22px;height:22px;border-radius:5px}footer strong{color:var(--text);font-size:14px}footer a:hover{color:var(--blue)}.toast{position:fixed;left:50%;bottom:28px;z-index:40;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #276d55;border-radius:6px;color:#d8ffed;background:#0b2a21;box-shadow:0 12px 32px #00000052;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:.22s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #77d9ff;outline-offset:3px}@media(max-width:1050px){.topbar{padding:0 24px;gap:20px}.task-stage{grid-template-columns:1fr}.task-composer{border-right:0;border-bottom:1px solid var(--line)}.task-composer,.workflow-panel,.starter-section,.essential-section,.catalog-section{padding-left:28px;padding-right:28px}.catalog-table-head,.skill-row{grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) 100px 90px}.catalog-table-head>:last-child,.skill-row>button{display:none}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:17px}.brand-mark{width:27px;height:27px}.shortcut,.github-link span,.github-link svg:last-child{display:none}.top-actions{gap:14px}.menu-toggle{display:block}.main-nav{position:absolute;top:64px;left:0;right:0;display:none;height:auto;padding:10px 18px 16px;background:#07101a;border-bottom:1px solid var(--line)}.main-nav.is-open{display:grid}.main-nav button{min-height:44px;text-align:left}.main-nav button:after{left:0;right:auto;width:2px;top:10px;bottom:10px;height:auto}.task-composer,.workflow-panel,.starter-section,.essential-section,.catalog-section{padding:32px 18px}h1{font-size:39px}.lead{font-size:14px}.task-input-wrap textarea{height:126px;font-size:17px}.primary-button{width:100%;min-width:0;margin-top:14px}.recent-tasks time{display:none}.workflow-list{margin-left:0}.workflow-list li{grid-template-columns:58px minmax(0,1fr);gap:14px;padding-left:14px;min-height:138px}.step-icon{width:58px;height:58px}.step-number{left:-5px}.workflow-list li:not(:last-child):after{left:38px;top:83px;bottom:-35px}.copy-button{grid-column:2;justify-self:start;height:32px}.starter-grid,.essential-list{grid-template-columns:1fr}.starter-grid{gap:0}.starter-grid button{grid-template-columns:30px minmax(0,1fr) 22px}.starter-grid small{display:none}.essential-list article:nth-child(odd),.essential-list article:nth-child(2n){margin-right:0;padding-left:0;border-left:0}.section-title-row,.catalog-header{align-items:flex-start;flex-direction:column}.catalog-search{width:100%}.catalog-table-head{display:none}.skill-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:14px 0}.skill-name{grid-column:1}.skill-row>p{grid-column:1 / -1}.skill-category{grid-column:1}.concept-status{grid-column:2;grid-row:1}footer{grid-template-columns:1fr;gap:12px;padding:28px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}