:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f1ea;--panel:#15171d;--panel-2:#1b1d24;--line:#2b2e37;--muted:#9ba0ad;--accent:#d8b26e;--danger:#e88989;background:#0d0e12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% -10%,#232128 0,#0000 35%),#0d0e12;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0e12e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:20px max(24px,50vw - 590px);display:flex;position:sticky;top:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.03em;font-size:clamp(1.25rem,3vw,1.7rem)}h2{letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,1.85rem)}h3{font-size:1rem}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:.7rem;font-weight:750}main{width:min(1180px,100% - 48px);margin:34px auto 80px}.panel{border:1px solid var(--line);background:#15171de6;border-radius:18px;box-shadow:0 20px 50px #0003}.composer{padding:26px}.section-heading,.library-header,.form-footer,.entry-header,.entry-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcut{color:var(--muted);font-size:.78rem}form{gap:15px;margin-top:22px;display:grid}.dropzone{color:#e9e5dc;cursor:pointer;background:#111319;border:1px dashed #4b4f5c;border-radius:14px;place-items:center;gap:7px;width:100%;min-height:150px;padding:22px;transition:all .18s;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#19181a;transform:translateY(-1px)}.dropzone small{color:var(--muted)}.drop-icon{border:1px solid #4b4f5c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.35rem;display:grid}label{color:#d7d3ca;font-size:.84rem;font-weight:650}textarea,.search input,.edit-note{border:1px solid var(--line);color:#f4f1ea;background:#101117;border-radius:11px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:145px;padding:15px 16px;line-height:1.55}textarea:focus,.search input:focus{border-color:#8b7247;box-shadow:0 0 0 3px #d8b26e1a}.button{color:#f7f3ea;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:720;text-decoration:none;display:inline-flex}.button.primary{color:#15120d;background:var(--accent)}.button.secondary{background:#191b21;border-color:#3b3e48}.button.danger{color:var(--danger);background:0 0;border-color:#56383c}.button.small{min-height:34px;padding:0 12px;font-size:.78rem}.button:disabled{opacity:.5;cursor:not-allowed}.status{min-height:1.2em;color:var(--muted);font-size:.82rem}.status.error{color:var(--danger)}progress{width:100%;height:5px;accent-color:var(--accent)}.preview-list,.entry-images{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.preview{border:1px solid var(--line);background:#0b0c10;border-radius:10px;min-height:105px;position:relative;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;min-height:105px;max-height:160px;display:block}.preview button{color:#fff;cursor:pointer;background:#08080ad1;border:0;border-radius:50%;width:28px;height:28px;padding:0;position:absolute;top:6px;right:6px}.library{margin-top:45px}.library-header{margin-bottom:17px}.search{width:min(340px,45vw)}.search input{height:42px;padding:0 14px}.entries{gap:15px;display:grid}.entry{border:1px solid var(--line);background:#15171dd1;border-radius:14px;padding:20px}.entry time{color:var(--muted);font-size:.78rem}.entry-note{color:#e8e5de;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 17px;line-height:1.62}.entry-images{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:17px}.entry-image{background:#0c0d11;border:1px solid #30333d;border-radius:9px;min-height:120px;position:relative;overflow:hidden}.entry-image>button:first-child{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0}.entry-image img{object-fit:cover;width:100%;height:160px;display:block}.remove-stored{color:#fff;cursor:pointer;background:#0a0a0cd6;border:0;border-radius:50%;width:30px;height:30px;position:absolute;top:7px;right:7px}.entry-actions{justify-content:flex-end}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:55px 25px}.edit-controls{gap:12px;margin:14px 0;display:grid}.file-add{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.toast{z-index:20;color:#f4ecd9;opacity:0;pointer-events:none;background:#232016;border:1px solid #504731;border-radius:10px;max-width:min(380px,100vw - 44px);padding:12px 16px;transition:all .2s;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:0 12px 40px #0008}.toast.show{opacity:1;transform:none}dialog{background:#090a0d;border:1px solid #3d404b;border-radius:12px;width:min(1100px,94vw);max-height:92vh;padding:0;box-shadow:0 25px 80px #000}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}dialog img{object-fit:contain;max-width:100%;max-height:88vh;margin:auto;display:block}.dialog-close{color:#fff;cursor:pointer;background:#111c;border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem;position:absolute;top:10px;right:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.topbar{padding:16px 18px}.topbar .eyebrow{display:none}main{width:min(100% - 28px,1180px);margin-top:20px}.composer{padding:18px}.section-heading,.library-header{flex-direction:column;align-items:flex-start}.shortcut{display:none}.search{width:100%}.form-footer{flex-direction:column;align-items:stretch}.form-footer .button{width:100%}.entry-header{flex-direction:column;align-items:flex-start}.entry-actions{flex-wrap:wrap;justify-content:stretch}.entry-actions .button{flex:1}.entry-images{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-image img{height:130px}}