:root{color:#ece9e2;font-synthesis:none;background:#171716;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-page{place-items:center;min-height:100vh;padding:18px;display:grid}.login-card{background:#222220;border:1px solid #3b3935;border-radius:12px;width:min(100%,320px);padding:24px;box-shadow:0 12px 36px #00000040}.brand{letter-spacing:-.04em;font-size:1.2rem;font-weight:700}.login-card .brand{font-size:1.6rem}.muted{color:#a8a39a}.small{font-size:.8rem}input,textarea{width:100%;color:inherit;background:#191918;border:1px solid #4a4742;border-radius:7px;outline:none;padding:10px 11px}input:focus,textarea:focus{border-color:#a8a39a;box-shadow:0 0 0 3px #a8a39a1a}textarea{resize:vertical;min-height:132px;line-height:1.5}button{color:#ece9e2;background:#35332f;border:1px solid #4a4742;border-radius:7px;padding:9px 13px}.pin-inputs{justify-content:center;gap:7px;margin:22px 0 16px;display:flex}.pin-inputs input{text-align:center;width:38px;height:44px;padding:0;font-size:1.15rem}.login-card>button{width:100%}.page{width:min(100% - 24px,640px);margin:0 auto;padding:16px 0 40px}.topbar,.content-card,.new-content{background:#222220;border:1px solid #3b3935;border-radius:12px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:13px 16px;display:flex}.content-card,.new-content{padding:18px}.new-content{margin-top:12px}.section-heading,.button-row{justify-content:space-between;align-items:center;gap:10px;display:flex}h1,h2{letter-spacing:-.025em;margin:0}h1{font-size:1.1rem}h2{margin-bottom:12px;font-size:1rem}.quiet-button,.secondary-button{color:#d0cbc2;background:0 0;border:1px solid #4a4742}.quiet-button{padding:6px 10px;font-size:.82rem}.danger-button{color:#e58e82;background:0 0;border:1px solid #75463f;padding:6px 10px;font-size:.82rem}.stored-content{margin-top:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#191918;border-radius:7px;max-height:360px;margin:0;padding:13px;font:.9rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.button-row{justify-content:flex-start;margin-top:10px}.file-content{background:#191918;border-radius:7px;gap:6px;margin-top:14px;padding:14px;display:grid}.file-content button{justify-self:start;margin-top:4px}.empty{color:#a8a39a;margin:16px 0 2px}.mode-switch{background:#191918;border-radius:8px;gap:4px;width:fit-content;margin-bottom:10px;padding:3px;display:flex}.mode-switch button{color:#a8a39a;background:0 0;padding:6px 11px;font-size:.85rem}.mode-switch button.selected{color:#ece9e2;background:#4a4742}.file-form{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.file-picker{border:1px solid #4a4742;border-radius:7px;flex:250px;align-items:center;gap:9px;min-width:0;padding:5px;display:flex}.file-picker input{display:none}.file-picker label{cursor:pointer;background:#35332f;border-radius:5px;flex:none;padding:6px 9px}.file-picker span{text-overflow:ellipsis;white-space:nowrap;color:#a8a39a;min-width:0;font-size:.9rem;overflow:hidden}.status{color:#9bc58f;margin:12px 2px 0;font-size:.9rem}.error{color:#e58e82;margin:8px 0 0;font-size:.9rem}@media (width<=480px){.page{width:min(100% - 16px,640px)}.content-card,.new-content{padding:15px}.button-row{flex-wrap:wrap}}