:root{color-scheme:dark;--bg:#161118;--surface:#251d28;--surface-2:#302334;--border:#443447;--accent:#e5b4d9;--accent-dim:#4d3450;--text:#f5ebf2;--muted:#ac97a9;--subtle:#826f82;--danger:#ffb5b9;--r:17px;font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,input,select,textarea{outline-color:var(--accent)}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}#app{min-height:100dvh}::selection{background:#704a72;color:#fff}
.shell{width:min(100%,1070px);margin:auto;min-height:100dvh;display:grid;grid-template-columns:235px minmax(0,1fr);border-left:1px solid #302633;border-right:1px solid #302633}.side{padding:32px 19px;border-right:1px solid #302633;display:flex;flex-direction:column;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:740;letter-spacing:-.07em}.brand-mark{width:31px;height:31px;background:var(--accent);border-radius:9px;display:grid;place-items:center;color:#211525}.brand .period{color:var(--accent)}.side-nav{display:grid;gap:7px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 13px;background:transparent;color:var(--muted);border:0;border-radius:11px;text-align:left;font-weight:520}.nav-link.active{background:#302435;color:var(--accent)}.nav-link:hover{background:#2b2130}.side-footer{margin-top:auto;font-size:12px;color:var(--subtle);line-height:1.6;padding:12px}.main{min-width:0;padding:35px clamp(20px,5vw,65px) 42px;max-width:800px;width:100%;margin:auto}.mobile-head,.bottom-nav{display:none}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--subtle);font-weight:650;text-transform:uppercase}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:27px}.heading{font-size:39px;line-height:1.07;letter-spacing:-.065em;margin:7px 0 0;font-weight:620}.count{font-size:12px;color:var(--muted);padding-bottom:5px}.toolbar{display:flex;gap:10px;margin-bottom:21px}.search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#28202b;border:1px solid var(--border);border-radius:13px;padding:0 14px;color:var(--muted)}.search input{min-width:0;flex:1;height:46px;background:none;border:0;color:var(--text);outline:0}.search input::placeholder{color:#938094}.search kbd{border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:10px;color:#8c7b8b}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#28182a;border:1px solid var(--accent);border-radius:12px;font-size:13px;font-weight:750;padding:12px 16px}.primary:hover{background:#f1cce8}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #5d4760;background:#2e2331;border-radius:11px;color:var(--text);padding:11px 14px;font-weight:560}.secondary:hover{background:#382a3c}.plain{background:transparent;border:0;color:var(--muted);padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.plain:hover{background:#372b39;color:var(--text)}.chips{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none;margin-bottom:30px}.chips::-webkit-scrollbar{display:none}.chip{background:transparent;border:1px solid transparent;padding:8px 13px;border-radius:99px;white-space:nowrap;color:#a998aa;font-size:12px;font-weight:550}.chip.active{background:var(--accent);color:#261827;border-color:var(--accent);font-weight:720}.chip:not(.active):hover{background:var(--surface)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:13px;font-weight:620;margin:0;letter-spacing:-.01em}.section-ctrl{display:flex;align-items:center;gap:8px}.section-small{color:var(--subtle);font-size:12px}.item-list{display:grid;gap:10px}.item{background:#251e28;border:1px solid #3b2f3e;border-radius:16px;padding:16px 17px;display:grid;gap:12px;position:relative;transition:border-color .2s,transform .2s}.item:hover{border-color:#6e5071;transform:translateY(-1px)}.item-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.item-origin{display:flex;align-items:center;gap:10px;min-width:0}.source-logo{height:27px;width:27px;display:flex;align-items:center;justify-content:center;color:#e8b9de;background:#4b3550;border-radius:8px;font-size:11px;font-weight:730}.source-label{font-size:10px;letter-spacing:.06em;color:#b7a2b7;text-transform:uppercase;font-weight:650}.item-title{border:0;background:transparent;color:var(--text);font-size:16px;font-weight:640;letter-spacing:-.027em;text-align:left;line-height:1.38;padding:0;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.item-title:hover{color:#f2d0e9}.tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.cat{font-size:11px;color:#e7bddf;background:#4c3550;border-radius:6px;padding:5px 8px;font-weight:570}.keyword{font-size:11px;color:#a995aa}.item-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.timestamp{font-size:11px;color:#8f7d90}.status{display:flex;align-items:center;gap:6px;font-size:10px;color:#a792a9}.dot{width:5px;height:5px;border-radius:50%;background:#d9afd1}.dot.pending{background:#e7c079}.dot.failed{background:#e49ca3}.item-title-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.star{background:transparent;border:0;padding:6px;color:#928096}.star.saved{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-grid .item{min-height:162px;align-content:space-between}.card-grid .item-title{font-size:15px}.empty{padding:80px 16px;text-align:center;display:grid;justify-items:center;gap:12px;color:var(--muted);border:1px dashed var(--border);border-radius:17px}.empty h3{font-size:17px;color:var(--text);margin:0}.empty p{max-width:280px;line-height:1.6;margin:0;font-size:13px}.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.collection{min-height:143px;padding:19px;border-radius:16px;border:1px solid #48364a;background:#29202d;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.collection:hover{border-color:#9d6e9f}.collection h3{font-size:15px;color:var(--text);margin:0 0 5px}.collection span{font-size:12px;color:var(--muted)}.collection .icon{color:var(--accent)}
.overlay{position:fixed;inset:0;background:rgba(5,3,6,.7);z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(5px)}.dialog{max-width:450px;width:100%;max-height:calc(100dvh - 25px);overflow:auto;background:#211923;border:1px solid #604863;border-radius:20px;padding:23px;box-shadow:0 28px 90px #0008;animation:pop .15s ease-out}.dialog.wide{max-width:530px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head h2{margin:0;font-size:20px;letter-spacing:-.04em}.field{display:grid;gap:8px;margin-bottom:15px}.field label{color:#cbb6c7;font-size:12px;font-weight:600}.field input,.field textarea,.field select{width:100%;background:#302433;border:1px solid #59445b;border-radius:10px;color:var(--text);padding:12px;outline:none;font-size:13px}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field-note{color:#a18ca2;font-size:11px;line-height:1.6;margin:-2px 0 14px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;align-items:center}.text-danger{color:var(--danger)}.settings-card{background:#251d28;border:1px solid #3e303f;padding:20px;border-radius:17px;margin-bottom:12px}.settings-card h3{font-size:15px;margin:0 0 6px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 15px}.settings-actions{display:flex;flex-wrap:wrap;gap:9px}.toggle{display:flex;align-items:center;gap:12px;font-size:13px;color:#d4c1d0;margin-bottom:18px}.toggle input{accent-color:var(--accent);width:17px;height:17px}.micro{font-size:11px;color:var(--subtle);line-height:1.6}.detail-header{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:15px}.detail-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.rule{height:1px;background:var(--border);margin:17px 0}#toast{position:fixed;left:50%;bottom:27px;z-index:40;transform:translateX(-50%) translateY(90px);opacity:0;transition:transform .2s,opacity .2s;pointer-events:none;background:#e5b4d9;color:#251727;border-radius:99px;padding:11px 17px;font-size:12px;font-weight:700;box-shadow:0 6px 26px #0007;white-space:nowrap;max-width:calc(100vw - 20px);text-overflow:ellipsis;overflow:hidden}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}@keyframes pop{from{transform:translateY(8px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:760px){.shell{display:block;border:0}.side{display:none}.main{max-width:570px;padding:0 19px 112px}.mobile-head{height:73px;display:flex;align-items:center;justify-content:space-between}.mobile-head .brand{font-size:19px}.mobile-actions{display:flex;gap:7px}.head{margin-top:16px;margin-bottom:25px}.heading{font-size:34px}.toolbar{margin-bottom:17px}.toolbar .primary{padding:12px}.toolbar .primary span{display:none}.search kbd{display:none}.chips{margin-bottom:28px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(22,17,24,.96);border-top:1px solid #3a2b3c;padding:11px 20px calc(11px + env(safe-area-inset-bottom));align-items:center;justify-content:space-around;z-index:10;backdrop-filter:blur(10px)}.tab{display:grid;justify-items:center;gap:4px;background:none;border:0;color:#8f7b91;font-size:10px;min-width:59px}.tab.active{color:var(--accent)}.fab{width:49px;height:49px;border-radius:15px;border:0;background:var(--accent);color:#241927;display:grid;place-items:center;box-shadow:0 5px 25px #e5b4d921}.dialog{align-self:flex-end;border-radius:22px 22px 0 0;margin:0 -16px -16px;width:calc(100% + 32px);max-width:none;max-height:90dvh;padding:23px 21px calc(25px + env(safe-area-inset-bottom))}.overlay{align-items:flex-end}.item{padding:15px}.item-title{font-size:15px}}@media(max-width:340px){.main{padding-left:13px;padding-right:13px}.chips{gap:0}.card-grid{grid-template-columns:1fr}.collections-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}