:root{--night:#1b2a4a;--plum:#4a3a5e;--gold:#e8a33d;--cream:#f5eedc;--ink:#14213a}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--cream);background:var(--ink);font-family:Georgia,Times New Roman,serif}.login-shell,.notes-shell{background:radial-gradient(1200px 600px at 50% -10%, #e8a33d24, transparent 60%), linear-gradient(180deg, var(--night), var(--ink));min-height:100vh;position:relative}.login-shell{justify-content:center;align-items:center;display:flex;overflow:hidden}.range{z-index:0;fill:#14213ad1;width:100%;height:40vh;position:fixed;bottom:0;left:0;right:0}input[type=text],input[type=password],textarea{color:var(--cream);background:#f5eedc0f;border:1px solid #f5eedc40;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:17px}textarea{resize:vertical;line-height:1.6}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:var(--gold);background:#f5eedc1a}input::placeholder,textarea::placeholder{color:#f5eedc66}button{letter-spacing:.04em;cursor:pointer;color:var(--ink);background:var(--gold);border:0;border-radius:999px;padding:12px 16px;font-family:inherit;font-size:16px;transition:transform .12s,background .2s}button:hover{background:#f2b65a;transform:translateY(-1px)}.error{color:#ff9a8a;min-height:18px;margin:0;font-size:14px}.card{z-index:1;text-align:center;width:min(430px,90vw);padding:40px 34px;position:relative}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:12px}.card h1{letter-spacing:1px;margin:0 0 10px;font-size:clamp(28px,5vw,40px);line-height:1.12}.subtitle{color:#f5eedcb8;margin:0 0 30px;font-size:15px;font-style:italic}.card form{flex-direction:column;align-items:stretch;gap:12px;display:flex}.card input[type=password],.card input[type=text]{text-align:center}.hint{color:#f5eedc73;margin:22px 0 0;font-size:12.5px}.viewer{background:var(--ink);position:fixed;inset:0}.viewer iframe{border:0;width:100%;height:100%;display:block}.leave-note{z-index:10;color:var(--ink);opacity:.85;background:#e8a33deb;border-radius:999px;padding:8px 14px;font-family:Georgia,Times New Roman,serif;font-size:14px;text-decoration:none;transition:opacity .2s,transform .12s;position:fixed;top:14px;right:14px;box-shadow:0 3px 10px #14213a59}.leave-note:hover{opacity:1;transform:translateY(-1px)}.notes-shell{padding:36px 20px 64px}.notes-col{z-index:1;width:min(640px,92vw);margin:0 auto;position:relative}.back{color:#f5eedc99;margin-bottom:18px;font-size:14px;text-decoration:none;display:inline-block}.back:hover{color:var(--gold)}.notes-col h1{letter-spacing:1px;margin:0 0 8px;font-size:clamp(26px,4vw,36px)}.sub{color:#f5eedca8;margin:0 0 24px;font-size:15px}.note-form{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.note-form button{align-self:flex-start;padding:12px 26px}.note-list{flex-direction:column;gap:16px;display:flex}.note{background:#f5eedc0a;border:1px solid #f5eedc1f;border-radius:12px;padding:18px 20px}.note-msg{color:var(--cream);white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:17px;line-height:1.65}.note-by{color:var(--gold);justify-content:space-between;gap:12px;margin:0;font-size:14px;font-style:italic;display:flex}.note-at{color:#f5eedc66;font-style:normal}.empty{color:#f5eedc73;font-style:italic}