.shell{--page-bg: #E9E9E9;--panel: #F7F7F7;--panel-soft: #D2D2D2;--panel-raised: #FFFFFF;--text: #050505;--muted: #3F3F3F;--accent: #C8C8C8;--accent-strong: #B5B5B5;--line: #050505;--field: #FFFFFF;--dark: #BEBEBE}.shell{min-height:calc(100vh - 40px);display:grid;grid-template-columns:260px 1fr;overflow:hidden;border:4px solid var(--line);border-radius:0;background:linear-gradient(90deg,rgba(5,5,5,.05) 1px,transparent 1px),linear-gradient(rgba(5,5,5,.05) 1px,transparent 1px),var(--panel-soft);background-size:16px 16px;color:var(--text);margin:28px auto;width:min(1180px,calc(100vw - 48px))}.sidebar{border-right:1px solid var(--line);background:var(--dark);color:var(--text);padding:26px 18px}.brand{display:flex;align-items:center;gap:10px;padding:0 4px 24px;font-weight:900}.brandLogoWrap{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--accent)}.brandLogoWrap img{width:80%;height:80%;object-fit:contain}.nav{display:grid;gap:6px}.navButton{height:42px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:0 10px;font:inherit;cursor:pointer}.navButton:hover{border-color:var(--line);background:var(--panel-soft);color:var(--text)}.navButton[aria-current=page]{border-color:var(--line);background:var(--panel-raised);color:var(--text)}.sidebarGraph{width:100%;display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:12px;margin-top:18px;text-align:left;cursor:pointer}.sidebarGraph:hover,.sidebarGraph[aria-current=page]{border-color:var(--accent)}.sidebarGraphTitle{font-weight:800}.sidebarGraphMeta{color:var(--muted);font-size:.78rem;line-height:1.35}.miniNodeCanvas{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(rgba(255,241,107,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,241,107,.12) 1px,transparent 1px),var(--dark);background-size:18px 18px}.miniRootNode{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:8px;background:var(--accent)}.miniNode{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:8px;background:linear-gradient(to top,var(--accent) var(--progress),var(--panel-soft) var(--progress))}.miniMedalCanvas{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;border:3px solid var(--line);background:var(--field);padding:8px}.miniMedal{aspect-ratio:1;border:2px solid var(--line);background:var(--accent)}.miniMedalGold{background:repeating-linear-gradient(45deg,#f4c542 0,#f4c542 5px,#fff4a3 5px,#fff4a3 9px)}.workspace{padding:28px 30px 30px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel-soft);padding:14px 16px;margin-bottom:18px}.platformStack{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.platformStack span{border:1px solid var(--line);border-radius:999px;background:var(--field);color:var(--muted);padding:4px 8px;font-size:.78rem;font-weight:900}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.15}h2{margin-bottom:10px;font-size:1.25rem}h3{margin-bottom:8px;font-size:1.05rem}p{color:var(--muted);line-height:1.55}.version,.muted{color:var(--muted);font-size:.9rem}.version{border:1px solid var(--line);border-radius:999px;background:var(--field);padding:6px 10px;color:var(--text);font-weight:900}.pageStack{display:grid;gap:18px}.primaryButton{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:var(--dark);padding:0 14px;font:inherit;font-weight:900;cursor:pointer;white-space:nowrap}.primaryButton:hover{background:var(--accent-strong);color:var(--dark)}.cardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.splitLayout{display:grid;grid-template-columns:minmax(280px,360px) minmax(230px,280px) 1fr;gap:18px;align-items:start}.editorPanel,.folderPanel,.listPanel,.agendaItem,.blogPostCard,.currentProject,.medalBoard,.noteCard,.nodeMap,.resourceUpload,.resourceCard,.resourceItem,.studyCard,.projectCard,.postRow{border:1px solid var(--line);border-radius:22px;background:var(--panel-soft)}.editorPanel,.folderPanel,.listPanel,.currentProject,.medalBoard,.nodeMap,.resourceUpload,.resourceCard,.studyCard,.projectCard{padding:18px}.folderList{display:grid;gap:10px}.folderButton{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--field);color:var(--text);padding:12px;text-align:left;cursor:pointer}.folderButton:hover,.folderButton[aria-current=page]{border-color:var(--accent);background:var(--panel-raised)}.folderButton strong,.folderButton small{display:block}.folderButton small{margin-top:3px;color:var(--muted);font-size:.76rem;line-height:1.3}.folderButton b{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--dark);font-size:.78rem}.sectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}label{display:grid;gap:7px;margin-bottom:12px;color:var(--text);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);padding:10px 11px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{min-height:120px;resize:vertical}.searchBox{height:42px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--field);padding:0 10px;margin-bottom:14px}.searchBox input{border:0;background:transparent;padding:0;outline:0}.noteList,.postList{display:grid;gap:12px}.noteCard{background:var(--panel-raised);padding:16px}.emptyState{border:1px dashed var(--line);border-radius:18px;background:var(--panel-soft);padding:18px}.emptyState h2{margin-bottom:6px}.emptyState p{margin-bottom:0}.cardTopline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--accent);font-size:.84rem;font-weight:700}.studyCard{display:grid;gap:10px}.currentProject{display:grid;gap:12px;background:var(--panel-soft);color:var(--text)}.currentProject p,.currentProject .cardTopline{color:var(--muted)}.projectMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.projectMetaGrid span{border:1px solid var(--line);border-radius:12px;background:var(--field);padding:10px;color:var(--text);font-size:.86rem;font-weight:700}.currentProject .projectMetaGrid span{border-color:var(--line);background:var(--field);color:var(--text)}.projectActions{display:flex;flex-wrap:wrap;gap:10px}.projectActions a,.projectActions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);padding:0 12px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.currentProject .projectActions a{border-color:var(--accent);background:var(--accent);color:var(--dark)}.progressTrack{height:9px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--field)}.progressTrack span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.nodeMapHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.nodeCanvas{position:relative;height:340px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(rgba(255,241,107,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,241,107,.1) 1px,transparent 1px),var(--field);background-size:28px 28px}.nodeLinks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nodeLinks path{fill:none;stroke:var(--line);stroke-width:.8;stroke-linecap:round;stroke-dasharray:2 2}.progressNode{position:absolute;width:112px;min-height:72px;transform:translate(-50%,-50%);display:grid;place-items:center;gap:2px;border:1px solid var(--line);border-radius:16px;background:var(--panel-raised)}.progressNode strong{font-size:.98rem}.progressNode span{color:var(--accent);font-weight:800}.nodeLegend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.nodeLegend article{border:1px solid var(--line);border-radius:16px;background:var(--panel-raised);padding:12px}.medalBoard{display:grid;gap:18px;padding:18px}.medalProgressPanel,.roadmapPanel{border:3px solid var(--line);background:var(--field);padding:14px}.medalGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.techMedal{min-height:96px;display:grid;place-items:center;align-content:center;gap:8px;border:3px solid var(--line);background:linear-gradient(90deg,rgba(5,5,5,.08) 1px,transparent 1px),linear-gradient(rgba(5,5,5,.08) 1px,transparent 1px),#d7d7d7;background-size:8px 8px;color:var(--muted);text-align:center}.techMedal span{font-size:.95rem;font-weight:900}.techMedal small{color:var(--muted);font-size:.72rem;font-weight:900}.techMedalGold{background:repeating-linear-gradient(135deg,#f4c542 0,#f4c542 8px,#fff4a3 8px,#fff4a3 14px);color:#050505}.techMedalGold small{color:#050505}.skillTreeCanvas{display:grid;gap:18px}.skillRoot{width:min(280px,100%);justify-self:center;display:grid;place-items:center;gap:4px;border:1px solid var(--line);border-radius:20px;background:var(--dark);color:var(--text);padding:18px}.skillRoot strong{font-size:1.25rem}.skillRoot span{color:var(--accent);font-weight:800}.roadmapRail{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:22px;background:var(--dark);padding:18px}.roadmapRail:before{content:"";position:absolute;left:38px;top:28px;bottom:28px;width:3px;background:var(--line)}.roadmapStep{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:12px;color:inherit;cursor:pointer;font:inherit;text-align:left}.roadmapStep:hover,.roadmapStep[aria-current=step]{background:var(--accent);border-color:var(--accent)}.roadmapStepComplete{background:#fff4a3}.roadmapIndex{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--dark);font-size:.78rem;font-weight:900;z-index:1}.roadmapStep h3{margin-bottom:6px}.roadmapStep p{margin-bottom:0;font-size:.9rem}.roadmapDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.roadmapDetailGroup{border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:14px}.roadmapDetailGroup ul{display:grid;gap:8px;margin:0;padding-left:18px}.roadmapDetailGroup li{color:var(--text);font-weight:700}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#090a0cbd}.roadmapModal{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text);padding:20px}.iconButton{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:var(--dark);font:inherit;font-weight:900;cursor:pointer}.iconButton:hover{background:var(--accent-strong);color:var(--dark)}.modalProgress{margin:14px 0;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:12px}.skillBranches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skillBranch{position:relative;display:grid;gap:12px;border:1px solid var(--line);border-top:16px solid var(--accent);border-radius:20px;background:var(--panel-soft);padding:14px}.skillBranch:before{content:"";position:absolute;left:50%;top:-18px;width:2px;height:18px;background:var(--line)}.skillBranchHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.skillBranchHeader h3{margin:0}.skillGoal{margin:-4px 0 0;color:var(--muted);font-size:.92rem;line-height:1.42}.skillBranchHeader span{border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--dark);padding:4px 9px;font-weight:900}.skillList{display:grid;gap:10px}.skillLeaf{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:10px}.routeSteps{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.routeSteps li{border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--muted);padding:4px 8px;font-size:.78rem;font-weight:800}.skillBranch .progressTrack span{background:var(--accent)}.treeNote{margin:0;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);padding:12px;font-size:.92rem}.agendaList{display:grid;gap:12px}.agendaItem{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px}.agendaItemDone{opacity:.64}.agendaItemDone h2{text-decoration:line-through}.agendaCheck{display:flex;align-items:center;gap:8px;margin:0;color:var(--text)}.agendaCheck input{width:auto}.resourceUpload{display:flex;align-items:center;justify-content:space-between;gap:18px}.resourceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resourceCard{display:grid;gap:12px}.resourcePreview{height:120px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:16px;background:linear-gradient(45deg,rgba(255,241,107,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,241,107,.07) 25%,transparent 25%),var(--field);background-size:22px 22px;color:var(--accent)}.resourceLibrary{display:grid;gap:12px;margin-top:14px}.resourceItem{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:14px}.resourceThumb{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--line);border-radius:16px;background:var(--field);color:var(--accent)}.resourceThumb img{width:100%;height:100%;object-fit:cover}.tagLine{display:inline-flex;color:var(--muted);font-size:.84rem;font-weight:700}.postRow{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px}.blogPostCard{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:16px}.blogPostImage{width:180px;min-height:140px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--line);border-radius:16px;background:linear-gradient(45deg,rgba(255,241,107,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,241,107,.07) 25%,transparent 25%),var(--field);color:var(--accent)}.blogPostImage img{width:100%;height:100%;object-fit:cover}.tweetBox{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--dark);color:var(--text);padding:12px;margin:12px 0}.tweetBox a{justify-self:start;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:var(--dark);padding:8px 12px;font-weight:900;text-decoration:none}.postRow>span{color:var(--muted);font-weight:700}.shell,.shell button,.shell input,.shell select,.shell textarea{font-family:Courier New,Lucida Console,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:0}.brand,h1,h2,h3,.primaryButton,.navButton,.folderButton strong,.cardTopline{font-weight:900;text-transform:uppercase}.sidebar,.topbar,.editorPanel,.folderPanel,.listPanel,.agendaItem,.blogPostCard,.currentProject,.medalBoard,.noteCard,.nodeMap,.resourceUpload,.resourceCard,.resourceItem,.studyCard,.projectCard,.postRow,.emptyState,.medalProgressPanel,.roadmapPanel,.techMedal,.miniMedalCanvas,.miniMedal,.searchBox,.folderButton,.roadmapRail,.roadmapStep,.roadmapDetailGroup,.roadmapModal,.modalProgress,.skillRoot,.skillBranch,.skillLeaf,.treeNote,.nodeCanvas,.nodeLegend article,.progressNode,.resourcePreview,.resourceThumb,.blogPostImage,.tweetBox,.projectMetaGrid span,.projectActions a,.projectActions button,.platformStack span,.version,.primaryButton,.iconButton,input,select,textarea{border-color:var(--line);border-radius:0}.sidebar,.topbar,.editorPanel,.folderPanel,.listPanel,.agendaItem,.blogPostCard,.currentProject,.medalBoard,.noteCard,.nodeMap,.resourceUpload,.resourceCard,.resourceItem,.studyCard,.projectCard,.postRow{border-width:3px;background:var(--panel)}.sidebar{background:var(--panel-soft)}.topbar,.sectionHeader{border-bottom:3px solid var(--line)}.topbar{align-items:center;background:var(--panel)}.sectionHeader{align-items:center;background:var(--accent);margin:-18px -18px 16px;padding:10px 14px}.brandLogoWrap,.roadmapIndex,.skillBranchHeader span,.folderButton b{border:3px solid var(--line);border-radius:0;background:var(--field);color:var(--text)}.navButton,.sidebarGraph,.folderButton,.medalProgressPanel,.roadmapPanel,.roadmapStep,.skillLeaf,.nodeLegend article,.progressNode,.emptyState,.projectMetaGrid span,.routeSteps li,.tweetBox,.modalProgress{background:var(--field)}.navButton:hover,.navButton[aria-current=page],.sidebarGraph:hover,.sidebarGraph[aria-current=page],.folderButton:hover,.folderButton[aria-current=page],.roadmapStep:hover,.roadmapStep[aria-current=step]{background:var(--accent);color:var(--text)}.primaryButton,.iconButton,.tweetBox a,.currentProject .projectActions a{border-width:3px;background:var(--accent);color:var(--text)}.primaryButton:hover,.iconButton:hover,.tweetBox a:hover{background:var(--accent-strong);color:var(--text)}input,select,textarea,.searchBox{border-width:3px;background:var(--field);color:var(--text)}.progressTrack{height:14px;border:3px solid var(--line);border-radius:0;background:var(--field)}.progressTrack span{border-radius:0;background:repeating-linear-gradient(90deg,var(--line) 0,var(--line) 4px,var(--accent) 4px,var(--accent) 9px)}.miniNodeCanvas,.miniMedalCanvas,.nodeCanvas,.resourcePreview,.blogPostImage,.techMedal{background:linear-gradient(90deg,rgba(5,5,5,.08) 1px,transparent 1px),linear-gradient(rgba(5,5,5,.08) 1px,transparent 1px),var(--field);background-size:12px 12px}.modalBackdrop{background:#0000006b}.roadmapModal{border-width:4px}.shell img{image-rendering:pixelated}@media(max-width:920px){.cardGrid,.medalGrid,.roadmapRail,.roadmapDetailGrid,.skillBranches,.nodeLegend,.resourceGrid,.splitLayout{grid-template-columns:1fr}.resourceUpload{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.shell{grid-template-columns:1fr;margin:0;border-radius:0}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebarGraph{display:none}.navButton{justify-content:center}.workspace{padding:20px}.postRow,.agendaItem,.blogPostCard,.resourceItem{grid-template-columns:1fr}.blogPostImage,.resourceThumb{width:100%}}*{box-sizing:border-box}html{font-family:Courier New,Lucida Console,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#e9e9e9}body{margin:0;min-width:320px;background:#e9e9e9;image-rendering:pixelated}button,input,textarea,select{font:inherit}