body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#ff9ff3 0%,#2c2c54 40%,#1b1b2f 100%);color:#f8f9ff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:rgba(10,10,25,.8);border-radius:18px;padding:32px 40px;max-width:480px;width:100%;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 24px #ff70e066;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:conic-gradient(from 180deg,#ff70e0,#8cf8ff,#ffe66d,#ff70e0);opacity:.35;mix-blend-mode:screen;animation:spin 8s linear infinite}.login-card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:16px;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 60%)}@keyframes spin{to{transform:rotate(360deg)}}.login-card>*{position:relative;z-index:1}.site-title{font-size:32px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.site-subtitle{font-size:13px;text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin-bottom:20px}#lain{width:100%;border-radius:12px;margin-bottom:24px;box-shadow:0 0 18px #0009;object-fit:cover}.login-form{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.login-status{font-size:12px;text-transform:uppercase;letter-spacing:.15em;opacity:.7}.login-meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;opacity:.6;display:flex;flex-direction:column;gap:2px}#login-button{padding:12px 28px;font-size:18px;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-transform:uppercase;background:#0b0509;border-bottom:1px solid rgba(255,124,207,.4);box-shadow:0 0 10px #8a2bffaa,0 0 20px #3a007daa;color:#ffc9b8;box-shadow:0 0 6px #ff7ccf26;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}#login-button:hover{background:#150812;box-shadow:0 0 12px #ff7ccf59;transform:translateY(-2px)}#download-plug{font-size:30px;font-weight:600;border-radius:10px;cursor:pointer;background:#0b0509;color:ffc9b8;box-shadow:0 0 10px #8a2bffaa,0 0 20px #3a007daa;border:none;transition:opacity .5s ease,transform .5s ease,filter .4s ease}#download-plug:hover{background:#150812;box-shadow:0 0 12px #ff7ccf59;transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0a;color:gray;font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.blur{position:fixed;height:100%;width:100%;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,124,207,.4);background:rgba(6,0,10,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #040007cc}.header-content{max-width:1400px;margin:0 auto;padding:1rem}.title-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo{width:70px;height:70px;border:1px solid rgba(255,201,184,.2);background:rgba(0,0,0,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffc9b8}.logo-label{color:#ffc9b8}.logo-user{color:#ffb6c1;text-shadow:0 0 10px #0ff,0 0 20px #0ff}h1{color:#ffc9b8;font-size:2rem;letter-spacing:.35em;font-weight:700}.subtitle{font-size:.75rem;color:#ffb8a0;letter-spacing:.45em;text-transform:uppercase}.nav{display:flex;flex-wrap:wrap;gap:.75rem;border:1px solid rgba(255,201,184,.3);background:rgba(18,0,20,.7);padding:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav a{color:#fffc;text-decoration:none;font-size:.875rem;letter-spacing:.35em;transition:color .2s}.nav a:hover{color:#ffd9a8}.main-content{max-width:1400px;margin:180px auto 0;padding:1rem}.board-header{background:rgba(10,0,14,.8);border:2px solid #1a1a1a;padding:1.5rem;margin-bottom:2rem;position:relative}.board-title{color:#f6c;font-size:1.5rem;margin-bottom:.5rem;letter-spacing:.2em}.board-desc{color:gray;font-size:.875rem;font-style:italic}.new-thread-btn{background:rgba(10,0,14,.9);border:2px solid #ff66cc;color:#f6c;padding:.75rem 1.5rem;font-size:.875rem;letter-spacing:.3em;cursor:pointer;margin-bottom:2rem;transition:all .3s;font-weight:700}.new-thread-btn:hover{background:rgba(20,0,20,.9);box-shadow:0 0 20px #ff66cc4d}.thread-form{display:block;background:rgba(10,0,14,.95);border:2px solid #ff66cc;padding:1.5rem;margin-bottom:2rem}.thread-form.active{display:block}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#0ff;font-size:.75rem;letter-spacing:.2em;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;background:rgba(0,0,0,.5);border:1px solid rgba(255,102,204,.3);color:#ffc9b8;padding:.75rem;font-family:inherit;font-size:.875rem}.form-group textarea{min-height:120px;resize:vertical}.form-actions{display:flex;gap:1rem}.btn{background:rgba(10,0,14,.9);border:2px solid #ff66cc;color:#f6c;padding:.5rem 1.5rem;font-size:.75rem;letter-spacing:.2em;cursor:pointer;transition:all .3s;font-weight:700}.btn:disabled{opacity:.6;pointer-events:none}.btn:hover{background:rgba(20,0,20,.9)}.btn-cancel{border-color:gray;color:gray}.threads{display:flex;flex-direction:column;gap:1.5rem}.thread{background:rgba(10,0,14,.8);border:2px solid #1a1a1a;padding:1.5rem;position:relative}.thread:before{content:"";position:absolute;top:0;left:0;width:4px;height:4px;border-top:2px solid #ff66cc;border-left:2px solid #ff66cc}.thread:after{content:"";position:absolute;top:0;right:0;width:4px;height:4px;border-top:2px solid #00ffff;border-right:2px solid #00ffff}.thread-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #1a1a1a}.thread-subject{color:#f6c;font-weight:700;font-size:1rem}.thread-name{color:#0f8;font-size:.875rem}.thread-date{color:#505050;font-size:.75rem;margin-left:auto}.thread-content{color:gray;line-height:1.6;font-size:.875rem}.thread-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #1a1a1a;display:flex;gap:1rem;font-size:.75rem}.thread-link{color:#0ff;text-decoration:none;cursor:pointer}.thread-link:hover{color:#f6c}.empty-state{text-align:center;padding:4rem 2rem;color:#505050}.empty-state-icon{font-size:3rem;margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 3s infinite}.alert-wrapper{position:fixed;top:-80px;left:50%;transform:translate(-50%);transition:top .4s ease,opacity .4s ease;opacity:0;z-index:9999;pointer-events:none}.alert-wrapper.show{top:10px;opacity:1}.alert-box{background:radial-gradient(circle at top left,#2a050f 0%,#070007 60%,#000000 100%);color:#ffc9b8;padding:18px 26px;font-size:18px;border-radius:14px;max-width:90vw;text-align:center;border:1px solid rgba(255,124,207,.4);box-shadow:0 0 10px #ff7ccf40,0 0 22px #ff7ccf26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vapor-404{position:relative;height:100vh;width:100%;background:linear-gradient(180deg,#ff6bdc 0%,#b967ff 50%,#6fc3df 100%);overflow:hidden;font-family:Montserrat,sans-serif;color:#fff}.vapor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(255,255,255,.05)}.vapor-content{position:relative;z-index:10;text-align:center;top:45%;transform:translateY(-50%)}.vapor-title{font-size:8rem;font-weight:900;letter-spacing:5px;text-shadow:0 0 10px #ff00d4,0 0 20px #ff00d4,0 0 30px #ff00d4,0 0 40px #ff00d4}.vapor-sub{font-size:1.6rem;margin-top:-10px;margin-bottom:30px;opacity:.85;text-shadow:0 0 10px rgba(255,255,255,.4)}.vapor-btn{display:inline-block;padding:14px 34px;border-radius:30px;font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(90deg,#ff00d4,#ff8efb);box-shadow:0 0 15px #ff00d499;transition:.2s ease-out}.vapor-btn:hover{transform:translateY(-3px);box-shadow:0 0 25px #ff00d4}.vapor-grid{position:absolute;bottom:0;width:100%;height:45%;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg);transform-origin:bottom;opacity:.3;animation:gridMove 8s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}.boards-page{padding:32px 40px;color:#ffc9b8;background:radial-gradient(circle at top,#12000a 0%,#050006 30%,#000000 100%);min-height:100vh}.boards-header h1{font-size:24px;letter-spacing:.2em;text-transform:uppercase;color:#ff7bf8;margin-bottom:4px}.boards-header p{font-size:13px;opacity:.7;color:#ffc9b8;margin-bottom:20px}.boards-grid{display:flex;flex-direction:column;gap:10px}.board-card{display:block;padding:14px 18px;border-radius:10px;background:rgba(0,0,0,.6);border:1px solid rgba(255,124,207,.2);border-bottom:1px solid rgba(255,124,207,.4);text-decoration:none;color:inherit;box-shadow:0 0 8px #000c,0 0 14px #ff7ccf1a;transition:background .25s ease,box-shadow .25s ease,transform .15s ease,border-color .25s ease}.board-card:hover{background:radial-gradient(circle at top left,#1a020d 0%,#050006 60%,#000000 100%);border-color:#ff7ccf99;box-shadow:0 0 14px #ff7ccf66,0 0 26px #00ffff26;transform:translateY(-2px)}.board-name-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.board-slug{font-family:monospace;font-size:14px;text-transform:uppercase;color:#ff7bf8}.board-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffc9b8;opacity:.9}.board-description{font-size:12px;color:#f5d3c8;opacity:.85;margin:4px 0 8px}.board-meta{font-size:11px;color:#e7b8aa;opacity:.75;display:flex;gap:6px}