:root{--bg: #090b0e;--bg-2: #110d12;--panel: rgba(14, 10, 12, .96);--panel-strong: rgba(20, 12, 15, .98);--border: rgba(255, 94, 94, .46);--border-soft: rgba(255, 120, 120, .2);--red: #ff5b5b;--red-2: #ff7d65;--red-3: #ff9a73;--amber: #ffb772;--text: #f7d9d3;--muted: #d99695;--muted-2: #9a605f;--shadow: rgba(0, 0, 0, .52)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;background:linear-gradient(180deg,#0a090c,#130b0c 30%,#0a0a0c);color:var(--text);font-size:clamp(10px,1vw,11px);letter-spacing:.02em;text-transform:uppercase}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.014) 1px,transparent 2px,transparent 4px);mix-blend-mode:screen}button,input,select,textarea{font:inherit}button{cursor:pointer}button:hover{transform:translateY(-1px)}button,input,select,textarea{transition:all .15s ease}.shell{max-width:1450px;margin:0 auto;padding:16px 12px 40px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,91,91,.08),transparent 30%),#090b0e}.neon-panel{background:linear-gradient(180deg,#1c0f10fa,#0d0a0bf5);border:1px solid var(--border);border-radius:0;box-shadow:inset 0 0 0 1px #ff78780d,0 0 14px #ff5c5c14;position:relative}.neon-panel:before,.neon-panel:after{content:"";position:absolute;width:14px;height:calc(100% - 12px);top:6px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:#ff5c5c05}.neon-panel:before{left:6px;border-left:1px solid var(--border-soft)}.neon-panel:after{right:6px;border-right:1px solid var(--border-soft)}.auth-box{width:min(440px,90vw);padding:22px 20px;background:linear-gradient(180deg,#160d0efa,#0b090cfa);border:1px solid var(--border);border-radius:0;box-shadow:0 0 18px #ff5b5b1f}.brand-block{margin-bottom:18px}.brand-block h1,.section-head h3,.topbar h2{margin:0;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--red-2);text-shadow:0 0 10px rgba(255,100,100,.18)}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--amber);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.stack,.todo-form,.journal-editor,.note-editor{display:grid;gap:10px}label{display:grid;gap:5px;color:var(--muted);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}input,select,textarea{width:100%;background:#08080be6;border:1px solid rgba(255,94,94,.38);border-radius:0;color:var(--text);padding:8px 9px;font-size:11px;box-shadow:inset 0 0 12px #00000059}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff7878d1;box-shadow:0 0 0 1px #ff787814,inset 0 0 12px #ff5a5f14}textarea{min-height:120px;min-height:clamp(120px,22vh,220px);resize:vertical}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-toggle button,.primary,.secondary,.ghost{border-radius:0;padding:9px 10px;border:1px solid rgba(255,94,94,.42);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:10px}.primary{background:linear-gradient(135deg,#ff4c4c,#ff7d5f 58%,#ffb86d);color:#2b0d0d;border:none;box-shadow:0 0 12px #ff5e5e24}.login-button,.register-button{background:#ff78780f;color:var(--text);border:1px solid rgba(255,120,120,.24)}.login-button.active{background:linear-gradient(135deg,#ff5d5d,#ff9570 52%,#ffc37b);color:#fff3ef;border-color:#ff836be6;box-shadow:0 0 16px #ff705a42}.register-button.active{background:#ffb86d1f;color:var(--text);border-color:#ffb86db3;box-shadow:0 0 12px #ffb86d1a}.secondary{background:#ff78780f;color:var(--text)}.ghost{background:transparent;color:var(--text)}.ghost.small{padding:6px 8px;font-size:9px}.auth-toggle button.active{background:#ff787814;border-color:#ff7878c2;box-shadow:0 0 10px #ff78781a}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px;position:sticky;top:8px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar h2{font-size:12px}.dashboard{display:grid;gap:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head h3{font-size:12px}.inline-controls{display:flex;gap:8px;align-items:center}section{padding:16px}.journal-editor{grid-template-columns:1fr}.notes-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.note-list{display:grid;gap:8px}.note-item{width:100%;text-align:left;background:#0a080bd1;border:1px solid rgba(255,94,94,.25);color:var(--text);border-radius:0;padding:8px 9px;display:grid;gap:4px;font-size:10px}.note-item.selected{border-color:#ff7878cc;box-shadow:0 0 12px #ff787817}.note-item small{color:var(--muted)}.markdown-preview{border:1px solid rgba(255,94,94,.3);border-radius:0;background:#0c090cd1;padding:10px 12px;box-shadow:inset 0 0 10px #00000040;font-size:11px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:0;color:var(--amber);letter-spacing:.1em}.todo-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:10px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}.filter-grid select[multiple]{min-height:110px;max-height:180px;overflow-y:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0;border:1px solid rgba(255,94,94,.2)}.todos-panel .table-wrap{width:100%}.todos-panel table{min-width:920px}.todos-panel th,.todos-panel td{white-space:nowrap}.todos-panel th:nth-child(2),.todos-panel td:nth-child(2){min-width:220px;white-space:normal}.todos-panel th:nth-child(6),.todos-panel td:nth-child(6){min-width:130px}.todos-panel td:nth-child(6) select{min-width:115px}table{width:100%;border-collapse:collapse;min-width:720px;background:#09090c59;font-size:10px}th,td{padding:7px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;vertical-align:top}th{color:var(--amber);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;background:#ff787808}tr:hover td{background:#ff5e5e08}.error-box{margin-top:12px;background:#ff5a5f14;border:1px solid rgba(255,90,95,.5);color:#ffd7d8;padding:9px 10px;border-radius:0;box-shadow:0 0 14px #ff5a5f0d}.empty{color:var(--muted)}@media (max-width: 1024px){.shell{padding-left:10px;padding-right:10px}.todo-form,.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.notes-layout{grid-template-columns:1fr}.note-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 720px){.topbar,.section-head{flex-direction:column;align-items:flex-start}.topbar{padding:12px 14px}.section-head{width:100%}.inline-controls{width:100%;flex-wrap:wrap}.inline-controls>*{flex:1 1 140px}.todo-form,.filter-grid{grid-template-columns:1fr}.filter-grid select[multiple]{min-height:90px;max-height:150px}.table-wrap{overflow-x:auto;overflow-y:hidden}.todos-panel table{width:max-content;min-width:980px}.todos-panel th,.todos-panel td{min-width:105px;padding:8px 9px}.todos-panel th:nth-child(2),.todos-panel td:nth-child(2){min-width:220px}.todos-panel th:nth-child(6),.todos-panel td:nth-child(6){min-width:130px}.todos-panel th:nth-child(9),.todos-panel td:nth-child(9){min-width:92px}}@media (max-width: 520px){.shell{padding:10px 8px 28px}section{padding:12px}.auth-box{width:min(92vw,420px);padding:18px 14px}.brand-block h1{font-size:1.9rem}.auth-toggle{grid-template-columns:1fr}.note-item{padding:7px 8px}.ghost.small{width:100%}}