@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#1e1e1e;--panel:#181818;--raised:#252526;--line:#333;--text:#d4d4d4;--muted:#858585;--blue:#007acc;--cyan:#9cdcfe;--green:#6a9955;--amber:#dcb67a;--sans:'Manrope','Segoe UI',sans-serif;--mono:'IBM Plex Mono',Consolas,monospace}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font:13px var(--sans);-webkit-font-smoothing:antialiased}.window{height:100vh;height:100dvh;width:100vw;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.titlebar{height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;background:var(--panel);color:#aaa;border-bottom:1px solid #252525;font:11px var(--sans)}.window-controls{width:94px;display:flex;gap:8px;padding-left:15px}.window-controls i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.window-controls i:nth-child(2){background:#febc2e}.window-controls i:nth-child(3){background:#28c840}.title{color:#aaa}.title-actions{width:94px;display:flex;justify-content:flex-end;gap:20px;padding-right:16px;font-size:18px}.app{min-height:0;flex:1;display:flex}.activity{width:49px;flex:none;background:var(--panel);border-right:1px solid #252525;display:flex;align-items:center;flex-direction:column;padding:7px 0;gap:5px}.activity-btn{border:0;background:none;color:#858585;width:48px;height:46px;font-size:22px;border-left:2px solid transparent;cursor:pointer;transition:color .16s ease,background .16s ease}.activity-btn:hover{color:#ddd;background:#222}.activity-btn.active{color:#fff;border-left-color:#fff}.activity-spacer{flex:1}.explorer{width:238px;flex:none;background:var(--panel);border-right:1px solid #333;display:flex;flex-direction:column;overflow:auto}.side-heading{height:38px;padding:12px 14px 0;font-size:10px;letter-spacing:.1em;color:#bbb;display:flex;justify-content:space-between}.side-heading button{background:none;border:0;color:#999;font-size:18px;margin-top:-8px;cursor:pointer}.workspace-label{height:30px;display:flex;align-items:center;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:.05em;color:#ccc;white-space:nowrap}.chevron{margin-right:5px;font-size:14px}.tree{padding:2px 0 18px}.folder-label{height:25px;display:flex;align-items:center;padding:0 10px;color:#ccc;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .14s ease}.folder-label:hover,.file-row:hover{background:#2a2d2e}.folder-label .arrow{width:17px;color:#aaa;font-size:11px}.folder-icon{margin-right:8px;color:var(--amber);font-size:13px}.file-row{height:25px;display:flex;align-items:center;padding-left:34px;gap:8px;color:#bbb;cursor:pointer;white-space:nowrap;font:11px var(--sans);transition:background .14s ease,color .14s ease}.file-row.selected{background:#37373d;color:#fff}.file-icon{width:13px;height:15px;display:inline-grid;place-items:center;font:9px var(--mono);border:1px solid currentColor;border-radius:2px;color:#83a6c9;flex:none}.file-row[data-type="html"] .file-icon{color:#e37933}.file-row[data-type="json"] .file-icon{color:var(--amber)}.file-row[data-type="md"] .file-icon{color:#519aba}.outline{margin-top:auto;border-top:1px solid #333;padding:10px 12px;font-size:10px;color:#bbb;letter-spacing:.08em}.outline span{margin-right:6px}.editor-area{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;background:var(--bg)}.tabs{height:36px;flex:none;background:var(--panel);display:flex;overflow-x:auto;border-bottom:1px solid #252525}.tab{height:36px;padding:0 14px;display:flex;align-items:center;gap:9px;background:#2d2d2d;border-right:1px solid #252525;color:#aaa;white-space:nowrap;cursor:pointer;font:11px var(--sans)}.tab.active{background:var(--bg);color:#eee;border-top:1px solid var(--blue)}.tab-close{color:#888;font-size:15px;margin-left:5px}.breadcrumbs{height:32px;flex:none;display:flex;align-items:center;gap:8px;padding:0 21px;color:#969696;font:10px var(--mono);border-bottom:1px solid #252525}.breadcrumbs b{color:#ccc;font-weight:400}.editor{padding:38px clamp(28px,6vw,96px) 54px;overflow:auto;flex:1;line-height:1.75;font-size:14px;scrollbar-color:#424242 transparent;scrollbar-width:thin}.content{max-width:760px;animation:editor-in .32s cubic-bezier(.2,.75,.25,1) both}.line{font-family:var(--mono);white-space:pre-wrap}.line.heading{font-family:var(--sans);font-size:26px;line-height:1.3;color:#e7e5e1;margin:0 0 8px;font-weight:700;letter-spacing:-.035em}.line.subheading{font-family:var(--sans);font-size:15px;color:#e1dfdc;margin:25px 0 7px;font-weight:700;letter-spacing:-.015em}.line.dim{color:#888;font-size:12px}.line.body{font-family:var(--sans);font-size:13px;color:#c8c8c8;margin:8px 0 14px;max-width:680px}.line.bullet{font-family:var(--sans);font-size:13px;color:#c8c8c8;padding-left:18px;position:relative;margin:4px 0}.line.bullet:before{content:"•";position:absolute;left:3px;color:var(--green)}.line.code{font-size:12px;color:#ce9178}.line.code .key{color:var(--cyan)}.line.code .string{color:#ce9178}.line.code .comment{color:var(--green)}.line.tag{display:inline-block;border:1px solid #444;border-radius:2px;padding:2px 8px;margin:8px 5px 4px 0;color:var(--cyan);font:10px var(--mono)}.line.spacer{height:10px}.statusbar{height:23px;flex:none;background:#007acc;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#fff;font:9px var(--mono)}.status-left,.status-right{display:flex;gap:15px;align-items:center}.status-left span:first-child{background:#0063a5;padding:2px 6px}.welcome{padding-top:min(17vh,170px);max-width:720px}.welcome h1{font-family:var(--sans);font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.065em;margin:0;color:#e8e6e3;font-weight:700;animation:rise-in .5s .04s both}.welcome .lead{font-family:var(--sans);font-size:15px;color:#aaa;line-height:1.8;max-width:550px;margin-top:22px;animation:rise-in .5s .12s both}.welcome .quick{display:flex;flex-direction:column;align-items:stretch;max-width:520px;margin-top:37px;border-top:1px solid #3a3a3a}.quick button{position:relative;background:none;border:0;border-bottom:1px solid #333;color:#ccc;text-align:left;padding:12px 28px 12px 2px;font:12px var(--mono);cursor:pointer;display:flex;align-items:center;gap:12px;transition:padding .2s ease,color .2s ease,background .2s ease;animation:rise-in .45s both}.quick button:nth-child(1){animation-delay:.14s}.quick button:nth-child(2){animation-delay:.2s}.quick button:nth-child(3){animation-delay:.26s}.quick button:nth-child(4){animation-delay:.32s}.quick button:after{content:'↗';position:absolute;right:7px;color:#777;transition:transform .2s,color .2s}.quick button:hover{padding-left:9px;background:#242424;color:#fff}.quick button:hover:after{transform:translate(2px,-2px);color:var(--cyan)}.quick b{font-weight:500;color:var(--cyan);min-width:105px}.quick small{color:#888;font:10px var(--mono)}.welcome .hint{font:10px var(--mono);color:#777;margin-top:27px;animation:rise-in .5s .38s both}.mobile-tree-toggle{display:none}a{color:var(--cyan);text-decoration:none;border-bottom:1px solid #496575}a:hover{color:#fff;border-color:var(--cyan)}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes editor-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.titlebar{height:34px}.window-controls,.title-actions{width:60px}.title{font-size:10px}.activity{width:42px}.activity-btn{width:41px;height:42px;font-size:20px}.explorer{position:absolute;z-index:3;left:42px;top:34px;bottom:23px;width:min(270px,calc(100vw - 42px));box-shadow:12px 0 30px #0008;transform:translateX(-110%);transition:transform .2s ease}.explorer.open{transform:translateX(0)}.editor{padding:28px 21px 40px}.breadcrumbs{padding:0 12px;font-size:9px}.status-right span:nth-child(2),.status-right span:nth-child(3),.status-right span:nth-child(4){display:none}.status-left,.status-right{gap:9px}.welcome{padding-top:clamp(65px,13vh,120px)}.welcome h1{font-size:clamp(36px,10vw,50px)}.welcome .lead{font-size:13px;margin-top:15px}.welcome .quick{margin-top:25px}.quick button{font-size:10px}.quick b{min-width:92px}.mobile-tree-toggle{display:block;position:absolute;z-index:2;left:7px;top:42px;width:28px;height:28px;background:#252526;border:1px solid #444;color:#ddd;border-radius:3px;cursor:pointer}.tabs{padding-left:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.content.profile-page,.content.split-page{max-width:none;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(320px,1.08fr);gap:clamp(32px,5vw,92px);align-items:start}
.frontmatter{max-width:720px;margin:16px 0 25px;padding:8px 0;background:rgba(16,18,20,.54);border-left:1px solid #41474d;overflow-x:auto;color:var(--text);font:11px/1.65 var(--mono)}
.meta-head{display:flex;justify-content:space-between;padding:2px 12px 7px;color:#777;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #303438;margin-bottom:4px}
.meta-head-label{color:#999}
.meta-row{display:grid;grid-template-columns:36px max-content 10px max-content;align-items:baseline;min-width:max-content;padding:1px 12px 1px 0;white-space:pre}
.meta-number{padding-right:10px;text-align:right;color:#555;user-select:none}
.meta-key{color:#9cdcfe}.meta-colon{color:#8b8b8b}.meta-value{color:#ce9178}.meta-delimiter{color:#d4d4d4}
.meta-rule{grid-template-columns:36px max-content}
.profile-copy{max-width:640px}
.profile-page .line.heading{font-size:34px}
.portrait-frame{margin:4px 0 0;justify-self:stretch;max-width:680px;aspect-ratio:1.5/1;position:relative;overflow:hidden;background:#090909;border:1px solid #3b3b3b}
.portrait-crop{position:absolute;inset:0;overflow:hidden}
.portrait-crop img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.42) translateY(-8%);filter:grayscale(1);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.portrait-frame:hover .portrait-crop img{transform:scale(1.48) translateY(-8%)}
.portrait-frame figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 13px;background:linear-gradient(transparent,#000b);color:#eee;font:9px var(--mono);letter-spacing:.09em}
.portrait-frame figcaption span{color:#aaa}
.company-card{margin:28px 0 0;align-self:start;border:1px solid #383838;background:#202020;padding:12px}
.company-logo{width:100%;aspect-ratio:16/8.5;display:grid;place-items:center;background:#f6f6f6;padding:10%}
.company-logo img{display:block;width:min(100%,360px);max-height:100%;object-fit:contain}
.company-card p{font:9px var(--mono);letter-spacing:.12em;color:#888;margin:10px 2px 1px}
.content.project-page{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;max-width:none;min-height:100%;margin:-38px -clamp(28px,6vw,96px) -54px;padding:48px clamp(28px,6vw,96px) 60px;overflow:hidden}
.project-backdrop{position:absolute;z-index:0;inset:0;background-image:linear-gradient(90deg,rgba(30,30,30,.58),rgba(30,30,30,.42)),var(--project-image);background-size:cover;background-position:center;opacity:.9;filter:saturate(.8);pointer-events:none}
.project-copy{position:relative;z-index:1;width:min(730px,100%);max-width:730px;padding:22px 28px 24px;border-left:1px solid #4a4a4a;background:linear-gradient(90deg,rgba(30,30,30,.82),rgba(30,30,30,.64));backdrop-filter:blur(1px)}
.project-page-light .project-backdrop{background-image:linear-gradient(90deg,rgba(25,27,22,.58),rgba(25,27,22,.42)),var(--project-image);filter:saturate(.72) blur(.35px);background-size:cover}
.project-page-light .project-copy{background:linear-gradient(90deg,rgba(30,30,30,.92),rgba(30,30,30,.84))}
.content.video-page{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;max-width:none;min-height:100%;margin:-38px -clamp(28px,6vw,96px) -54px;padding:48px clamp(28px,6vw,96px) 60px;overflow:hidden}
.video-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden;background:#111}
.background-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .9s ease;filter:saturate(.78)}
.background-clip.is-active{opacity:.56}
.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,19,21,.72),rgba(18,19,21,.48) 55%,rgba(18,19,21,.22)),linear-gradient(0deg,rgba(18,19,21,.5),transparent 48%);pointer-events:none}
.video-copy{position:relative;z-index:1;width:min(760px,100%);padding:24px 30px 26px;border-left:1px solid #4a4a4a;background:linear-gradient(90deg,rgba(30,30,30,.88),rgba(30,30,30,.74));backdrop-filter:blur(2px)}
.video-controls{position:absolute;z-index:2;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vh,34px);display:flex;align-items:center;gap:8px;padding:7px;background:#17191bcc;border:1px solid #484848;backdrop-filter:blur(6px);font:9px var(--mono);letter-spacing:.08em;color:#aaa}
.video-controls button{background:#252729;border:1px solid #414141;color:#d4d4d4;padding:8px 10px;font:inherit;letter-spacing:inherit;cursor:pointer;transition:background .16s,color .16s,border-color .16s}
.video-controls button:hover{background:#33383a;border-color:#666;color:#fff}
.clip-count{padding:0 7px;color:var(--cyan)}
@media(max-width:900px){.content.profile-page,.content.split-page{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:26px}.profile-page .line.heading{font-size:29px}}
@media(max-width:760px){.content.profile-page,.content.split-page{grid-template-columns:1fr;gap:24px}.profile-page .portrait-frame{grid-row:1;max-width:460px;width:100%;aspect-ratio:1.45/1;margin:0 auto 8px}.company-card{grid-row:1;margin:0 auto 8px;width:min(100%,440px)}.content.project-page{margin:-28px -21px -40px;padding:32px 21px 45px}.project-copy{padding:20px 18px}.content.video-page{margin:-28px -21px -40px;padding:32px 21px 82px}.video-copy{padding:20px 18px}.video-controls{right:14px;bottom:14px}}
button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.folder-label,.file-row{appearance:none;border-radius:0;text-align:left}
.folder-label{width:100%;border:0;background:transparent;font-family:var(--sans)}
.file-row{width:100%;border:0;background:transparent}
.tab{appearance:none;border:0;border-right:1px solid #252525;border-radius:0}
.tab-close{appearance:none;border:0;background:transparent;color:#888;padding:0 2px;font:inherit;cursor:pointer}
.activity-btn{display:grid;place-items:center;cursor:default}
.activity-btn:hover{background:transparent;color:#858585}
.activity-btn.active:hover{color:#fff}
.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-150%);padding:9px 12px;background:#252526;color:#fff;border:1px solid #777;font:12px var(--sans)}
.skip-link:focus{transform:translateY(0)}
.line.heading,.line.subheading{ text-wrap:balance }
.video-controls{bottom:calc(clamp(18px,3vh,34px) + env(safe-area-inset-bottom))}
.video-copy,.project-copy{min-width:0}
.folder-label,.file-row,.quick button,.video-controls button,.mobile-tree-toggle,.tab-select,.tab-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:760px){.profile-page .profile-copy,.split-page .profile-copy{grid-row:2;grid-column:1}.profile-page .portrait-frame,.split-page .company-card{grid-row:1;grid-column:1}.video-controls{bottom:calc(14px + env(safe-area-inset-bottom))}}
.tab{padding:0 9px;gap:4px}
.tab-select{display:flex;min-width:0;height:100%;flex:1;align-items:center;gap:9px;appearance:none;border:0;background:transparent;color:inherit;padding:0;white-space:nowrap;text-align:left;font:11px var(--sans);cursor:pointer}
.tab-select:hover{color:#fff}
.line-list{list-style:none;margin:6px 0 14px;padding:0}
.line.heading:focus{outline:2px solid var(--cyan);outline-offset:4px}
.breadcrumbs [aria-current="page"]{color:#d4d4d4}
.tab:focus-within{background:#333}
.tab-close:disabled{opacity:.45;cursor:not-allowed}
.meta-head{color:#9a9a9a}
.titlebar{position:relative}
.title{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.tree .file-row[hidden]{display:none!important}

/* Keep the editor layout useful on narrow, touch-first screens. */
@media(max-width:600px){
  html,body,.window{min-height:100%;height:100dvh}
  body{font-size:12px}
  .titlebar{height:32px;min-height:32px}
  .window-controls{display:none}
  .title-actions{width:42px;padding-right:10px}
  .title{font-size:10px;max-width:calc(100vw - 88px);overflow:hidden;text-overflow:ellipsis}
  .activity{display:none}
  .explorer{left:0;top:32px;bottom:22px;width:min(280px,86vw)}
  .mobile-tree-toggle{left:6px;top:39px;width:27px;height:27px}
  .tabs{height:34px;padding-left:38px}
  .tab{height:34px;padding:0 8px;gap:3px}
  .tab-select{gap:6px;font-size:10px}
  .breadcrumbs{height:27px;padding:0 11px 0 41px;gap:6px;font-size:9px;overflow:hidden;white-space:nowrap}
  .editor{padding:18px 15px 26px;font-size:12px}
  .line.heading{font-size:23px;line-height:1.24;margin-bottom:7px}
  .line.subheading{font-size:14px;margin:19px 0 6px}
  .line.body,.line.bullet{font-size:12px;line-height:1.65}
  .line.body{margin:7px 0 11px}
  .line.code,.frontmatter{font-size:10px}
  .frontmatter{margin:11px 0 17px;padding:6px 0;max-width:100%}
  .meta-row{padding-right:8px}
  .meta-number{padding-right:7px}
  .line.tag{font-size:9px;padding:2px 6px;margin:6px 4px 3px 0}
  .content.profile-page,.content.split-page{gap:16px}
  .profile-page .line.heading{font-size:27px}
  .profile-page .portrait-frame{width:min(100%,350px);aspect-ratio:1.55/1;margin:0 auto 1px}
  .company-card{width:min(100%,350px);padding:9px;margin:0 auto 1px}
  .company-logo{aspect-ratio:16/6;padding:7%}
  .company-card p{font-size:8px;margin-top:8px}
  .content.project-page{margin:-18px -15px -26px;padding:28px 14px 34px;min-height:100%;align-items:center}
  .project-copy{width:100%;padding:15px 13px 16px;border-left-width:1px;background:linear-gradient(90deg,rgba(30,30,30,.9),rgba(30,30,30,.78))}
  .content.video-page{margin:-18px -15px -26px;padding:24px 14px 70px;min-height:100%;align-items:center}
  .video-copy{width:100%;padding:15px 13px 16px;background:linear-gradient(90deg,rgba(30,30,30,.92),rgba(30,30,30,.82))}
  .video-controls{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));gap:5px;padding:5px;font-size:8px}
  .video-controls button{padding:7px 8px;font-size:8px}
  .clip-count{padding:0 4px}
  .statusbar{height:22px;padding:0 7px;font-size:8px}
  .status-left,.status-right{gap:7px}
  .status-right span:nth-child(n+2){display:none}
  .welcome{padding-top:clamp(40px,9vh,76px)}
  .welcome h1{font-size:clamp(32px,9vw,42px)}
  .welcome .lead{font-size:12px;line-height:1.65;margin-top:12px}
  .welcome .quick{margin-top:19px}
  .quick button{padding:10px 24px 10px 1px;font-size:9px;gap:8px}
  .quick b{min-width:82px}
  .quick small{font-size:9px}
  .welcome .hint{margin-top:18px;font-size:9px}
}
@media(max-width:380px){
  .editor{padding-right:12px;padding-left:12px}
  .content.project-page{margin-right:-12px;margin-left:-12px;padding-right:11px;padding-left:11px}
  .content.video-page{margin-right:-12px;margin-left:-12px;padding-right:11px;padding-left:11px}
  .project-copy,.video-copy{padding-right:10px;padding-left:10px}
  .video-controls{gap:4px}
  .video-controls button{padding:6px}
}

.title-actions{gap:5px;align-items:center}
.toolbar-toggle{height:25px;min-width:29px;padding:0 7px;border:1px solid #3c3c3c;border-radius:2px;background:#202020;color:#c8c8c8;font:10px var(--mono);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.theme-toggle{font:16px/1 var(--sans)}
.toolbar-toggle:hover{background:#303030;color:#fff;border-color:#666}
.toolbar-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

:root[data-theme="light"]{color-scheme:light;--bg:#f3f3f3;--panel:#e7e7e7;--raised:#dedede;--line:#c8c8c8;--text:#303030;--muted:#676767;--blue:#0067a8;--cyan:#005b91;--green:#4f7b30;--amber:#946800}
:root[data-theme="light"] body,:root[data-theme="light"] .window,:root[data-theme="light"] .editor-area{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .titlebar,:root[data-theme="light"] .activity,:root[data-theme="light"] .explorer,:root[data-theme="light"] .tabs{background:var(--panel);border-color:#d1d1d1}
:root[data-theme="light"] .titlebar,:root[data-theme="light"] .title{color:#555}
:root[data-theme="light"] .side-heading,:root[data-theme="light"] .workspace-label,:root[data-theme="light"] .folder-label,:root[data-theme="light"] .file-row,:root[data-theme="light"] .outline{color:#454545}
:root[data-theme="light"] .folder-label:hover,:root[data-theme="light"] .file-row:hover{background:#d8d8d8}
:root[data-theme="light"] .file-row.selected{background:#d1dbe5;color:#172b3b}
:root[data-theme="light"] .tab{background:#e0e0e0;color:#555;border-color:#d0d0d0}
:root[data-theme="light"] .tab.active{background:var(--bg);color:#222;border-top-color:var(--blue)}
:root[data-theme="light"] .tab-close,:root[data-theme="light"] .breadcrumbs{color:#666}
:root[data-theme="light"] .breadcrumbs{border-color:#ddd}
:root[data-theme="light"] .breadcrumbs b,:root[data-theme="light"] .breadcrumbs [aria-current="page"]{color:#303030}
:root[data-theme="light"] .editor{scrollbar-color:#b2b2b2 transparent}
:root[data-theme="light"] .line.heading,:root[data-theme="light"] .line.subheading,:root[data-theme="light"] .welcome h1{color:#242424}
:root[data-theme="light"] .line.body,:root[data-theme="light"] .line.bullet{color:#414141}
:root[data-theme="light"] .line.dim,:root[data-theme="light"] .welcome .lead,:root[data-theme="light"] .welcome .hint{color:#666}
:root[data-theme="light"] .frontmatter{background:#e8e8e8;border-color:#c5c5c5;color:#333}
:root[data-theme="light"] .meta-head{border-color:#d0d0d0;color:#666}
:root[data-theme="light"] .meta-number{color:#888}
:root[data-theme="light"] .meta-key{color:#005b91}
:root[data-theme="light"] .meta-value{color:#a34d20}
:root[data-theme="light"] .meta-delimiter{color:#333}
:root[data-theme="light"] .line.tag{border-color:#b6b6b6;color:#005b91}
:root[data-theme="light"] .quick{border-color:#c8c8c8}
:root[data-theme="light"] .quick button{border-color:#d2d2d2;color:#333}
:root[data-theme="light"] .quick button:hover{background:#e4e4e4;color:#111}
:root[data-theme="light"] .quick b{color:#005b91}
:root[data-theme="light"] .quick small{color:#666}
:root[data-theme="light"] .company-card{background:#e9e9e9;border-color:#c9c9c9}
:root[data-theme="light"] .company-card p{color:#666}
:root[data-theme="light"] .mobile-tree-toggle{background:#e7e7e7;color:#333;border-color:#b8b8b8}
:root[data-theme="light"] .toolbar-toggle{background:#ededed;color:#333;border-color:#bdbdbd}
:root[data-theme="light"] .toolbar-toggle:hover{background:#dcdcdc;color:#111;border-color:#999}
:root[data-theme="light"] .statusbar{background:#0067a8}
:root[data-theme="light"] .project-page .project-copy,:root[data-theme="light"] .video-page .video-copy{color:#d4d4d4}
:root[data-theme="light"] .project-page .line.heading,:root[data-theme="light"] .video-page .line.heading,:root[data-theme="light"] .project-page .line.subheading,:root[data-theme="light"] .video-page .line.subheading{color:#e7e5e1}
:root[data-theme="light"] .project-page .line.body,:root[data-theme="light"] .project-page .line.bullet,:root[data-theme="light"] .video-page .line.body,:root[data-theme="light"] .video-page .line.bullet{color:#d0d0d0}
:root[data-theme="light"] .project-page .frontmatter,:root[data-theme="light"] .video-page .frontmatter{background:rgba(16,18,20,.78);color:#d4d4d4;border-color:#41474d}
:root[data-theme="light"] .project-page .meta-head,:root[data-theme="light"] .video-page .meta-head{border-color:#303438;color:#999}
:root[data-theme="light"] .project-page .meta-key,:root[data-theme="light"] .video-page .meta-key{color:#9cdcfe}
:root[data-theme="light"] .project-page .meta-value,:root[data-theme="light"] .video-page .meta-value{color:#ce9178}
:root[data-theme="light"] .project-page .meta-delimiter,:root[data-theme="light"] .video-page .meta-delimiter{color:#d4d4d4}
:root[data-theme="light"] .project-page .meta-number,:root[data-theme="light"] .video-page .meta-number{color:#555}

@media(max-width:600px){.title-actions{width:auto;min-width:65px;padding-right:7px;gap:4px}.toolbar-toggle{height:23px;min-width:27px;padding:0 5px;font-size:9px}.theme-toggle{font-size:15px}.title{left:50%;max-width:calc(100vw - 116px)}}