:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#111;background:#000;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.boot-screen,.login-screen,.desktop{min-height:100%}.boot-screen{display:grid;place-items:center;color:#f4f4f4;background:#000}.boot-box{width:min(480px,90vw);text-align:center}.boot-logo{font-size:52px;font-weight:700;letter-spacing:0}.boot-subtitle{margin-top:10px;color:#9bb9ff}.boot-progress{display:flex;width:180px;height:18px;margin:28px auto 0;overflow:hidden;border:1px solid #7286b9;background:#10162f}.boot-progress span{width:40px;height:100%;background:#4f8cff;animation:bootMove 1s infinite linear}.boot-progress span:nth-child(2){animation-delay:.15s}.boot-progress span:nth-child(3){animation-delay:.3s}@keyframes bootMove{0%{transform:translate(-120px)}to{transform:translate(190px)}}.login-screen{position:relative;display:grid;place-items:center;padding:24px;overflow:hidden;background:linear-gradient(110deg,#030016b8,#0046ff3d,#000000db),radial-gradient(circle at 20% 18%,rgba(190,255,0,.36),transparent 20%),radial-gradient(circle at 76% 66%,rgba(255,0,128,.34),transparent 24%),radial-gradient(circle at 48% 80%,rgba(0,255,218,.22),transparent 28%),url(/assets/wallpaper-DIY76Hwl.jpg) center / cover,#020010}.login-static{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(201,255,0,.13) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,0,128,.09) 0 1px,transparent 1px 31px),repeating-linear-gradient(135deg,transparent 0 19px,rgba(0,255,236,.08) 19px 20px);mix-blend-mode:screen;opacity:.72;pointer-events:none}.login-static:before,.login-static:after{position:absolute;color:#cfff0038;font-family:MS Gothic,Yu Gothic,Courier New,monospace;text-shadow:3px 0 rgba(255,0,128,.28),-2px 0 rgba(0,255,236,.22);pointer-events:none}.login-static:before{content:"記憶  接続  死後  信号  迷子  詩";left:-4vw;top:8vh;font-size:clamp(44px,9vw,132px);writing-mode:vertical-rl;opacity:.72}.login-static:after{content:"壊れたログイン // eclipsis.su // 夢の後";right:3vw;bottom:5vh;max-width:420px;font-size:clamp(22px,4vw,64px);line-height:.95;color:#ff008038}.login-screen:before{content:"アクセス ノード / 変色した空";position:absolute;left:18px;top:14px;color:#daff00b8;font:12px Courier New,monospace;text-shadow:2px 0 #ff0080}.login-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,0,128,.08),transparent 34%,rgba(190,255,0,.08)),radial-gradient(circle at center,transparent 0 42%,rgba(0,0,0,.62) 82%);box-shadow:inset 0 0 110px #000000e0;pointer-events:none}.login-shell{position:relative;z-index:1;display:grid;width:min(470px,92vw);border:1px solid #d7ff00;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:7px 0 #ff00808c,-6px 0 #00ffec47,0 0 58px #d9ff0038,0 28px 90px #000000e6;background:linear-gradient(135deg,#04001ef0,#00110ae0),repeating-linear-gradient(90deg,transparent 0 20px,rgba(217,255,0,.05) 20px 21px)}.login-brand{padding:18px 18px 4px;color:#e6ff00;background:linear-gradient(90deg,rgba(255,0,128,.14),transparent),#0000002e}.login-kanji{margin-bottom:6px;color:#00ffe8;font:13px MS Gothic,Yu Gothic,Courier New,monospace;text-shadow:2px 0 #ff0080}.login-title{font:400 34px Courier New,monospace;letter-spacing:0;text-transform:uppercase;text-shadow:3px 0 #ff0080,-2px 0 #00ffe8,0 0 24px rgba(230,255,0,.24)}.login-caption{margin-top:4px;color:#e8ff009e;font:12px Courier New,monospace}.login-form,.stacked-form{display:grid;gap:14px}.login-form{align-content:center;padding:20px 18px 18px;color:#eaff69;background:linear-gradient(180deg,#00ffec0f,#ff008014),transparent}.login-form input{border-color:#d7ff00;color:#eaff69;caret-color:#ff0080;background:#020012eb}.login-form input:focus{outline:1px solid #ff0080;box-shadow:0 0 22px #ff008047}label{display:grid;gap:5px}input,textarea{width:100%;border:1px solid #7f9db9;background:#fff;padding:7px 8px}textarea{min-height:86px;resize:vertical}button,.admin-actions a{border:1px solid #174caa;border-radius:2px;padding:6px 12px;color:#101010;text-decoration:none;background:linear-gradient(#fff,#d5dff7)}button:disabled{cursor:not-allowed;color:#777;background:#ddd}.login-actions{display:flex;flex-wrap:wrap;gap:10px}.login-actions button{border-color:#b7ff00;color:#dfff58;text-transform:uppercase;background:#050805}.login-actions button:hover,.login-actions button:focus-visible{border-color:#ff0058;color:#ff9cbc;background:#0c0206}.xp-error{border:1px solid #9c0000;padding:7px;color:#780000;background:#fff0ee}.desktop{position:relative;overflow:hidden;padding:20px 20px 54px;background:linear-gradient(#0000000f,#00000038),url(/assets/wallpaper-DIY76Hwl.jpg) center / cover}.desktop-icons{position:absolute;inset:22px auto auto 16px;display:grid;gap:18px;z-index:1}.desktop-icon{display:grid;justify-items:center;width:86px;gap:5px;padding:6px;border:1px solid transparent;color:#fff;text-shadow:1px 1px 2px #000;background:transparent}.desktop-icon:hover,.desktop-icon:focus-visible{border-color:#ffffff73;background:#1e4bbe57}.desktop-glyph{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.7))}.xp-window{position:absolute;z-index:3;border:2px solid #0046d5;border-radius:7px 7px 2px 2px;overflow:hidden;box-shadow:0 24px 70px #00000080;background:#ece9d8}.xp-window.maximized{resize:none}.window-title{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:3px 5px 3px 10px;color:#fff;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#2e84ff,#0052cf 48%,#003799)}.window-controls{display:flex;gap:3px;cursor:default}.window-controls button{width:23px;height:22px;padding:0;line-height:18px;color:#fff;border-color:#ffffffa6;background:linear-gradient(#8bb8ff,#0d55d3)}.window-controls button:last-child{background:linear-gradient(#ff947f,#d9301a)}.window-body{padding:12px}.archive-window{left:clamp(110px,12vw,180px);top:8vh;width:min(920px,calc(100vw - 145px));height:min(650px,calc(100vh - 125px));min-width:560px;min-height:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 58px);resize:both}.archive-body{display:grid;grid-template-columns:190px 1fr;gap:12px;height:calc(100% - 30px)}.explorer-sidebar{display:grid;align-content:start;gap:9px;padding:12px;border:1px solid #96acd4;background:linear-gradient(#d8e6ff,#eef5ff)}.explorer-sidebar button{text-align:left}.poem-list{overflow:auto;border:1px solid #a5a5a5;background:#fff}.list-header,.poem-row{display:grid;grid-template-columns:1.2fr .55fr 1.45fr;gap:8px;align-items:center;min-width:620px}.list-header{position:sticky;top:0;padding:7px 10px;color:#333;border-bottom:1px solid #b9b9b9;background:#f0f0f0}.poem-row{width:100%;border:0;border-bottom:1px solid #ececec;border-radius:0;padding:9px 10px;text-align:left;background:#fff}.poem-row:hover{color:#fff;background:#316ac5}.ie-window{left:clamp(112px,13vw,220px);top:5vh;width:min(1040px,calc(100vw - 150px));height:min(735px,calc(100vh - 106px));min-width:620px;min-height:430px;max-width:calc(100vw - 24px);max-height:calc(100vh - 58px);resize:both}.ie-shell{display:grid;grid-template-rows:auto auto 1fr auto;height:calc(100% - 30px);background:#d6d3c5}.ie-menu{padding:5px 9px;border-bottom:1px solid #aaa}.ie-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px;border-bottom:1px solid #9b9b9b}.ie-toolbar button{padding:5px 8px}.address-bar{display:grid;grid-template-columns:auto minmax(170px,1fr) auto;align-items:center;gap:5px;flex:1 1 360px}.address-bar input{padding:5px 7px}.browser-pane{overflow:auto;border:2px inset #fff;background:#fff}.browser-pane iframe{display:block;width:100%;height:100%;border:0;background:#fff}.poem-reader{position:relative;width:100%;height:100%;min-height:360px;overflow:hidden}.poem-social{position:absolute;right:12px;bottom:12px;z-index:4;width:min(360px,calc(100% - 24px));color:#eaf1df;font:12px Courier New,monospace;pointer-events:none}.poem-social button,.poem-social textarea{pointer-events:auto}.poem-social-strip{display:flex;justify-content:flex-end;gap:7px}.poem-social-strip button{border-color:#e5eecb9e;color:#edf8dc;text-transform:lowercase;background:#050705c7;box-shadow:0 0 20px #0000006b}.poem-social-strip button.active{color:#101510;background:#dfff83}.poem-social-panel{display:grid;gap:9px;max-height:min(420px,calc(100vh - 250px));margin-top:8px;border:1px solid rgba(229,238,203,.55);padding:10px;overflow:auto;background:linear-gradient(#070907e6,#070907d1),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.025) 17px);box-shadow:0 18px 56px #00000094,inset 0 0 0 1px #ffffff0d;pointer-events:auto}.poem-social-panel form{display:grid;gap:7px}.poem-social-panel textarea{min-height:78px;border-color:#bed6ab99;color:#eef8dc;background:#00000070}.poem-social-panel form button{justify-self:end}.comment-list{display:grid;gap:8px}.comment-item{border-left:1px solid rgba(223,255,131,.5);padding-left:9px}.comment-item header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#dfff83}.comment-item header span{color:#eaf1df94}.comment-item p,.comment-empty{margin:5px 0 0;line-height:1.45;white-space:pre-wrap}.comment-empty{color:#eaf1dfad}.ie-start-page,.ie-error-page{min-height:100%;padding:28px;text-align:center}.ie-start-page{display:block;color:#f0f3ea;background:linear-gradient(#080b0a9e,#080b0ae0),url(/assets/582bb9924b31c568f205e0edb5428245-BvMCje_A.jpg) center / cover,#0b0e0c}.ie-start-page h1{margin:0;font-size:clamp(34px,5vw,58px);letter-spacing:0}.ie-home{width:min(760px,100%);margin:0 auto;border:1px solid rgba(227,232,203,.54);padding:clamp(20px,4vw,36px);text-align:left;background:linear-gradient(#0e1210d6,#0e1210eb),repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.035) 19px);box-shadow:8px 8px #0003,0 0 60px #ffffff14}.home-kicker{width:fit-content;margin-bottom:10px;border:1px solid #8f9d77;padding:4px 7px;color:#f6ffe9;font:12px Courier New,monospace;background:#334432}.home-copy{margin:10px 0 24px;color:#d4dccb;line-height:1.5}.home-visual-grid{display:grid;grid-template-columns:1.4fr .9fr;grid-template-rows:repeat(2,126px);gap:10px;margin:0 0 20px}.home-visual{width:100%;height:100%;border:1px solid rgba(236,241,211,.44);object-fit:cover;filter:grayscale(.08) contrast(1.05) brightness(.82)}.home-visual.large{grid-row:span 2}.poem-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.poem-home-card{position:relative;overflow:hidden;display:grid;align-content:end;gap:6px;min-height:140px;border-color:#e0e6c680;padding:12px;text-align:left;color:#f7f8ee;background:linear-gradient(#04060524,#040605d1),var(--poem-image) center / cover,#141a13}.poem-home-card:hover,.poem-home-card:focus-visible{color:#fff;border-color:#f5f0bf;box-shadow:inset 0 0 0 1px #f5f0bfb8}.poem-card-index{position:absolute;top:8px;right:9px;z-index:1;min-width:28px;border:1px solid rgba(245,240,191,.68);padding:2px 4px;text-align:center;color:#f7f1bf;background:#0000008f;font:700 13px Courier New,monospace;text-shadow:1px 1px 2px #000}.poem-home-card span{position:relative;font-size:18px;font-weight:700;text-shadow:1px 1px 2px #000}.poem-home-card small{position:relative;overflow-wrap:anywhere;color:inherit;opacity:.78}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(520px,100%);margin-top:18px}.tag-cloud span{color:#9fb8ff;text-decoration:underline}.ie-error-page{color:#222;background:#fff}.ie-error-page h1{color:#203f8f;font-size:25px}.ie-error-page code{max-width:100%;overflow-wrap:anywhere;padding:8px;color:#711;background:#f5f5f5}.faint{color:#777}.ie-status{padding:4px 8px;border-top:1px solid #aaa;background:#ece9d8}.admin-window{left:clamp(112px,12vw,180px);top:6vh;width:min(980px,calc(100vw - 150px));height:min(700px,calc(100vh - 110px));min-width:620px;min-height:430px;max-width:calc(100vw - 24px);max-height:calc(100vh - 58px);resize:both}.admin-body{display:grid;grid-template-rows:auto 1fr;gap:12px;height:calc(100% - 30px)}.admin-tabs{display:flex;gap:8px}.admin-tabs .active{color:#fff;background:linear-gradient(#4d88e8,#1a55bd)}.admin-section{min-height:0;overflow:auto}.upload-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.admin-list{display:grid;gap:10px}.admin-item{display:grid;gap:8px;padding:10px;border:1px solid #9c9c9c;background:#fff}.admin-item textarea{min-height:62px}.checkbox-line{display:flex;align-items:center;gap:8px}.checkbox-line input{width:auto}.admin-actions{display:flex;gap:8px;align-items:center}.admin-message{color:#315497}.request-item p{margin:0}.credentials-box{white-space:pre-wrap;border:1px solid #688bc6;padding:10px;background:#eef4ff}.system-text{color:#243a72}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20;background:#00000073}.request-window{position:static;width:min(430px,92vw)}.taskbar{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;height:42px;padding:4px 8px;color:#fff;background:linear-gradient(#2b7cff,#0051cc 56%,#003f9e)}.start-button{width:121px;height:38px;padding:0;border:0;color:transparent;font-size:0;background:url(/assets/XP%20Enhanced%20Start%20Button-BlgOr86w.png) center / contain no-repeat}.taskbar-apps{display:flex;gap:6px;min-width:0}.taskbar-apps button{min-width:82px;color:#fff;border-color:#ffffff4d;background:linear-gradient(#3881e9,#1455bd)}.taskbar-user{display:flex;align-items:center;gap:8px;min-width:0}.taskbar-user span{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:140px;padding:24px}.desktop{padding:92px 10px 54px}.desktop-icons{inset:10px 10px auto;grid-auto-flow:column;grid-auto-columns:82px;overflow-x:auto}.xp-window,.archive-window,.ie-window,.admin-window{left:10px;top:86px;width:calc(100vw - 20px);height:calc(100vh - 145px);min-width:0;min-height:0;resize:none}.archive-body{grid-template-columns:1fr}.explorer-sidebar{display:none}.taskbar{grid-template-columns:auto 1fr}.taskbar-user{display:none}}
