@font-face{font-family:Sora;src:url("../fonts/sora.ttf") format("truetype");font-display:swap}@font-face{font-family:Space Mono;src:url("../fonts/space-mono.ttf") format("truetype");font-display:swap}@font-face{font-family:Hanken Grotesk;src:url("../fonts/hanken-grotesk.ttf") format("truetype");font-display:swap}
:root{--bg:#121414;--panel:#181a1a;--panel2:#222525;--text:#e3e2e2;--muted:#cbaec3;--pink:#ffabf3;--hot:#ff00ff;--cyan:#00fbfb;--green:#c3f400;--line:#806879;--mono:"Space Mono",monospace;--head:Sora,sans-serif;--body:"Hanken Grotesk",sans-serif}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.grid-background{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px),radial-gradient(circle at 50% 25%,#31202f55,transparent 38%);background-size:40px 40px,40px 40px,100% 100%}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(transparent 50%,#00000012 50%),linear-gradient(90deg,#ff000008,#00ff0005,#0000ff08);background-size:100% 3px,3px 100%}
.topbar{height:60px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:36px;padding:0 22px;background:#121414e8;border-bottom:1px solid #00ffff2f;backdrop-filter:blur(18px);box-shadow:0 0 18px #00ffff20}.brand,.page-heading h1{font:800 25px var(--head);color:var(--pink);text-shadow:0 0 14px #ff00ffa0}.desktop-nav{display:flex;gap:26px;font:700 12px var(--mono);letter-spacing:.13em}.desktop-nav a{color:var(--muted)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--pink);text-shadow:0 0 8px #ffabf3}.system-tray{margin-left:auto;display:flex;gap:17px;align-items:center;color:var(--pink);font:12px var(--mono)}.site-main{width:min(100%,1000px);min-height:100vh;margin:auto;padding:92px 32px 128px}.dock{position:fixed;z-index:100;left:50%;bottom:16px;width:min(520px,calc(100% - 32px));height:64px;transform:translateX(-50%);display:flex;justify-content:space-around;align-items:center;background:#1a1c1cee;border:1px solid #00ffff35;border-radius:16px;backdrop-filter:blur(18px);box-shadow:0 0 22px #00dddd35}.dock a{min-width:76px;padding:7px 14px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);opacity:.68;border-radius:9px}.dock b{font:700 9px var(--mono)}.dock a.active{color:#003737;background:#fff;opacity:1;box-shadow:0 0 15px #00ddddaa}
.glass-window,.tag-window,.reader-window{background:#ffffff09;border:1px solid var(--line);border-top-color:#ffffff55;box-shadow:inset 1px 1px #ffffff18,0 10px 36px #000b;backdrop-filter:blur(14px)}.home-shell{max-width:880px;margin:28px auto 0;display:grid;gap:22px}.hero-window{border-radius:17px;padding:34px 38px 36px;position:relative;overflow:hidden}.window-dots{position:absolute;right:24px;top:22px;display:flex;gap:8px}.window-dots i{width:12px;height:12px;border-radius:50%;background:#ff625d}.window-dots i:nth-child(2){background:#ffbd2e}.window-dots i:nth-child(3){background:#28c840}.online{font:11px var(--mono);color:var(--green);letter-spacing:.03em;display:flex;align-items:center;gap:10px}.online span{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:blink 1.7s infinite}.hero-clock{display:block;margin:30px 0 22px;font:italic 800 clamp(68px,9vw,112px)/.82 var(--head);color:var(--pink);text-shadow:0 0 30px #ff00ff88}.hero-date-block{border-left:4px solid var(--pink);padding:6px 0 6px 24px;display:flex;flex-direction:column;gap:8px}.hero-date-block strong{font:700 clamp(23px,2.8vw,34px) var(--head)}.hero-date-block span{font:11px var(--mono);color:var(--muted)}.home-widgets{display:grid;grid-template-columns:1fr;max-width:420px}.atmosphere{border-radius:15px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.atmosphere div:first-child{display:flex;flex-direction:column}.atmosphere b{color:var(--cyan);font:700 10px var(--mono)}.atmosphere strong{font:700 38px var(--head);margin:6px 0}.atmosphere span{color:var(--muted);font:10px var(--mono)}.pixel-sun{width:62px;height:62px;border:3px solid #ffffff50;border-radius:12px;background:#ffbd4e;box-shadow:0 0 20px #ffbd4e;display:grid;place-items:center;color:#111;font:bold 19px var(--mono)}.pixel-sun span{color:#111}.pixel-sun i{display:block;width:20px;height:3px;background:#111;border-radius:4px}.priority-alert{min-height:66px;padding:14px 18px;border-radius:15px;display:flex;align-items:center;gap:18px;overflow:hidden}.priority-alert b{flex:none;padding:7px 11px;border:1px solid #ffabf355;border-radius:30px;background:#ffabf312;color:var(--pink);font:700 8px var(--mono)}.marquee{overflow:hidden;white-space:nowrap;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}.marquee span{display:inline-block;padding-left:100%;animation:marquee 25s linear infinite}
.page-heading{text-align:center;margin:0 0 42px}.page-heading span{display:block;color:var(--cyan);font:9px var(--mono);margin-bottom:5px}.page-heading h1{font-size:32px;margin:0}.archive-shell{max-width:780px;margin:auto}.archive-tools{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px;color:var(--muted);font:10px var(--mono);letter-spacing:.04em}.archive-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.sort-button{border:0;background:transparent;color:#fff;cursor:pointer;font:10px var(--mono)}.mode-toggle{display:flex;align-items:center;gap:7px;font:7px var(--mono);color:var(--muted);cursor:pointer}.mode-toggle input{position:absolute;opacity:0}.mode-toggle i{width:38px;height:20px;border-radius:20px;background:#323535;border:1px solid #ffffff30;position:relative;transition:.2s}.mode-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#aaa;transition:.2s}.mode-toggle input:checked+i{background:#ff00ff55;box-shadow:0 0 12px #ff00ff88}.mode-toggle input:checked+i:after{left:21px;background:var(--pink)}.archive-list{min-height:260px}.year-heading{font:800 34px var(--head);color:var(--pink);letter-spacing:.12em;margin:28px 0 15px}.archive-entry{border-left:1px solid #ffffff30;padding:0 0 0 22px}.archive-entry a{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:8px 16px;border-radius:5px;font:11px var(--mono);transition:.2s}.archive-entry time{color:var(--cyan)}.archive-entry span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-entry a:hover,.archive-entry a:focus-visible{outline:0;color:var(--pink);background:#ff00ff0e;text-shadow:0 0 8px #ffabf3}.archive-pagination{margin:40px 0 0;display:flex;justify-content:center;gap:8px}.archive-pagination button{width:38px;height:38px;border:1px solid #ffffff1d;border-radius:7px;background:#1c1f1f;color:var(--muted);cursor:pointer;font:10px var(--mono)}.archive-pagination button.active{color:var(--pink);border-bottom:3px solid var(--pink)}.empty-state{font:11px var(--mono);color:var(--muted)}
.tag-window,.reader-window{max-width:900px;margin:auto;border-radius:11px;overflow:hidden}.metal-titlebar{height:34px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#e9e9e9,#b9b9b9);color:#111;font:700 9px var(--mono);box-shadow:inset 1px 1px #fff}.metal-titlebar i{color:#d000d0;font-style:normal;font-size:13px}.tag-content{padding:42px 48px}.tag-content header h1{margin:0 0 18px;color:#ffd7f5;font:800 clamp(38px,5vw,56px) var(--head);letter-spacing:-.05em}.tag-content header p{border-left:3px solid var(--pink);padding-left:18px;color:var(--muted);font:13px/1.55 var(--body)}.tag-cloud{padding:38px 0 44px;display:flex;flex-wrap:wrap;align-items:center;gap:23px 30px}.tag-pill{--tag-scale:1;position:relative;padding:11px 22px;border-radius:999px;color:#351030;background:#f3a7ea;box-shadow:inset 0 2px #fff9,0 6px 15px #ff00ff50;transform:scale(min(var(--tag-scale),1.25));font:700 10px var(--mono);transition:.25s}.tag-pill:before{content:"";position:absolute;inset:3px 12% auto;height:40%;border-radius:999px;background:linear-gradient(#fff9,transparent)}.tag-pill:hover{filter:brightness(1.2);transform:scale(calc(min(var(--tag-scale),1.25) + .08)) rotate(2deg)}.tag-1{background:#b9ed00;color:#213000;box-shadow:inset 0 2px #fff9,0 6px 15px #b9ed0050}.tag-2{background:#00e9e9;color:#003737}.tag-3{background:#ff8a00;color:#fff}.tag-4{background:#f000ef;color:#350035}.tag-5{background:#fff;color:#003737}.tag-6{background:#007f7f;color:#80ffff}.tag-7{background:#c3f400;color:#283500}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.storage-grid article{min-height:102px;padding:18px;border:1px solid #ffffff1b;background:#ffffff08;display:flex;flex-direction:column;gap:10px;position:relative}.storage-grid b{color:var(--pink);font:700 8px var(--mono);letter-spacing:.15em}.storage-grid span{font:8px var(--mono);color:var(--muted)}.storage-grid strong{font:14px var(--mono)}.storage-grid em{position:absolute;right:18px;bottom:16px;color:var(--pink);font-size:28px}.storage-bar{height:15px;padding:2px;display:flex;gap:3px;background:#111}.storage-bar i{width:25%;background:var(--green);box-shadow:0 0 8px #abd600}.storage-bar i:last-child{background:#333;box-shadow:none}
.reader-window{max-width:760px}.reader-content{padding:38px 48px 60px;background:#151717f5}.article-header{margin-bottom:34px;border-bottom:1px solid #ffffff18;padding-bottom:26px}.article-header span{color:var(--cyan);font:9px var(--mono)}.article-header h1{margin:9px 0 15px;color:var(--pink);font:800 clamp(32px,4vw,48px)/1.07 var(--head)}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.article-tags a,.window-permalink a{padding:5px 10px;border:1px solid #ffabf344;border-radius:20px;color:var(--pink);font:9px var(--mono)}.prose{font-size:16px;line-height:1.72}.prose h2,.prose h3,.prose h4{font-family:var(--head);color:var(--pink);margin-top:2em}.prose a{color:var(--cyan);text-decoration:underline}.prose code{font-family:var(--mono);color:var(--green)}.prose pre{max-width:100%;overflow:auto;padding:18px;border:1px solid #ffffff18;background:#0d0e0f!important;border-radius:8px}.prose blockquote{margin-left:0;padding-left:20px;border-left:3px solid var(--pink);color:var(--muted)}.prose img{max-width:100%;border-radius:8px}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.prose td,.prose th{padding:8px 12px;border:1px solid #ffffff25}.window-article{padding:24px;background:#151717;color:var(--text);min-height:100%}.window-article header h1{color:var(--pink);font:800 26px var(--head)}.window-article header time{color:var(--cyan);font:9px var(--mono)}.window-permalink{margin-top:30px}.winbox.y2k-winbox{background:var(--pink);border-radius:8px;box-shadow:0 0 25px #ff00ff66}.winbox.y2k-winbox .wb-header{background:linear-gradient(#e8e8e8,#aaa);color:#111}.winbox.y2k-winbox .wb-title{font:700 10px var(--mono);color:#111}.winbox.y2k-winbox .wb-body{background:#151717}
@keyframes blink{50%{opacity:.3}}@keyframes marquee{to{transform:translateX(-100%)}}
@media(max-width:1100px){.site-main{width:100%;padding-left:clamp(22px,5vw,52px);padding-right:clamp(22px,5vw,52px)}}
@media(max-width:700px){.site-main{padding:80px 16px 110px}.topbar{height:56px;padding:0 12px}.brand{font-size:20px}.desktop-nav{display:none}.system-tray{gap:9px;font-size:9px}.dock{bottom:8px;width:calc(100% - 16px);height:64px}.dock a{min-width:0;padding:7px 10px}.home-shell{margin-top:0;gap:16px}.hero-window{padding:24px 20px 26px}.window-dots{right:18px;top:18px}.window-dots i{width:9px;height:9px}.online{font-size:8px}.hero-clock{margin:42px 0 20px;font-size:64px}.hero-date-block{padding-left:14px}.hero-date-block strong{font-size:20px}.home-widgets{max-width:none}.atmosphere{padding:18px 20px}.atmosphere strong{font-size:34px}.pixel-sun{width:56px;height:56px}.priority-alert{min-height:58px;padding:12px 15px;flex-direction:column;align-items:flex-start;gap:10px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:26px}.archive-tools{margin-bottom:28px}.archive-list{min-height:0}.archive-entry{padding-left:8px}.archive-entry a{grid-template-columns:65px minmax(0,1fr);padding:9px 7px;gap:9px;font-size:10px}.year-heading{font-size:28px;margin-top:24px}.tag-content{padding:26px 20px}.tag-content header h1{font-size:36px}.tag-content header p{font-size:12px}.tag-cloud{padding:28px 0 32px;gap:18px}.tag-pill{transform:none!important;padding:10px 16px}.storage-grid{grid-template-columns:1fr;gap:12px}.storage-grid article{min-height:88px}.reader-content{padding:26px 20px 48px}.article-header{margin-bottom:28px;padding-bottom:22px}.article-header h1{font-size:34px}.prose{font-size:15px}.winbox.y2k-winbox{max-width:calc(100vw - 8px)!important;max-height:calc(100vh - 76px)!important}}