/* A complete visual system for the working pages, not only the landing hero. */
@media screen {
body{background:#0e0e0e;color:#f0f0f0}
.topbar{background:#0e0e0eed;border-color:#ffffff20;color:#f5f5f5}
.topbar .brand,.topbar .nav-button,.topbar .account-button,.topbar .overview-button{color:#e1e1e1}.topbar .nav-button.active{color:#ffffff}.topbar .account-button,.topbar .overview-button{border-color:#ffffff35}.topbar .account-button:hover,.topbar .overview-button:hover{background:#ffffff;color:#111111}
.view:where(:not(#homeView)){--ink:#ededed;--muted:#9c9c9c;--line:#363636;--green:#cfcfcf;--green-2:#a4a4a4;--pale:#1f1f1f;--cream:#161616;color:#ededed;max-width:1660px;padding:64px 5vw 100px}
.view:where(:not(#homeView)) .page-head{position:relative;isolation:isolate;overflow:hidden;padding:32px 0 60px;margin:0 0 44px;border-bottom:1px solid #ffffff25;min-height:230px;align-items:center}
.view:where(:not(#homeView)) .page-head>div{position:relative;z-index:1}.view:where(:not(#homeView)) .page-head .eyebrow{font:400 10px/1.6 Arial,sans-serif;letter-spacing:.24em;color:#a8a8a8;margin-bottom:20px}
.view:where(:not(#homeView)) .page-head h1{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:400;font-size:clamp(36px,4.6vw,70px);letter-spacing:-.045em;color:#f5f5f5;line-height:1.25;margin:0 0 20px}
.view:where(:not(#homeView)) .page-head>div>p:last-child{font-size:14px;line-height:1.9;color:#a4a4a4;max-width:720px}.workspace-word{position:absolute;right:0;bottom:-20px;font:600 clamp(65px,11vw,172px)/1 Arial;letter-spacing:-.08em;color:#ffffff04;pointer-events:none;white-space:nowrap;z-index:0}
.view:where(:not(#homeView)) :is(h2,h3,h4):not(.resume-paper *){font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:400;color:#eeeeee}
.view:where(:not(#homeView)) :is(p,small,label):not(.resume-paper *){color:#acacac}
.view:where(:not(#homeView)) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){border:1px solid #3f3f3f;border-radius:0;background:#121212;color:#eaeaea;font-size:13px;line-height:1.7;padding:12px 14px;box-shadow:none;outline:none}
.view:where(:not(#homeView)) :is(input,textarea,select):focus{border-color:#c2c2c2;box-shadow:0 0 0 1px #c2c2c2}.view:where(:not(#homeView)) ::placeholder{color:#7b7b7b;opacity:1}.view:where(:not(#homeView)) select{color-scheme:dark;min-height:44px}
.view:where(:not(#homeView)) :is(.primary-button,.secondary-button,.load-more){min-height:44px;padding:12px 20px;border-radius:0;font-size:12px;font-weight:400;box-shadow:none;transition:background .2s,color .2s,transform .2s}
.view:where(:not(#homeView)) .primary-button{background:#eaeaea;border-color:#eaeaea;color:#161616}.view:where(:not(#homeView)) .primary-button:hover{background:#c5c5c5;border-color:#c5c5c5;transform:translateY(-2px)}
.view:where(:not(#homeView)) :is(.secondary-button,.load-more){background:transparent;border-color:#686868;color:#e6e6e6}.view:where(:not(#homeView)) :is(.secondary-button,.load-more):hover{background:#eaeaea;color:#161616}.view:where(:not(#homeView)) :is(.text-link,.text-button,.danger-link){color:#c9c9c9;font-size:12px}
.view:where(:not(#homeView)) :is(.local-badge,.play-badge){background:none;border:1px solid #444;color:#aaa;border-radius:0}
.view:where(:not(#homeView)) :is(.tool-card,.life-card,.game-card,.focus-card,.study-tasks-card,.heatmap-card,.learning-card,.editor-card,.job-search-card,.resume-signal,.tracker-card,.guide-card){border:1px solid #333333;border-radius:0;background:#171717;box-shadow:none;padding:28px}
.view:where(:not(#homeView)) :is(.panel-heading,.tool-card>header){margin-bottom:28px;align-items:flex-start}.view:where(:not(#homeView)) :is(.panel-heading h2,.tool-card h2,.game-card h2){font-size:25px;line-height:1.4;letter-spacing:-.025em}.view:where(:not(#homeView)) .panel-heading .eyebrow{color:#8a8a8a;letter-spacing:.15em;font-size:9px;margin-bottom:10px}.view:where(:not(#homeView)) :is(.panel-heading>span,.panel-heading label,.panel-heading small){font-size:11px;color:#989898}
.view:where(:not(#homeView)) :is(.empty-mini,.tracker-empty,.empty-state,.guide-empty){border:1px solid #393939;border-radius:0;background:#141414;color:#b3b3b3;padding:60px 24px}.view:where(:not(#homeView)) :is(.empty-mini,.tracker-empty,.empty-state) p{font-size:13px}.view:where(:not(#homeView)) :is(.section-index,.tool-card>header>span){background:none;border:1px solid #5a5a5a;border-radius:0;color:#cbcbcb}
.view:where(:not(#homeView)) [hidden]{display:none!important}
/* Home carries the same treatment past the first screen. */
#homeView{color:#efefef}.studio-work,.studio-spaces,.studio-stats{background:#0e0e0e}.studio-spaces{border-block:1px solid #ffffff22}.studio-section-head .studio-label,.studio-label{color:#989898}.studio-section-head>p{color:#9c9c9c}.studio-project-row,.studio-project-row:last-child,.studio-space-row,.studio-space-row:last-child{border-color:#464646}.studio-project-row.is-active{border-top-color:#d8d8d8}.studio-project-select{color:#eaeaea}.studio-project-select>span,.studio-project-description p{color:#9c9c9c}.studio-project-description>button{color:#d2d2d2}.studio-project-row.is-active .studio-project-select i{color:#dbdbdb}.studio-project-visual{background:#1a1a1a}.studio-project-visual>img{filter:grayscale(.8) brightness(.8)}.studio-project-visual:hover>img{filter:grayscale(0) brightness(1);transition:filter .6s}.studio-space-links button{color:#dadada;border-color:#4a4a4a}.studio-space-row p,.studio-stats span{color:#9c9c9c}.studio-stats>div{border-color:#484848}.studio-footer{background:#0b0b0b}.studio-text-button{border-color:#8d8d8d}.studio-space-row:hover{background:#1a1a1a}.studio-project-select:hover h3{color:#dedede}
/* Career navigation is a compact route strip, not another row of cards. */
.career-subnav{max-width:1500px;margin:0 auto;padding:0 5vw;display:flex;align-items:center;gap:32px;background:none;border:0;border-bottom:1px solid #ffffff20;border-radius:0;overflow-x:auto;box-shadow:none}.career-subnav[hidden]{display:none}.career-subnav-title{padding:0;min-width:0}.career-subnav-title span{font-size:10px;color:#8f8f8f;letter-spacing:.06em}.career-subnav-title b{display:none}.career-subnav button{flex:0 0 auto;min-width:0;min-height:60px;margin:0;padding:0 6px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#989898;box-shadow:none}.career-subnav button.active{border-color:#d7d7d7;background:none;color:#f3f3f3}.career-subnav button i,.career-subnav button small{display:none}.career-subnav button b{font-size:13px;font-weight:400;color:inherit}
/* Jobs: spacious title, restrained search rail, editorial result rows. */
#jobsView .jobs-head{margin-bottom:44px}.jobs-head .resume-signal{width:245px;min-width:0;align-self:center;background:none;border:0;border-left:1px solid #515151;padding:10px 0 10px 28px;border-radius:0}.jobs-head .resume-signal span{font-size:10px;letter-spacing:.1em;color:#979797}.jobs-head .resume-signal b{color:#e2e2e2;font-size:17px;font-weight:400;line-height:1.6;margin:12px 0 8px}.jobs-head .resume-signal small{font-size:11px;line-height:1.8}
.job-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.job-suggestion{border:1px solid #474747;background:none;padding:8px 14px;color:#c0c0c0;font-size:11px}.job-suggestion:hover{border-color:#cecece;color:#f2f2f2;background:#272727}
.job-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:52px;align-items:start}.job-results{min-width:0}.job-workspace .job-search-card{position:sticky;top:100px;max-height:calc(100svh - 120px);overflow-y:auto;border:0;border-right:1px solid #373737;background:none;padding:0 28px 20px 0;box-shadow:none}
.filter-heading{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:28px}.filter-heading>span{grid-column:1/-1;font:9px Arial;color:#909090;letter-spacing:.2em}.filter-heading h2{font-size:18px;margin:0}.workspace-reset{border:0;padding:0;background:none;color:#a9a9a9;font-size:10px}.workspace-reset:hover{color:#ffffff}.workspace-filter-toggle{display:none}
#jobsView .job-search-form{display:grid;grid-template-columns:1fr;gap:18px}.job-search-form .search-field,.job-search-form .primary-button,.job-search-form>label:nth-of-type(n){grid-column:auto}.job-search-form .search-field{height:48px;border:1px solid #5f5f5f;background:#171717;border-radius:0;padding:0 10px;gap:8px}.job-search-form .search-field span{color:#d2d2d2;font-size:24px}.job-search-form .search-field input{font-size:12px;background:none;border:0;padding:0;min-width:0;box-shadow:none}.job-search-form>label>span{font-size:11px;color:#9b9b9b;margin-bottom:8px;display:block}.job-search-form>label select{width:100%;font-size:12px;border-color:#404040;padding:8px 10px;min-height:41px}.job-search-card .platform-row{margin-top:30px;border-top:1px solid #3a3a3a;padding-top:20px;display:flex;gap:12px;flex-wrap:wrap}.platform-row>span{width:100%;font-size:10px;color:#828282}.platform-row a{color:#bebebe;font-size:10px}.platform-row small{width:100%;margin:0;font-size:9px;line-height:1.8;color:#888888}
#jobsView .results-toolbar{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid #585858;gap:20px;align-items:start}#jobsView .results-toolbar b{font-size:18px;font-weight:400;color:#e6e6e6}#jobsView .results-toolbar span{font-size:11px;color:#9c9c9c;line-height:1.8;margin-top:8px}#jobsView .results-actions{align-items:center;flex-wrap:wrap;gap:15px}#jobsView .results-actions label{font-size:10px}#jobsView .results-actions select{border:0;min-height:32px;font-size:11px;padding:4px 0;background:none}.blacklist-manager{border:0;border-radius:0;background:none;color:#afafaf;padding:0;font-size:11px}.blacklist-manager i{border-radius:0;background:#2f2f2f;color:#c7c7c7}
#jobsView .job-grid{display:block}.job-grid .job-card{position:relative;border:0;border-bottom:1px solid #3b3b3b;border-radius:0;background:none;box-shadow:none;padding:26px 12px 26px 0;transition:padding .25s,background .25s}.job-grid .job-card:hover{background:#1c1c1c;padding-left:20px;transform:none;box-shadow:none;border-color:#818181}.job-card .job-card-top{gap:18px;align-items:center}.job-card .company-logo{height:44px;width:44px;flex:0 0 44px;border:1px solid #545454;background:none;color:#d2d2d2;font-size:15px;border-radius:0}.job-card .job-card-top h2{font-size:20px;font-weight:400;line-height:1.5;max-width:none;letter-spacing:-.02em;margin:0 0 5px}.job-card .company{font-size:12px;margin:0;color:#bbbbbb}.job-card .salary{color:#bebebe;font-size:11px;font-weight:400;max-width:160px}.job-card .save-job{position:static;flex:0 0 auto;margin-left:auto;width:36px;height:36px;border:1px solid #535353;border-radius:0;background:none;color:#d0d0d0;font-size:20px}.job-card .save-job.active{background:#d5d5d5;color:#191919}.job-card .job-meta{margin:18px 0 10px;gap:12px}.job-card .job-meta span{border:0;border-radius:0;background:none;color:#a3a3a3;padding:0;font-size:11px}.job-card .job-meta span+span{border-left:1px solid #585858;padding-left:12px}.job-card .job-description{font-size:12px;color:#b3b3b3;line-height:1.85;height:auto;max-height:45px;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.job-card .job-tags{gap:6px;margin:15px 0}.job-card .job-tags span,.job-card .job-type-chip{background:#282828!important;border:0!important;color:#b5b5b5!important;font-size:9px;padding:4px 8px}.job-card .job-card-footer{border:0;padding-top:2px;gap:10px}.job-card .match-value{font-size:10px;color:#adadad}.job-card .match-value i{background:#464646}.job-card .detail-button{font-size:12px;color:#e3e3e3;font-weight:400}.job-card .block-company{color:#8b8b8b;font-size:10px;font-weight:400}.job-card .detail-button:hover{color:#ffffff;text-decoration:underline;text-underline-offset:5px}
/* Keep the original tool directory and all panels visible. */
#toolsView .tool-grid,#lifeView .life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;min-width:0}#toolsView .tool-card,#lifeView .life-card{min-height:0;padding:28px;border:0;background:#1b1b1b;border-top:1px solid #656565}.tool-card header p{font-size:13px;line-height:1.8;color:#9d9d9d}.tool-card footer{padding-top:24px;border-top:1px solid #494949;gap:12px;flex-wrap:wrap}.tool-card .tool-label,.tool-split label{font-size:12px}.tool-card .tool-split{gap:20px;margin-top:28px}.tool-card textarea{min-height:200px}.tool-card .tool-result,.tool-card .qr-output{background:#141414;border:1px solid #4b4b4b;border-radius:0;color:#b2b2b2}.tool-card .text-stat-grid>span{background:none;border:1px solid #525252;border-radius:0;color:#b7b7b7;font-size:12px}.tool-card .text-stat-grid b{color:#e8e8e8;font-size:32px}.tool-card .wheel-legend>span{background:#1d1d1d;border-color:#525252;border-radius:0}.tool-card .wheel-legend b{color:#bdbdbd}.tool-card .countdown-result{background:none;color:#e8e8e8}.tool-card .countdown-result>span,.tool-card .countdown-result small{color:#aaaaaa}.tool-card .password-output{border-radius:0;background:#171717;border-color:#515151}.tool-card .password-output button{color:#c7c7c7}.tool-card .password-options label{font-size:13px}.tool-card .password-options input{accent-color:#cacaca}
/* Study: an actual focus area, with distinct vocabulary and practice panels. */
#studyView .study-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 0 32px;margin-bottom:34px;border-bottom:1px solid #434343}#studyView .study-summary article{padding:0 28px;border:0;border-left:1px solid #494949;border-radius:0;background:none}#studyView .study-summary article:first-child{padding-left:0;border-left:0}#studyView .study-summary b{font-size:38px;color:#e8e8e8;font-weight:300;margin:12px 0}#studyView .study-summary span,#studyView .study-summary small{font-size:11px;color:#949494}
#studyView .study-grid{grid-template-columns:1.2fr 1fr;gap:28px}.focus-card{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.focus-card .focus-clock{width:100%;height:auto;min-height:290px;border:0;border-radius:0;background:none;box-shadow:none}.focus-clock:before,.focus-clock:after{display:none}.focus-card .focus-clock b{font-size:clamp(72px,8vw,120px);font-family:Arial,sans-serif;font-weight:300;letter-spacing:-.06em;color:#ebebeb;font-variant-numeric:tabular-nums}.focus-card .focus-clock>span{font-size:12px;color:#b3b3b3;letter-spacing:.15em}.focus-card .focus-clock small{font-size:12px;color:#858585}.focus-card .focus-actions{justify-content:center;gap:16px}.focus-card .focus-actions button{min-width:135px}.study-grid .study-tasks-card{min-height:280px}.study-grid .heatmap-card{grid-column:auto;min-height:220px}.study-task-form input{min-width:0}.study-task-list .empty-mini{padding:32px 15px;background:none;border-style:dashed}.study-heatmap{gap:5px}.study-heatmap i{border-radius:0}.study-task-item{background:#222222;border-color:#4e4e4e;border-radius:0;color:#d0d0d0}.study-task-item span{color:#d0d0d0}
#studyView .learning-extra-grid>.learning-card{max-width:100%;padding:40px;min-height:480px}#studyView .flashcard{margin:25px 0;background:#292929;border:1px solid #5d5d5d;border-radius:0;min-height:230px;box-shadow:none}#studyView .flashcard b{font-size:clamp(28px,3vw,42px);color:#eaeaea;font-weight:400}#studyView .flashcard span{color:#c1c1c1;font-size:16px}#studyView .flashcard-actions{justify-content:center}.flashcard-progress,.flashcard-progress a{color:#9f9f9f!important;font-size:11px!important}.quiz-question{background:none;border-radius:0;padding:35px 0}.quiz-question h3{font-size:26px!important}.quiz-options button{border:1px solid #5b5b5b;border-radius:0;background:#242424;color:#cbcbcb;padding:18px;font-size:15px}.quiz-options button:hover{background:#3f3f3f}.quiz-feedback{font-size:13px;color:#a4a4a4}.mistake-list .empty-mini{border:0;background:none}
/* Resume remains a white printed page inside a dark editing workspace. */
#resumeView .page-head{flex-wrap:wrap}.resume-save-pill{background:none;border:0;color:#9f9f9f;font-size:10px}.head-actions .version-select{min-height:40px;font-size:11px}.template-studio{display:grid;grid-template-columns:1fr auto;padding:28px 0;margin-bottom:34px;border:0;border-top:1px solid #4b4b4b;border-bottom:1px solid #4b4b4b;border-radius:0;background:none;box-shadow:none}.template-copy{grid-column:1}.template-copy>span{display:none}.template-copy h2{font-size:22px}.template-copy p{font-size:12px}.template-options{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;gap:10px;margin-top:20px}.template-option{flex:0 0 150px;padding:18px 12px;border:1px solid #4d4d4d;border-radius:0;background:#1e1e1e;color:#c0c0c0}.template-option.active{border-color:#d4d4d4;background:#373737}.template-option b{font-size:13px;color:#e2e2e2}.template-option small{font-size:9px;color:#a3a3a3}.accent-picker{grid-column:2;grid-row:1;color:#adadad;font-size:11px}.resume-workspace{grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr);gap:30px}.resume-workspace .editor-card{padding:28px;border:0;background:#1b1b1b}.editor-card details{border-color:#454545;padding:22px 0}.editor-card summary{font-size:15px;color:#dedede}.editor-card summary span{font-size:10px;color:#959595}.editor-card .form-grid{gap:18px 14px}.editor-card label{font-size:12px}.editor-card .writing-tip{background:#313131;border-radius:0;color:#b6b6b6;font-size:11px}.editor-card .writing-tip span{color:#b6b6b6}.score-badge:before{background:#1e1e1e}.score-badge b{color:#e3e3e3}.score-badge span{color:#a5a5a5}.resume-workspace .preview-wrap{background:#2c2c2c;border:0;border-radius:0;padding:24px;position:sticky;top:96px;max-height:calc(100svh - 120px);overflow:auto}.preview-label{color:#c6c6c6;font-size:11px}.preview-label small{color:#979797}.resume-paper{color:#1f1f1f}.add-entry-button{border:1px dashed #747474;background:none;border-radius:0;color:#c1c1c1;font-size:12px}.add-entry-button span{background:none;color:inherit}
/* Tracker is a full board with quiet typography and space for the actual work. */
.tracker-stats{gap:0;margin:0 0 40px}.tracker-stats article{padding:16px 28px!important;border:0!important;border-left:1px solid #5c5c5c!important;background:none!important}.tracker-stats article:first-child{padding-left:0!important;border-left:0!important}.tracker-stats span,.tracker-stats small{font-size:11px;color:#9c9c9c}.tracker-stats b{font-size:48px;font-weight:300;color:#e3e3e3}.tracker-toolbar{padding:0 0 24px;border-bottom:1px solid #505050;margin-bottom:28px}.tracker-toolbar .search-field{background:#212121;border:1px solid #5e5e5e;border-radius:0;min-width:280px}.tracker-toolbar .search-field input{border:0;background:none}.tracker-toolbar>span{color:#a1a1a1;font-size:11px}.tracker-board{gap:16px;grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;padding-bottom:18px}.tracker-column{border:0;border-radius:0;background:#1c1c1c;min-height:420px}.tracker-column>header{padding:22px 18px;border-bottom:1px solid #4c4c4c}.tracker-column>header b{font-size:14px;font-weight:400;color:#d7d7d7}.tracker-column>header i{border-radius:0;background:#3b3b3b;color:#d1d1d1}.tracker-column .tracker-list{padding:12px}.tracker-column .tracker-empty-column{color:#8e8e8e;font-size:11px}.tracker-card h3{font-size:15px}.tracker-card .tracker-company{font-size:12px}.tracker-card footer button{font-size:11px;color:#bfbfbf}.cloud-sync-button{border:1px solid #606060;border-radius:0;background:none;color:#cccccc;box-shadow:none}.cloud-sync-button span{background:none;color:inherit}
/* Games, guides and personal projects also receive full, consistent interiors. */
#playView .play-grid,#playView .play-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}#playView .game-card{padding:32px;min-width:0}.game-card-head{gap:15px}.game-card-head h2{margin:12px 0;font-size:28px!important}.game-card-head p{font-size:12px;line-height:1.8}.game-card-head>div>span{color:#989898;font-size:10px}.game-card-head b{font-family:Arial;color:#cdcdcd;font-size:24px;font-weight:400}.game-card-head small{font-size:10px}.game-actions{margin-top:22px;gap:15px;flex-wrap:wrap}.game-actions>span{font-size:11px;color:#9f9f9f}.game-2048,.snake-card canvas,.tic-board,.mine-board,.wordle-grid,.memory-board{max-width:360px;margin:25px auto}.reaction-zone{border-radius:0}.reaction-card{grid-column:1/-1}.reaction-zone{height:180px}.fun-content,.fortune-content{background:#313131;border-radius:0}.fun-content p,.fortune-content p{font-size:16px;color:#c9c9c9!important}.random-result{background:none;font:400 54px Arial;color:#cdcdcd;padding:50px 0}.life-note-card textarea{min-height:350px;font-size:16px!important;line-height:2.1!important;background:repeating-linear-gradient(transparent,transparent 32px,#3a3a3a 33px)!important}.life-grid .markdown-split{grid-template-columns:1fr 1fr}.markdown-preview{background:#ebebeb;border-radius:0;color:#303030}.markdown-preview p,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#303030!important}.image-drop{border:1px dashed #727272;background:#222222;border-radius:0;color:#cccccc}.image-drop small{color:#a6a6a6}.palette-row{margin-block:40px}.palette-row button{border-radius:0}.bookmark-item,.life-todo-item,.expense-item{border-radius:0;background:#2c2c2c;border-color:#515151;color:#cfcfcf}.expense-card #expenseTotal{font:300 64px Arial;color:#d7d7d7}.expense-form{gap:14px}
.guide-hero{min-height:400px;border:0;border-bottom:1px solid #505050;border-radius:0;background:#141414;padding:60px 45px;margin-bottom:35px;box-shadow:none}.guide-hero h1{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:clamp(38px,5vw,68px);color:#e5e5e5}.guide-hero p{color:#a0a0a0}.guide-seal{box-shadow:none;background:none;border-color:#565656}.guide-toolbar{background:none;border:0;border-bottom:1px solid #4b4b4b;padding:0 0 25px;gap:24px;border-radius:0;box-shadow:none}.guide-search{background:#1b1b1b;border-color:#585858;border-radius:0}.guide-search input{border:0!important;background:none!important}.guide-categories button{background:none;border:0;border-bottom:1px solid #4b4b4b;border-radius:0;color:#a3a3a3;font-size:12px;padding:12px}.guide-categories button.active{background:#353535;color:#dedede;border-color:#dedede}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.guide-grid .guide-card{background:none;border:0;border-bottom:1px solid #444444;padding:32px 0;border-radius:0;min-height:270px}.guide-card:hover{transform:none;background:#1c1c1c;box-shadow:none;padding-inline:15px}.guide-card-icon{background:none;border:1px solid #686868;border-radius:0;color:#c0c0c0}.guide-card-top b,.guide-card-top small{color:#9c9c9c}.guide-card h3{font-size:25px}.guide-card footer{border-color:#4a4a4a}.guide-card footer span{color:#8f8f8f}.guide-card footer button{color:#d1d1d1;font-size:12px}.guide-card-tags span{background:#353535;color:#bbbbbb;border-radius:0}.guide-sources{border:0;border-top:1px solid #4a4a4a;background:none;padding:35px 0}.guide-source-list a{background:#232323;border:1px solid #525252;border-radius:0}.guide-source-list b{color:#d6d6d6}.guide-source-list span,.guide-source-list em{color:#a0a0a0}
.projects-view .portfolio-overview{padding:35px 0;background:none;border:0;border-bottom:1px solid #454545;border-radius:0}.portfolio-overview-head>span{color:#8b8b8b}.portfolio-skill-grid{gap:28px}.portfolio-skill-grid article{border:0;border-left:1px solid #575757;background:none;padding:8px 0 8px 20px;border-radius:0}.portfolio-skill-grid article b{color:#8a8a8a}.portfolio-skill-grid h3{font-size:20px}.portfolio-skill-grid p{font-size:12px!important}.projects-view :is(.underwater-case-study,.battery-case-study,.competition-spotlight,.project-boundary){padding:60px 0;margin:0;background:none;border:0;border-bottom:1px solid #484848;border-radius:0;box-shadow:none}.projects-view :is(.underwater-case-head h2,.battery-case-head h2){font-size:32px;line-height:1.5}.projects-view .underwater-metrics{gap:0;margin:35px 0}.projects-view .underwater-metrics article{border:0;border-left:1px solid #555555;border-radius:0;background:none;padding:12px 22px}.projects-view .underwater-metrics b{color:#d4d4d4;font-size:20px}.projects-view .underwater-metrics span{color:#909090}.projects-view .underwater-metrics small{color:#adadad}.projects-view :is(.underwater-architecture,.underwater-architecture-flow>div,.underwater-verification,.battery-flow,.project-verification){background:#232323;border-radius:0;border-color:#4e4e4e;color:#b7b7b7}.projects-view .underwater-architecture-flow :is(strong,small,b),.projects-view .battery-flow span{color:#c9c9c9}.projects-view .underwater-architecture-flow b{background:none;border:1px solid #686868;border-radius:0}.projects-view .underwater-gallery figure,.projects-view .battery-gallery figure{background:#202020;border:0;border-radius:0}.projects-view figcaption,.projects-view figcaption span{color:#a7a7a7}.projects-view figcaption b{color:#d6d6d6}.projects-view .showcase-grid{gap:0 40px}.projects-view .showcase-grid>article{background:none!important;border:0!important;border-bottom:1px solid #4e4e4e!important;border-radius:0;padding:40px 0}.projects-view .project-tags span{background:#363636;color:#bbbbbb}.projects-view .project-verification span{color:#bfbfbf}.projects-view .project-card-top>span{color:#959595}.projects-view .featured-project{border-radius:0;background:#353535}.projects-view .project-status{background:#3d3d3d;color:#c1c1c1}.projects-view .project-status.building{background:#363636;color:#b9b9b9}.projects-view .underwater-boundary{border-color:#474747;color:#a3a3a3}.projects-view .underwater-boundary strong{color:#c6c6c6}
/* Dialog surfaces, including job details, follow the same theme. */
.job-dialog,.account-dialog,.blacklist-dialog,.guide-dialog{color:#e8e8e8;background:#1b1b1b;border:1px solid #606060;border-radius:0;box-shadow:0 30px 90px #00000088}.job-dialog{width:min(820px,calc(100% - 32px));padding:42px;max-height:90svh;overflow:auto}.job-dialog h2,.blacklist-dialog h2{font-family:Arial,"Microsoft YaHei",sans-serif;color:#ebebeb;font-size:32px;font-weight:400;line-height:1.5}.job-dialog :is(p,li,.dialog-company){color:#b6b6b6;font-size:13px;line-height:1.9}.job-dialog h3{font-size:15px;color:#e3e3e3}.job-dialog .dialog-section{border-color:#525252}.job-match-panel,.match-groups>div{background:#2e2e2e;border-color:#565656;border-radius:0}.match-panel-head b{color:#d9d9d9}.match-chips span{background:#434343;color:#cecece;border-radius:0}.match-chips.missing span{background:#3e3e3e;color:#bcbcbc}.dialog-close{border-radius:0;background:#393939;color:#e6e6e6}.job-dialog .primary-button,.job-dialog .secondary-button{border-radius:0;box-shadow:none;font-size:12px;padding:12px 18px}.job-dialog .primary-button{background:#dfdfdf;color:#1e1e1e;border-color:#dfdfdf}.job-dialog .secondary-button{background:none;color:#c5c5c5;border-color:#686868}.account-hero,.guide-detail-head{background:#2a2a2a}.account-guest,.account-member{background:#1e1e1e}.account-benefits article,.account-profile{background:#313131;border-color:#5f5f5f;border-radius:0;color:#d3d3d3}.account-auth-form label{color:#bdbdbd}.account-auth-form input{border-radius:0;background:#191919;border-color:#666666;color:#e7e7e7}.account-sync-state{background:#353535;color:#cccccc;border-radius:0}.guide-detail-section h3{color:#dadada}.guide-detail-section li{color:#b2b2b2}.guide-detail-section h3 span{border-radius:0;background:#3c3c3c;color:#cdcdcd}.guide-version-note{border-radius:0;background:#343434;color:#b4b4b4}
@keyframes workspace-panel-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.job-workspace{grid-template-columns:215px minmax(0,1fr);gap:30px}.job-workspace .job-search-card{padding-right:20px}.jobs-head .resume-signal{width:210px}.results-toolbar{flex-direction:column;align-items:stretch!important}.results-actions{justify-content:space-between}.resume-workspace{grid-template-columns:1fr}.resume-workspace .preview-wrap{position:static;max-height:none}.resume-workspace .editor-card{order:0}.tracker-board{grid-template-columns:repeat(5,260px)}.has-workspace-rail.active{grid-template-columns:190px minmax(0,1fr)!important;column-gap:25px!important}}
@media(max-width:720px){.view:where(:not(#homeView)){padding:26px 22px 70px}.view:where(:not(#homeView)) .page-head{min-height:185px;padding:25px 0 35px;margin-bottom:30px;display:block}.view:where(:not(#homeView)) .page-head h1{font-size:42px;margin-bottom:15px}.view:where(:not(#homeView)) .page-head>div>p:last-child{font-size:12px}.workspace-word{font-size:65px;bottom:0}.view:where(:not(#homeView)) .page-head .eyebrow{font-size:9px;margin-bottom:18px}.career-subnav{padding:0 20px;gap:25px}.career-subnav-title{display:none}.career-subnav button{min-height:54px;flex:1}.career-subnav button b{font-size:12px}.job-workspace{display:block}.job-workspace .job-search-card{display:block;position:static;max-height:none;padding:24px 0;border-right:0;border-bottom:1px solid #585858;margin-bottom:26px}.job-workspace .job-search-card.filters-open{display:block}.workspace-filter-toggle{display:block;width:100%;min-height:46px;margin-bottom:24px;border:1px solid #747474;background:#2b2b2b;color:#d7d7d7;padding:12px 18px;text-align:left;font-size:13px}.workspace-filter-toggle:after{content:'＋';float:right}.workspace-filter-toggle[aria-expanded=true]:after{content:'−'}#jobsView .job-search-form{grid-template-columns:1fr 1fr;gap:16px}.job-search-form .search-field,.job-search-form .primary-button{grid-column:1/-1!important}.job-search-card .platform-row{margin-top:20px}.job-suggestions{gap:7px}.job-suggestion{font-size:10px;padding:7px 10px}#jobsView .results-toolbar b{font-size:16px}#jobsView .results-toolbar span{font-size:10px}.job-grid .job-card{padding:25px 0}.job-grid .job-card:hover{padding-left:0}.job-card .company-logo{display:none}.job-card .job-card-top h2{font-size:19px}.job-card .salary{display:block;font-size:10px}.job-card .job-description{font-size:12px;max-height:46px}.job-card .job-tags{margin:15px 0}.job-card .block-company{font-size:9px}.job-card .detail-button{font-size:11px}.job-card .job-meta span{font-size:10px}.job-card .match-value{font-size:9px}.job-card .match-value i{display:none}.workspace-tabs{gap:24px;margin-bottom:28px}.workspace-tabs .workspace-tab{font-size:12px;padding-block:16px}.workspace-tab-number{display:none}#toolsView.active,#lifeView.active{display:block!important}.workspace-rail,.tool-index.workspace-rail{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:8px;border:0;border-bottom:1px solid #5b5b5b;padding:0 0 16px;margin-bottom:24px}.workspace-rail>span{display:none}.workspace-rail button,.tool-index.workspace-rail button{min-height:40px;padding:10px 15px;font-size:12px;border:1px solid #515151;white-space:nowrap}.workspace-rail button.active,.tool-index.workspace-rail button.active,.workspace-rail button:hover{padding-left:15px}.tool-index.workspace-rail button.active:after{display:none}#toolsView .tool-card,#lifeView .life-card{min-height:420px;padding:24px 18px}.tool-card .tool-split,.life-grid .markdown-split{grid-template-columns:1fr}.tool-card textarea{min-height:160px}.view:where(:not(#homeView)) :is(.panel-heading h2,.tool-card h2,.game-card h2){font-size:22px}#studyView .study-summary{gap:0;padding-bottom:25px;margin-bottom:20px}#studyView .study-summary article{padding:0 12px}#studyView .study-summary b{font-size:24px;white-space:nowrap}#studyView .study-summary small{font-size:9px}#studyView .study-summary span{font-size:10px}#studyView .study-grid{grid-template-columns:1fr;gap:22px}.focus-card{min-height:440px;grid-row:auto}.focus-card .focus-clock{min-height:240px}.focus-card .focus-clock b{font-size:90px}.focus-card .focus-actions button{min-width:0;flex:1;padding-inline:10px}.view:where(:not(#homeView)) :is(.focus-card,.study-tasks-card,.heatmap-card,.game-card){padding:24px 18px}.panel-heading{gap:15px;flex-wrap:wrap}#studyView .learning-extra-grid>.learning-card{padding:26px 20px}#studyView .flashcard b{font-size:34px}.template-studio{padding:20px 0;gap:12px}.template-copy h2{font-size:18px}.accent-picker{font-size:10px}.template-option{flex-basis:130px}.resume-workspace .editor-card{padding:22px 16px}.resume-workspace .preview-wrap{padding:12px;overflow:auto}.tracker-stats article{padding:12px!important}.tracker-stats b{font-size:35px}.tracker-stats span,.tracker-stats small{font-size:10px}.tracker-toolbar .search-field{min-width:0;width:100%}.tracker-board{grid-template-columns:repeat(5,260px)}#playView .play-grid,#playView .play-more-grid{grid-template-columns:1fr;gap:22px}.reaction-card{grid-column:auto}.guide-hero{min-height:340px;padding:36px 22px}.guide-hero h1{font-size:40px}.guide-toolbar{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-grid .guide-card{min-height:0;padding-block:28px}.guide-card h3{font-size:23px}.projects-view :is(.underwater-case-study,.battery-case-study,.competition-spotlight,.project-boundary){padding:38px 0}.projects-view :is(.underwater-case-head h2,.battery-case-head h2){font-size:25px}.projects-view .underwater-metrics{grid-template-columns:1fr 1fr}.projects-view .underwater-metrics article{padding:12px}.projects-view .underwater-metrics b{font-size:17px}.projects-view .underwater-metrics small{font-size:10px}.portfolio-skill-grid{grid-template-columns:1fr 1fr;gap:22px}.portfolio-skill-grid article{padding-left:12px}.portfolio-skill-grid h3{font-size:17px}.job-dialog{padding:38px 24px 28px}.job-dialog h2{font-size:26px}.job-dialog .dialog-actions{flex-wrap:wrap}.mobile-dock{background:#151515ec;border-color:#4a4a4a}.mobile-dock button{color:#909090}.mobile-dock button.active{background:#3f3f3f;color:#dfdfdf}.studio-space-row:hover{background:#1a1a1a}}
@media(prefers-reduced-motion:reduce){.workspace-panel-active{animation:none}.workspace-tab,.workspace-rail button,.job-grid .job-card{transition:none}}
}

.projects-view .solar-case-study{padding:60px 0;margin:0;background:none;border:0;border-bottom:1px solid #484848;border-radius:0;box-shadow:none}.projects-view .solar-case-head h2{font-size:32px;line-height:1.5;color:#e6e6e6}.projects-view .solar-case-head p{color:#a7a7a7}.projects-view .solar-case-actions span{color:#999}.projects-view .solar-metrics{gap:0;margin:35px 0}.projects-view .solar-metrics article{border:0;border-left:1px solid #555;background:none;border-radius:0;padding:12px 22px}.projects-view .solar-metrics span{color:#909090}.projects-view .solar-metrics b{color:#d4d4d4;font-size:20px}.projects-view .solar-metrics small{color:#adadad}.projects-view :is(.solar-architecture,.solar-architecture-flow>div,.solar-verification){background:#232323;border-radius:0;border-color:#4e4e4e;color:#b7b7b7}.projects-view .solar-architecture-flow :is(strong,small,b){color:#c9c9c9}.projects-view .solar-architecture-flow b{background:none;border:1px solid #686868;border-radius:0}.projects-view .solar-gallery figure{background:#202020;border:0;border-radius:0}.projects-view .solar-gallery figcaption,.projects-view .solar-gallery figcaption span{color:#a7a7a7}.projects-view .solar-gallery figcaption b{color:#d6d6d6}.projects-view .solar-boundary{border-color:#474747;color:#a3a3a3}.projects-view .solar-boundary strong{color:#c6c6c6}
@media(max-width:720px){.projects-view .solar-case-study{padding:38px 0}.projects-view .solar-case-head h2{font-size:25px}.projects-view .solar-metrics{grid-template-columns:1fr 1fr}.projects-view .solar-metrics article{padding:12px}.projects-view .solar-metrics b{font-size:17px}.projects-view .solar-metrics small{font-size:10px}}

@media screen {
  .view:where(:not(#homeView)) .page-head {gap:28px}
  .view:where(:not(#homeView)) .page-head h1 {font-size:clamp(32px,3.7vw,56px);max-width:1000px}
  .tool-index {padding:20px 0 28px;gap:10px;flex-wrap:wrap;background:none;border:0;border-bottom:1px solid #444;border-radius:0;margin-bottom:32px}
  .tool-index>span {color:#999;font-size:11px;margin-right:12px}
  .tool-index button {background:none;border:1px solid #555;border-radius:0;color:#ccc;padding:10px 15px;font-size:12px;transition:background .2s,color .2s}
  .tool-index button:hover {background:#eee;color:#171717;border-color:#eee}
  #toolsView .tool-card, #lifeView .life-card {scroll-margin-top:100px}
  #studyView .learning-extra-grid {margin-top:28px;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
  #studyView .learning-extra-grid>.learning-card {padding:28px;min-height:0}
  #studyView .learning-extra-grid>.learning-card:last-child {grid-column:1/-1}
  .template-thumb {height:64px;margin-bottom:14px}
  .jobs-head .resume-signal {flex-shrink:0}
  @media(max-width:720px) {
    #toolsView .tool-grid,#lifeView .life-grid,#studyView .learning-extra-grid {grid-template-columns:1fr}
    #toolsView .tool-card,#lifeView .life-card {min-height:0;padding:24px 18px}
    .jobs-head .resume-signal {display:block;width:100%;margin-top:28px;padding:0 0 0 16px}
    .tool-index {gap:8px}
    .tool-index>span {width:100%}
    .view:where(:not(#homeView)) .page-head h1 {font-size:34px}
    .view:where(:not(#homeView)) :is(.local-badge,.play-badge) {display:inline-flex;margin-top:20px;font-size:9px}
  }
}

@media screen {
  .career-subnav button {display:flex;align-items:center;white-space:nowrap;gap:0}
  #jobsView .job-search-card {padding:0 26px 20px 0;border:0;border-right:1px solid #393939;background:none;color-scheme:dark;scrollbar-width:thin}
  #jobsView .job-search-form>label:not(.search-field) {padding:0;min-width:0;border:0;background:none;border-radius:0;box-shadow:none}
  #jobsView .job-search-form>label {min-width:0}
  #jobsView .job-search-form .search-field {width:100%;min-width:0}
  #jobsView .job-search-form :is(input,select) {min-width:0;max-width:100%;width:100%}
  #jobsView .resume-signal {padding:10px 0 10px 26px;border:0;border-left:1px solid #555;background:none}
  .view:where(:not(#homeView)) .local-badge i {background:#bcbcbc;box-shadow:none}
  @media(max-width:720px) {
    #jobsView .job-search-card {padding:0 0 26px;border-right:0;border-bottom:1px solid #444}
    #jobsView .job-search-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  }
}

/* Per-job tracker state remains visible on the job card. */
.job-card .job-status-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.job-card .job-status-chip{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #646464;border-radius:0;background:#343434;color:#d1d1d1;font-size:9px;font-weight:800}
.job-card .job-status-chip.is-applied{background:#4b342b;color:#f0c2a7}
.job-card .job-status-chip.is-interview{background:#303b55;color:#b9c8ee}
.job-card .job-status-chip.is-offer{background:#4c4227;color:#f1d98b}
.job-card .job-status-chip.is-closed{background:#3a3a3a;color:#a9a9a9}
.job-card .job-status-chip.is-saved{background:#4c3b20;color:#f2ce7b}