:root{--black:#050806;--panel:#09100b;--green:#74ff8b;--green-dim:#3da851;--line:#1c5d2b;--danger:#ff716d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--green);font-family:"Roboto Mono",Consolas,"DejaVu Sans Mono","Liberation Mono",monospace}body{background-image:repeating-linear-gradient(0deg,rgba(116,255,139,.025) 0,rgba(116,255,139,.025) 1px,transparent 1px,transparent 4px);text-shadow:0 0 7px rgba(116,255,139,.25)}button,input,.editor-content{font:inherit}.topbar{min-height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(16px,4vw,58px);background:rgba(5,8,6,.96)}.brand{color:var(--green);text-decoration:none;font-weight:700;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid var(--green);margin-right:8px}.topbar nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{color:var(--green-dim);text-decoration:none;font-size:12px}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--green)}main{width:min(1400px,100%);margin:auto;padding:clamp(28px,5vw,68px)}.intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(30px,7vw,100px);align-items:end;border-bottom:1px solid var(--line);padding-bottom:38px}.prompt{font-size:11px;letter-spacing:.14em;color:var(--green-dim)}h1{font-size:clamp(58px,9vw,128px);line-height:.8;margin:25px 0 28px;letter-spacing:-.08em}h1+.intro p,.intro>div>p:last-child{max-width:620px;line-height:1.6;color:var(--green-dim)}.cursor{display:inline-block;width:.08em;height:.72em;background:var(--green);margin-left:.1em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.new-note{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line);padding:20px;background:var(--panel)}label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}input{border:1px solid var(--line);background:#020503;color:var(--green);outline:none;padding:12px;box-shadow:inset 0 0 16px rgba(30,120,49,.08)}input:focus{border-color:var(--green);box-shadow:0 0 10px rgba(116,255,139,.18)}button{border:1px solid var(--green-dim);background:#07140a;color:var(--green);padding:11px 15px;cursor:pointer}button:hover{background:var(--green);color:var(--black);text-shadow:none}.new-note button{grid-column:1/-1}.new-note p{grid-column:1/-1;min-height:16px;margin:0;font-size:11px;color:var(--danger)}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px}.library-heading h2{font-size:18px;text-transform:uppercase;letter-spacing:.12em}.library-heading span{color:var(--green-dim);font-size:11px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.note-card{min-height:190px;border:1px solid var(--line);background:rgba(9,16,11,.9);padding:18px;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.note-card:before{content:attr(data-number);position:absolute;right:10px;top:6px;color:rgba(116,255,139,.08);font-size:55px}.note-card h3{position:relative;margin:5px 0 0;font-size:20px;overflow-wrap:anywhere}.note-card time{color:var(--green-dim);font-size:10px}.note-card input{position:relative;width:100%;margin-top:auto}.note-actions{position:relative;display:flex;gap:8px}.note-actions .open-note{flex:1}.note-actions .delete-note,.danger{color:var(--danger);border-color:#793a38}.note-message{min-height:14px;margin:0;color:var(--danger);font-size:10px}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:60px;text-align:center;color:var(--green-dim)}.editor-view{height:calc(100dvh - 64px);display:grid;grid-template-rows:auto auto auto 1fr auto;border:1px solid var(--line);background:rgba(2,5,3,.96)}.editor-view[hidden]{display:none}.editor-bar{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.editor-bar #saveStatus{margin-right:auto;color:var(--green-dim);font-size:11px}.editor-title{border:0;border-bottom:1px solid var(--line);font-size:clamp(25px,4vw,46px);font-weight:700;padding:20px clamp(18px,4vw,48px)}.format-bar{display:flex;gap:6px;padding:8px clamp(18px,4vw,48px);border-bottom:1px solid var(--line)}.format-bar button{width:38px;height:34px;padding:0}.format-bar .read-mode-button{width:auto;min-width:70px;margin-left:8px;padding:0 14px}.editor-content{min-height:0;overflow:auto;outline:none;padding:28px clamp(18px,4vw,48px);font-size:clamp(16px,2vw,22px);line-height:1.4;white-space:pre-wrap}.editor-content p,.editor-content div{margin:0}.editor-content:focus{box-shadow:inset 0 0 20px rgba(116,255,139,.05)}.editor-content:empty:before{content:attr(data-placeholder);color:var(--green-dim);pointer-events:none}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 14px;color:var(--green-dim);font-size:10px}.editor-view.reading-mode{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;border:0;grid-template-rows:auto auto 1fr auto}.editor-view.reading-mode .editor-bar{display:none}.editor-view.reading-mode .editor-title{padding:clamp(24px,5vh,56px) clamp(24px,8vw,130px) 20px;background:var(--black)}.editor-view.reading-mode .format-bar{justify-content:flex-end;padding:10px clamp(24px,8vw,130px);border:0}.editor-view.reading-mode .format-bar [data-command]{display:none}.editor-view.reading-mode .editor-content{padding:clamp(22px,4vh,48px) clamp(24px,8vw,130px);font-size:clamp(18px,2.2vw,28px);line-height:1.55;cursor:default}.danger:hover{background:var(--danger);color:#100}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{justify-content:flex-start}.intro{grid-template-columns:1fr}.new-note{grid-template-columns:1fr}.editor-view{height:calc(100dvh - 130px)}}@media(max-width:520px){main{padding:24px 12px}.notes-grid{grid-template-columns:1fr}.editor-bar{flex-wrap:wrap}.editor-bar #saveStatus{order:4;width:100%}.editor-footer{gap:15px}}