:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#faf9f6;--color-surface:#fff;--color-border:#e6e2da;--color-border-soft:#efece5;--color-text:#2b2a27;--color-text-muted:#6b6860;--color-text-faint:#9c988e;--color-accent:#7a5c3e;--color-accent-hover:#634a32;--color-accent-soft:#f1e9de;--color-approved-bg:#e6f4ea;--color-approved-text:#276740;--color-approved-border:#bfe3cb;--color-draft-bg:#f1efe9;--color-draft-text:#56534a;--color-draft-border:#ded9cd;--color-stale-bg:#fbf0dc;--color-stale-text:#8a5a13;--color-stale-border:#f0dcae;--color-super-stale-bg:#f2efea;--color-super-stale-text:#948e80;--color-super-stale-border:#e3ddd0;--color-error-bg:#fbeae9;--color-error-text:#9c3a34;--color-error-border:#f1cdc9;--color-success-bg:#e6f4ea;--color-success-text:#276740;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 2px #2b2a270a, 0 1px 3px #2b2a270f;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;margin:0;padding:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--color-text);margin:0;font-weight:600}p{margin:0}button,input{font-family:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.app-nav__brand{letter-spacing:-.01em;color:var(--color-accent);font-size:1.05rem;font-weight:700}.app-nav__links{gap:4px;display:flex}.app-nav__link{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:8px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.app-nav__link:hover{background:var(--color-accent-soft);color:var(--color-text)}.app-nav__link--active{background:var(--color-accent-soft);color:var(--color-accent)}.app-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:32px 24px 80px}.page{flex-direction:column;gap:24px;display:flex}.search-controls{flex-direction:column;gap:14px;display:flex}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:14px 18px;font-size:1.05rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-controls__row{align-items:stretch;gap:12px;display:flex}.search-controls__row .search-input{flex:1}.btn--add{white-space:nowrap;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn__hint{letter-spacing:.02em;background:#ffffff38;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.tag-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;padding:5px 12px;font-size:.82rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.tag-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.tag-chip--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tag-chip--static{cursor:default}.tag-chip--static:hover{border-color:var(--color-border);color:var(--color-text-muted)}.tag-chip--clear{color:var(--color-text-faint);border-style:dashed}.entry-list{flex-direction:column;gap:16px;display:flex}.entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:20px 22px;display:flex}.entry-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.entry-card__title{font-size:1.15rem;line-height:1.35}.entry-card__snippet{color:var(--color-text-muted);font-size:.96rem;line-height:1.6}.entry-card__tags{flex-wrap:wrap;gap:6px;display:flex}.entry-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.entry-card__date{color:var(--color-text-faint);font-size:.8rem}.entry-card__actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:8px 16px;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,opacity .15s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn--accent{background:var(--color-approved-text);color:#fff}.btn--accent:hover:not(:disabled){opacity:.9}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge--approved{background:var(--color-approved-bg);color:var(--color-approved-text);border-color:var(--color-approved-border)}.badge--draft{background:var(--color-draft-bg);color:var(--color-draft-text);border-color:var(--color-draft-border)}.badge--stale{background:var(--color-stale-bg);color:var(--color-stale-text);border-color:var(--color-stale-border)}.badge--super-stale{background:var(--color-super-stale-bg);color:var(--color-super-stale-text);border-color:var(--color-super-stale-border);opacity:.85}.badge--trash{background:var(--color-draft-bg);color:var(--color-text-muted);border-color:var(--color-draft-border)}.badge--trash-urgent{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.review-bucket{flex-direction:column;gap:14px;display:flex}.review-bucket__heading{border-bottom:1px solid var(--color-border-soft);align-items:baseline;gap:10px;padding-bottom:8px;display:flex}.review-bucket__heading h2{font-size:1.05rem}.review-bucket__hint{color:var(--color-text-faint);font-size:.85rem}.review-bucket__count{color:var(--color-text-muted);background:var(--color-border-soft);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.85rem;font-weight:600}.state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 24px;display:flex}.state--loading{color:var(--color-text-muted);flex-direction:row;gap:10px}.state--error{color:var(--color-error-text)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);padding:10px 20px;font-size:.9rem;font-weight:500;animation:.18s ease-out toast-in;box-shadow:0 4px 14px #2b2a2726}.toast--success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-approved-border)}.toast--error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:200;background:#2b2a2752;justify-content:center;align-items:flex-start;padding:48px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;gap:18px;width:100%;max-width:560px;padding:28px;display:flex;box-shadow:0 12px 32px #2b2a272e}.modal__title{font-size:1.2rem}.modal__form{flex-direction:column;gap:14px;display:flex}.field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;display:flex}.field input,.field textarea{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);resize:vertical;outline:none;padding:10px 14px;font-size:1rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.modal__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=640px){.app-nav{flex-wrap:wrap;padding:12px 16px}.app-main{padding:20px 16px 64px}.entry-card{padding:16px}}
