@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&display=swap";:root{--space: #07111f;--space-2: #0d1d30;--panel: #112942;--panel-light: #193a53;--cream: #fff4d6;--paper: #f7eac8;--ink: #18213b;--cyan: #6ee7d8;--cyan-dark: #2da99e;--yellow: #ffd568;--coral: #ff7c68;--purple: #bca7ff;--line: #33566f;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--cream);background:var(--space);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--space)}body{margin:0;min-width:320px;background-color:var(--space);background-image:linear-gradient(rgba(110,231,216,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,216,.055) 1px,transparent 1px);background-size:32px 32px;line-height:1.75}body:before{content:"";position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.045) 3px 4px)}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;padding:.5rem 1rem;background:var(--yellow);color:var(--ink)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;width:min(1180px,calc(100% - 3rem));min-height:72px;margin:0 auto;border-right:2px solid var(--line);border-bottom:2px solid var(--cyan-dark);border-left:2px solid var(--line);background:#07111ff0;box-shadow:0 5px #0000004d}.site-header:before,.site-header:after{content:"";align-self:stretch;width:8px;background:repeating-linear-gradient(180deg,var(--cyan) 0 8px,transparent 8px 14px)}.wordmark{margin-left:1rem;color:var(--cream);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.88rem;letter-spacing:-.06em;text-shadow:3px 3px 0 #000}.wordmark span{color:var(--coral)}.wordmark i{display:inline-block;margin-left:.5rem;color:var(--yellow);font-style:normal}.system-status{display:flex;align-items:center;gap:.45rem;margin-left:2rem;color:var(--cyan);font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.08em}.system-status i{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 0 3px #6ee7d824,0 0 13px var(--cyan);animation:signal 1.4s steps(2,end) infinite}.system-status span{color:#708da1}nav{display:flex;gap:.3rem;margin-left:auto;margin-right:1rem}nav button,.menu-button{border:2px solid transparent;background:transparent;cursor:pointer;font-family:DM Mono,monospace;font-size:.72rem}nav button{padding:.55rem .75rem;color:#b9cdd7}nav button:before{content:"[";margin-right:.35rem;color:var(--cyan-dark)}nav button:after{content:"]";margin-left:.35rem;color:var(--cyan-dark)}nav button:hover{border-color:var(--line);background:var(--panel);color:var(--yellow)}.menu-button{display:none;margin-left:auto;padding:.45rem .6rem;color:var(--yellow)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;gap:clamp(3rem,6vw,6rem);width:min(1180px,calc(100% - 3rem));min-height:720px;margin:0 auto;padding:5.5rem 0 6rem}.hero:before{content:"JANELAB_OS // 01";position:absolute;top:3rem;right:0;color:#426278;font-family:DM Mono,monospace;font-size:.56rem;letter-spacing:.12em}.hero:after{content:"";position:absolute;top:5.2rem;left:-3rem;width:18px;height:18px;background:var(--coral);box-shadow:18px 0 0 var(--coral),0 18px 0 var(--coral),36px 18px 0 var(--yellow),18px 36px 0 var(--cyan);opacity:.8}.hero-copy{position:relative;z-index:2}.kicker,.eyebrow,.note-label{margin:0 0 1.25rem;font-family:"Press Start 2P",monospace;font-size:.6rem;line-height:1.8;letter-spacing:.06em}.kicker{display:inline-flex;align-items:center;padding:.45rem .65rem;border:2px solid var(--coral);background:#ff7c6814;color:var(--coral);box-shadow:4px 4px #ff7c6829}.kicker span{margin-right:.55rem;color:var(--yellow);font-size:.48rem}.hero h1{max-width:760px;margin:0;color:var(--cream);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(3.2rem,5.7vw,5.5rem);font-weight:900;line-height:1.13;letter-spacing:-.07em;text-shadow:5px 5px 0 #000,7px 7px 0 #25415a}.hero h1 em{display:inline-block;position:relative;margin-top:.12em;padding:.02em .09em .08em;background:var(--yellow);color:var(--ink);font-style:normal;box-shadow:7px 7px 0 var(--coral);transform:rotate(-1deg)}.hero h1 em:after{content:"";position:absolute;right:-14px;bottom:-14px;width:10px;height:10px;background:var(--cyan);box-shadow:-10px 0 0 var(--cyan),0 -10px 0 var(--cyan)}.lede{max-width:640px;margin:2rem 0 0;padding-left:1rem;border-left:4px solid var(--cyan-dark);color:#b8cad4;font-size:1rem;line-height:2}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}.primary-link,.text-link{cursor:pointer;font-family:DM Mono,monospace;font-size:.74rem}.primary-link{padding:.82rem 1rem;border:3px solid var(--cream);background:var(--coral);color:#111b2a;box-shadow:6px 6px 0 var(--cream);font-weight:700;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.primary-link:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--cream)}.primary-link span{margin-left:.7rem}.text-link{padding:.75rem 1rem;border:2px solid var(--line);background:var(--panel);color:var(--cyan)}.text-link:hover{border-color:var(--cyan);background:var(--panel-light)}.micro-status{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2.25rem;font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.04em}.micro-status span{padding:.3rem .45rem;border:1px solid #294a60;background:#091d2eb8;color:#7394a6}.micro-status span:first-child{color:var(--cyan)}.micro-status i{display:inline-block;width:6px;height:6px;margin-right:.45rem;background:var(--cyan)}.tech-shell{position:relative;padding:2.9rem 1.3rem 2.4rem;border:4px solid var(--cyan);background-color:#081625;background-image:linear-gradient(rgba(110,231,216,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,216,.09) 1px,transparent 1px);background-size:16px 16px;box-shadow:9px 9px #000,14px 14px 0 var(--purple);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.tech-shell:before{content:"PROFILE_DATA";position:absolute;z-index:3;top:43px;right:-8px;padding:.3rem .45rem;background:var(--purple);color:var(--ink);font-family:"Press Start 2P",monospace;font-size:.42rem}.terminal-bar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:3px solid var(--line);background:#030b13}.terminal-bar>span{width:8px;height:8px;background:var(--coral)}.terminal-bar>span:nth-child(2){background:var(--yellow)}.terminal-bar>span:nth-child(3){background:var(--cyan)}.terminal-bar code{margin-left:7px;color:#6f9ca4;font-family:DM Mono,monospace;font-size:.48rem}.terminal-bar b{margin-left:auto;color:var(--yellow);font-family:"Press Start 2P",monospace;font-size:.45rem}.desk-note{position:relative;margin:0;padding:2.5rem 2rem 2rem;border:4px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:7px 7px 0 var(--coral)}.desk-note:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed #c1aa7a;pointer-events:none}.tape{display:none}.note-label{position:relative;color:#c44f45}.note-title{position:relative;margin:.2rem 0 1.4rem;font-size:1.55rem;font-weight:900;line-height:1.55}.desk-note ul{position:relative;margin:0;padding:0;list-style:none}.desk-note li{padding:.72rem 0;border-top:2px dotted #bda77c;font-size:.83rem}.desk-note li span{display:block;color:#4e887f;font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.signature{position:relative;margin:1rem 0 0;color:#b94d43;font-family:"Press Start 2P",monospace;font-size:.55rem;text-align:right}.pixel-friend{position:absolute;z-index:4;right:-25px;bottom:-30px;width:66px;height:75px;border:5px solid var(--ink);background:var(--cyan-dark);box-shadow:6px 6px #000;transform:rotate(-4deg);image-rendering:pixelated}.pixel-friend:before,.pixel-friend:after{content:"";position:absolute;top:18px;width:8px;height:8px;background:var(--ink)}.pixel-friend:before{left:13px}.pixel-friend:after{right:13px}.pixel-friend i{position:absolute;top:-19px;left:26px;width:6px;height:19px;background:var(--ink)}.pixel-friend i:before{content:"";position:absolute;top:-5px;left:-4px;width:14px;height:8px;background:var(--yellow)}.pixel-friend b{position:absolute;bottom:4px;left:19px;color:var(--yellow);font-size:1.2rem}.shell-data{display:flex;align-items:center;gap:.8rem;margin-top:1.25rem;color:#6c98a1;font-family:DM Mono,monospace;font-size:.47rem}.shell-data span:nth-child(2){margin-left:auto;color:var(--cyan)}.shell-data i{width:30px;height:6px;background:repeating-linear-gradient(90deg,var(--yellow) 0 4px,transparent 4px 7px)}.marquee{display:flex;justify-content:center;gap:clamp(1rem,3vw,2.8rem);overflow:hidden;padding:1rem 1.5rem;border-top:4px solid var(--yellow);border-bottom:4px solid var(--yellow);background:var(--coral);color:var(--ink);font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.6;white-space:nowrap;box-shadow:0 6px #000}.marquee i{color:var(--cream);font-style:normal;text-shadow:2px 2px 0 #000}.section{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:7rem 0;scroll-margin-top:4rem}.section-heading{display:grid;grid-template-columns:1fr minmax(240px,.55fr);align-items:end;gap:3rem;margin-bottom:3rem}.section-heading h2,.about-title h2,.letter-section h2{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(2.3rem,4.2vw,4rem);font-weight:900;line-height:1.25;letter-spacing:-.055em}.section-heading h2{color:var(--cream);text-shadow:4px 4px 0 #000}.section-heading>p{max-width:390px;margin:0;color:#8eabb9;line-height:1.9}.eyebrow{display:flex;align-items:center;color:var(--cyan)}.eyebrow i{display:inline-block;width:12px;height:12px;margin-right:.7rem;border:3px solid var(--cyan);box-shadow:4px 4px #6ee7d838}.notes-section{position:relative}.notes-section:before{content:"ARCHIVE_01";position:absolute;top:4.5rem;right:0;color:#34576d;font-family:"Press Start 2P",monospace;font-size:.5rem}.notes-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.2rem}.note-card{position:relative;display:flex;min-height:405px;flex-direction:column;padding:2rem 1.55rem 1.5rem;border:3px solid #3b6178;background-color:var(--panel);background-image:linear-gradient(rgba(110,231,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,216,.035) 1px,transparent 1px);background-size:18px 18px;box-shadow:7px 7px #000;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .12s steps(2,end),border-color .12s steps(2,end)}.note-card:before{content:"LOG";position:absolute;top:0;right:12px;padding:.22rem .4rem;background:var(--cyan-dark);color:var(--space);font-family:"Press Start 2P",monospace;font-size:.4rem}.note-card:nth-child(2):before{content:"AI";background:var(--purple)}.note-card:nth-child(3):before{content:"LIFE";background:var(--yellow)}.note-card:hover{border-color:var(--cyan);transform:translate(-3px,-3px);box-shadow:10px 10px #000,11px 11px 0 var(--cyan)}.note-card.featured{background-color:#17364d}.note-meta{display:flex;justify-content:space-between;gap:1rem;color:#7290a1;font-family:DM Mono,monospace;font-size:.6rem}.note-meta span{color:var(--coral)}.note-card h3{margin:2rem 0 1rem;color:var(--cream);font-size:1.35rem;line-height:1.55}.note-card.featured h3{color:var(--yellow);font-size:1.75rem}.note-card>p{margin:0;color:#aec1ca;line-height:1.9}.note-card>button{align-self:flex-start;margin-top:auto;padding:.55rem .7rem;border:2px solid var(--line);background:#071522;color:var(--cyan);cursor:pointer;font-family:DM Mono,monospace;font-size:.68rem}.note-card>button:hover{border-color:var(--yellow);color:var(--yellow)}.note-card>button span{margin-left:.5rem}.projects-section{width:100%;padding:7rem max(1.5rem,calc((100% - 1180px)/2));border-top:5px solid var(--cyan-dark);border-bottom:5px solid var(--cyan-dark);background-color:#10243a;background-image:radial-gradient(circle at 12% 22%,rgba(188,167,255,.22) 0 2px,transparent 2.5px),linear-gradient(rgba(110,231,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,216,.06) 1px,transparent 1px);background-size:120px 120px,24px 24px,24px 24px}.projects-section .eyebrow{color:var(--purple)}.projects-section .section-heading>p{color:#92aab8}.project-list{border-top:3px solid var(--line)}.project-row{position:relative;display:grid;grid-template-columns:80px 1fr minmax(220px,.55fr);align-items:center;gap:2rem;padding:2rem 1rem;border-bottom:3px solid var(--line);background:#07111f57}.project-row:hover{background:#6ee7d80f}.project-row:after{content:"";position:absolute;right:0;bottom:-3px;width:60px;height:3px;background:var(--yellow);box-shadow:0 0 12px #ffd568b3}.project-index{color:var(--cyan);font-family:"Press Start 2P",monospace;font-size:.58rem}.project-row h3{margin:0 0 .45rem;color:var(--cream);font-size:1.35rem}.project-row p{margin:0;color:#c1d0d7;font-size:.9rem}.project-side{display:grid;justify-items:end;gap:.5rem}.project-side>span{padding:.25rem .55rem;border:2px solid var(--cyan-dark);background:#071522;color:var(--cyan);font-family:DM Mono,monospace;font-size:.6rem}.project-side small{color:#708a9a;font-family:DM Mono,monospace;font-size:.58rem;text-align:right}.project-card{border-color:var(--cream)!important;background:#223b63!important;color:var(--cream)!important}.project-card h3{color:var(--yellow)!important}.project-card p{color:#f4f7f8!important}.project-card .tech{color:#bff4ed!important}.project-card .save-slot{color:var(--cyan)!important}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.about-title{position:sticky;top:6rem}.about-title h2{color:var(--cream);text-shadow:5px 5px 0 #000,8px 8px 0 var(--coral)}.about-copy{position:relative;padding:2rem;border:3px solid var(--line);background:var(--panel);box-shadow:8px 8px #000}.about-copy:before{content:"README_JANE.TXT";position:absolute;top:-15px;left:20px;padding:.25rem .55rem;background:var(--yellow);color:var(--ink);font-family:"Press Start 2P",monospace;font-size:.45rem}.about-copy>p{margin:0 0 1.2rem;color:#c0d0d7;font-size:1rem;line-height:2}.about-copy>p:first-child:before{content:"> ";color:var(--cyan);font-family:DM Mono,monospace}.tiny-facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.tiny-facts span{padding:.45rem .65rem;border:2px solid #365c73;background:#091929;color:var(--yellow);font-family:DM Mono,monospace;font-size:.68rem}.letter-section{position:relative;overflow:hidden;padding:7rem max(1.5rem,calc((100% - 1180px)/2));border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);background:var(--yellow);color:var(--ink);text-align:center}.letter-section:before,.letter-section:after{content:"";position:absolute;width:70px;height:70px;background:var(--coral);box-shadow:18px 18px 0 var(--ink),36px 36px 0 var(--cyan);transform:rotate(45deg)}.letter-section:before{top:-50px;left:7%}.letter-section:after{right:8%;bottom:-50px}.letter-section>p{margin:0 0 1rem;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.7}.letter-section h2{position:relative;z-index:2;text-shadow:4px 4px 0 rgba(255,255,255,.5)}.letter-section a{display:inline-block;margin-top:2.3rem;padding:.7rem 1rem;border:3px solid var(--ink);background:var(--coral);box-shadow:6px 6px 0 var(--ink);color:var(--ink);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.58rem}.letter-section a:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem max(1.5rem,calc((100% - 1180px)/2));border-top:2px solid var(--line);background:#030a12;color:#7590a0;font-family:DM Mono,monospace;font-size:.6rem}footer button{border:0;background:transparent;color:var(--cyan);cursor:pointer}.article-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:2rem;background:#01060ce0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.article-sheet{position:relative;width:min(760px,100%);max-height:calc(100vh - 4rem);overflow-y:auto;padding:clamp(2rem,6vw,4.5rem);border:5px solid var(--cyan);background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 var(--coral);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.close-article{position:absolute;top:1.1rem;right:1.1rem;padding:.35rem .5rem;border:2px solid var(--ink);background:var(--coral);color:var(--ink);cursor:pointer;font-family:DM Mono,monospace;font-size:.68rem}.article-sheet h2{margin:2rem 0 1.3rem;font-size:clamp(2rem,5vw,3rem);line-height:1.35}.article-lede{padding-bottom:2rem;border-bottom:3px dashed #b7a374;color:#a6433a;font-size:1.05rem;line-height:1.9}.article-body{margin-top:2rem}.article-body p{margin:0 0 1.35rem;color:#3e4553;font-size:1rem;line-height:2.05}.article-signoff{margin-top:2.5rem;color:#367d76;font-family:"Press Start 2P",monospace;font-size:.5rem;text-align:right}@media (max-width: 900px){.site-header{flex-wrap:wrap;width:min(100% - 1.5rem,1180px)}.system-status{margin-left:auto;margin-right:1rem}.menu-button{display:block;margin-right:1rem}nav{display:none;width:100%;margin:0;padding:.7rem 1rem 1rem;border-top:2px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;width:min(100% - 2rem,700px);min-height:0;gap:4rem;padding:5rem 0 6rem}.hero:after{left:0}.tech-shell{width:min(100% - 1rem,500px);justify-self:center}.section{width:min(100% - 2rem,700px);padding:5.5rem 0}.section-heading,.about-section{grid-template-columns:1fr;gap:1.5rem}.notes-grid{grid-template-columns:1fr}.note-card{min-height:330px}.projects-section{width:100%;padding:5.5rem 1rem}.project-row{grid-template-columns:48px 1fr;gap:1rem}.project-side{grid-column:2;justify-items:start}.project-side small{text-align:left}.about-title{position:static}}@media (max-width: 560px){.site-header{width:100%;border-right:0;border-left:0}.system-status{display:none}.hero h1{font-size:2.8rem}.hero-actions{align-items:flex-start;flex-direction:column}.micro-status{display:grid}.tech-shell{width:100%;padding-right:.9rem;padding-left:.9rem;box-shadow:7px 7px #000,10px 10px 0 var(--purple)}.terminal-bar code{max-width:165px;overflow:hidden}.desk-note{padding:2.3rem 1.3rem 1.7rem}.pixel-friend{right:-12px}.marquee{justify-content:flex-start}.section-heading{margin-bottom:2.3rem}.notes-section:before{display:none}.project-row{padding-right:.3rem;padding-left:.3rem}.about-copy{padding:2rem 1.25rem 1.25rem}footer{align-items:flex-start;flex-direction:column;gap:.75rem}.article-backdrop{padding:.5rem}.article-sheet{max-height:calc(100vh - 1rem);padding:4rem 1.4rem 2rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes signal{50%{opacity:.25}}