:root{color-scheme:dark;--ink:#e2eee4;--muted:#98afa0;--green:#9bf3a6;--line:#2b4232;--surface:#080f0cf5;--mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px;background:#060b08}
body{margin:0;min-width:280px;color:var(--ink);background:#060b08;font:14px/1.6 var(--mono);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
a:hover{color:var(--green)}
[hidden]{display:none!important}
::selection{color:#041008;background:#a6ecad}
#matrix-rain{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.7}
.rain-shade{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#060b080d,#060b0845 18%,#060b0845 82%,#060b080d)}
.page-width{position:relative;width:min(1120px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:24px;z-index:3000;padding:12px 18px;background:var(--green);color:#06110a}
.skip-link:focus{top:12px;color:#06110a}
.terminal-header{z-index:120;display:flex;align-items:center;gap:28px;min-height:100px}
.wordmark{display:flex;align-items:baseline;gap:0;white-space:nowrap;font-size:22px;letter-spacing:-1px;font-weight:700;color:var(--ink)}
.prompt-mark{margin-right:13px;color:var(--green);font-weight:400;letter-spacing:-2px}
.brand-number{color:var(--green)}
.brand-domain{margin-left:4px;color:var(--muted);font-size:11px;letter-spacing:0;font-weight:400}
.header-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px}
.header-links a{padding:10px 0;border-bottom:1px solid transparent}
.header-links a:hover{border-bottom-color:var(--green)}
.terminal-header .v55-account{margin-left:4px}
.terminal-header .v55-account-toggle{width:40px;height:40px;min-height:40px;border-radius:2px;box-shadow:none;background:#0b1810}
.terminal-header .v55-account-portrait{width:34px;height:34px;border-radius:0}
.terminal-shell{z-index:1;background:var(--surface);border:1px solid #3b5742;box-shadow:0 12px 80px #0005}
.terminal-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:12px 32px;border-bottom:1px solid var(--line);background:#0c1910;font-size:10px;letter-spacing:.1em;color:#b0c5b5}
.terminal-titlebar>span:first-child{display:flex;align-items:center;gap:10px}
.status-dot{width:5px;height:5px;background:var(--green);box-shadow:0 0 7px #9bf3a633}
.terminal-origin{color:#8ca591}
.terminal-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:70px;align-items:center;padding:46px 48px 42px;scroll-margin-top:20px}
.command-caption{margin:0 0 20px;color:var(--muted);font-size:10px;letter-spacing:.12em}
.command-caption>span{color:var(--green);margin-right:8px}
h1{margin:0;font-size:clamp(33px,4.1vw,52px);line-height:1.16;letter-spacing:-2.1px;font-weight:500}
.cursor-block{color:var(--green);margin-left:4px;font-weight:400}
.intro-description{margin:21px 0 24px;color:#afc1b3;font-size:12px;line-height:1.9;max-width:440px}
.open-library{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:46px;padding:10px 18px;background:var(--green);border:1px solid var(--green);color:#07170b;font-size:12px;font-weight:700}
.open-library:hover{background:#c2fbca;border-color:#c2fbca;color:#07170b}
.open-library>span{font-size:20px;font-weight:400}
.access-note{margin:11px 0 0;color:var(--muted);font-size:10px}
.quick-access{border-left:1px solid var(--line);padding-left:28px}
.quick-access h2{margin:0 0 14px;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.08em}
.quick-access>a{position:relative;display:flex;flex-direction:column;gap:3px;min-height:69px;padding:13px 22px 13px 0;border-top:1px solid var(--line)}
.quick-command{color:var(--green);font-size:13px}
.quick-command::before{content:"> ";color:#668a70}
.quick-access>a>span:nth-child(2){font-size:10px;color:var(--muted)}
.quick-access b{position:absolute;right:0;top:14px;color:#88a590;font-size:14px;font-weight:400}
.quick-access>a:hover .quick-command,.quick-access>a:hover b{color:#dbffe2}
.directory{margin:0 48px;padding:26px 0 24px;border-top:1px solid #4b6952;scroll-margin-top:24px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.section-heading h2{margin:0;font-weight:400;font-size:14px;letter-spacing:-.2px}
.section-heading h2>span{color:var(--green);margin-right:8px}
.section-heading>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.directory-list{border-top:1px solid var(--line)}
.directory-entry{display:grid;grid-template-columns:30px 122px minmax(0,1fr) 64px;gap:16px;align-items:center;min-height:65px;padding:15px 10px;border-bottom:1px solid var(--line);transition:background-color .15s ease}
.directory-entry:hover{background:#13291a;color:var(--ink)}
.entry-number{font-size:10px;color:#7f9c87}
.entry-name{font-size:17px;color:var(--green);font-weight:500;letter-spacing:-.4px}
.entry-slash{color:#648a6d;margin-left:2px;font-weight:400}
.entry-description{color:#b6c7bb;font-size:11px}
.entry-access{color:#a9bfae;font-size:9px;letter-spacing:.06em;text-align:right;white-space:nowrap}
.directory-entry:hover .entry-access{color:var(--green)}
.library-status{min-height:17px;margin:15px 10px 0;color:var(--muted);font-size:10px}
.terminal-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:16px 32px;border-top:1px solid var(--line);background:#0a160ee6;scroll-margin-top:30px}
.display-control{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.display-label{font-size:9px;letter-spacing:.08em;color:#8ba393}
#rain-toggle{min-height:28px;padding:3px 0;border:0;border-bottom:1px solid #46634e;border-radius:0;background:transparent;color:#b9cebf;cursor:pointer;font-size:10px}
#rain-toggle:hover{color:var(--green);border-bottom-color:var(--green)}
.account-help{font-size:10px;color:#acc3b2}
.account-help span{margin-left:6px}
.terminal-footer{z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:24px 32px;color:#a1b8a8;font-size:9px;letter-spacing:.04em}
.footer-divider{margin-inline:8px;color:#56765e}
.terminal-footer a{font-size:11px;color:#c7dacd;white-space:nowrap}
.terminal-footer a:hover{color:var(--green)}
.v55-account-panel{font-family:var(--mono);border-radius:2px;border-top:1px solid #79ab83;background:#0b1710}
.v55-account-panel .v55-account-links [role=menuitem]{font-family:var(--mono);border-radius:1px}
@media(min-width:1500px){.terminal-header{min-height:120px}.terminal-intro{padding-top:56px;padding-bottom:50px}}
@media(max-width:1000px){.page-width{width:calc(100% - 56px)}.terminal-intro{padding:36px 32px;gap:36px;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr)}.directory{margin-inline:32px}.directory-entry{grid-template-columns:24px 98px minmax(0,1fr) 57px;gap:12px}.entry-description{font-size:10px}.header-links{gap:20px}.terminal-titlebar{padding-inline:26px}.terminal-bottom{padding-inline:26px}}
@media(max-width:700px){.page-width{width:calc(100% - 32px)}.terminal-header{min-height:80px;gap:16px}.header-links{gap:15px;font-size:10px}.header-links a:first-child{display:none}.wordmark{font-size:20px}.brand-domain{display:none}.prompt-mark{margin-right:9px}.terminal-titlebar{padding:12px 20px;font-size:9px;letter-spacing:.04em}.terminal-origin{display:none}.terminal-intro{grid-template-columns:1fr;padding:30px 24px;gap:28px}h1{font-size:clamp(28px,7.4vw,39px);letter-spacing:-1.8px}.intro-description{font-size:11px;margin-top:17px}.quick-access{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.quick-access h2{margin-bottom:12px}.quick-access>a{min-height:56px;padding-block:10px;display:grid;grid-template-columns:122px minmax(0,1fr);gap:10px;align-items:center}.quick-access>a>span:nth-child(2){font-size:10px}.quick-access b{top:15px}.quick-access>a:last-child{border-bottom:1px solid var(--line)}.directory{margin-inline:24px;padding-top:22px}.section-heading{gap:12px}.section-heading h2{font-size:12px}.section-heading>span{font-size:8px}.directory-entry{grid-template-columns:22px minmax(0,1fr) 52px;gap:12px;padding:14px 4px;min-height:76px}.entry-number{grid-column:1;grid-row:1/3;align-self:start;padding-top:4px}.entry-name{grid-column:2;grid-row:1;font-size:17px}.entry-description{grid-column:2;grid-row:2;font-size:10px;line-height:1.7}.entry-access{grid-column:3;grid-row:1/3;font-size:8px}.library-status{margin-inline:4px;line-height:1.8}.terminal-bottom{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:14px}.display-control{gap:14px}.terminal-footer{font-size:8px;align-items:flex-start;gap:16px;line-height:1.8}.terminal-footer a{font-size:10px}}
@media(max-width:380px){.page-width{width:calc(100% - 20px)}.terminal-header{gap:12px}.header-links{gap:11px;font-size:9px}.header-links a:nth-child(2){display:none}.terminal-intro{padding:26px 18px}h1{font-size:clamp(26px,8vw,30px);letter-spacing:-1.4px}.cursor-block{font-size:.8em}.directory{margin-inline:18px}.quick-access>a{grid-template-columns:108px minmax(0,1fr)}.quick-access>a>span:nth-child(2){font-size:9px}.terminal-titlebar,.terminal-bottom{padding-inline:18px}.entry-description{font-size:9px}.section-heading>span{display:none}.terminal-footer>span{max-width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.directory-entry{transition:none}}
