:root{--bg:#f8f7f3;--paper:#fff;--ink:#202c27;--muted:#7b817a;--green:#174d3d;--green-dark:#103b2e;--line:#e5e5dc;--lime:#dbe9b4;--soft:#edf2e8;--red:#a64537;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #87a985;outline-offset:3px}button{border:0}button svg{flex:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#f0f0e9;border-right:1px solid var(--line);padding:35px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-mark{height:39px;width:39px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--green);color:white;font-size:35px;line-height:1;padding:0 0 5px 3px;letter-spacing:-4px}.brand-mark span{color:#d4e7a7}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;color:#83887e;margin-top:5px;font-weight:600}.new-button{background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:9px;margin:41px 0 34px;font-size:13px;font-weight:600}.new-button:hover,.primary:hover{background:var(--green-dark)}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#92988c;margin:0 0 13px 11px}.nav-item{width:100%;background:transparent;display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:8px;color:#636d62;text-align:left;font-size:12px;margin-bottom:4px;min-height:42px}.nav-item:hover{background:#e6e9dc}.nav-item.active{color:var(--green);background:#e0e7d7;font-weight:650}.nav-count{margin-left:auto;font-size:11px;color:#89937f}.nav-item svg{width:17px;height:17px}.category-heading{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.category-heading .nav-label{margin-bottom:0}.icon-button{background:transparent;display:inline-flex;justify-content:center;align-items:center;color:#7c8578;width:34px;height:34px;border-radius:7px}.icon-button:hover{background:#e7e9df}.category-dot{width:8px;height:8px;background:#9baa8c;border-radius:50%;margin:0 6px 0 4px;flex:none}.sidebar-bottom{margin-top:auto;padding-top:50px}.personal-badge{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:600;border-top:1px solid #dedfd4;padding-top:23px}.personal-badge small{display:block;font-size:10px;color:#929889;margin-top:4px;font-weight:400}.avatar{width:33px;height:33px;background:#e1e6d4;border-radius:50%;display:grid;place-items:center;color:var(--green);font-family:Georgia,serif;font-size:17px}.text-button{background:transparent;color:var(--green);font-size:12px;padding:8px 0;font-weight:600}.sidebar-bottom .text-button{font-size:10px;margin:12px 0 0 44px;color:#899181}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:10px;color:#93978e;letter-spacing:.15px}.connection{display:flex;align-items:center;gap:7px}.connection-dot{width:6px;height:6px;background:#72a075;border-radius:50%}.main-content{max-width:1290px;margin:0 auto;padding:45px 46px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{color:#879078;font-size:9px;font-weight:650;letter-spacing:1.6px;margin:0 0 17px}h1{font-size:clamp(27px,2.65vw,40px);line-height:1.25;letter-spacing:-1.5px;font-weight:550;margin:0}h1 span{color:#7f8a76}.intro-text{font-size:12px;line-height:1.8;color:#8b9085;margin:16px 0 0}.source-stamp{display:flex;align-items:center;gap:15px;border:1px solid #dddcd1;border-radius:50%;height:132px;width:174px;transform:rotate(-8deg);margin-right:30px;color:#8c9680;position:relative;justify-content:center}.source-stamp>svg{width:32px;height:32px;stroke-width:1.2}.source-stamp>span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;line-height:1.4}.source-stamp .stamp-arrow{position:absolute;bottom:4px;right:20px;background:var(--bg);font-family:Arial;font-style:normal;font-size:39px;color:#a6ae98;line-height:1;padding:4px}.capture-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px 0;box-shadow:0 3px 8px #202c2703}.capture-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.source-badge{background:#f4eeeb;display:flex;align-items:center;gap:5px;font-size:9px;color:#9b7970;border-radius:5px;padding:5px 8px}.source-badge svg{width:12px;height:12px}.input-tabs{display:flex;gap:21px;margin-bottom:14px}.input-tab{background:transparent;padding:0 0 9px;color:#a0a394;border-bottom:2px solid transparent;font-size:11px}.input-tab.active{color:var(--green);border-color:var(--green);font-weight:650}.capture-row{display:flex;gap:11px}.url-field{border:1px solid var(--line);background:#fbfbf7;border-radius:9px;display:flex;align-items:center;flex:1;min-width:0;padding-left:15px;color:#9aab91}.url-field input{width:100%;border:0;background:transparent;font-size:12px;padding:15px 12px;color:var(--ink);min-width:0;outline-offset:-3px}.url-field input::placeholder{color:#a4aa9b}.primary{background:var(--green);color:#fff;border-radius:8px;min-height:44px;padding:12px 20px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:15px}.capture-submit svg{width:15px;height:15px}.capture-options{display:grid;grid-template-columns:1.2fr 1.25fr 1fr 1fr;gap:15px;margin:20px 0 0}.capture-options label{font-size:9px;color:#8b9383;display:flex;flex-direction:column;gap:7px}.capture-options select{width:100%;font-size:10px;color:#56624e;background:#f6f7f1;border:1px solid #edefe5;border-radius:6px;padding:9px 25px 9px 10px;min-height:35px}.capture-footer{border-top:1px solid #f0f0e9;margin:20px -25px 0;padding:13px 25px;display:flex;justify-content:space-between;font-size:9px;gap:10px;color:#a2a995}.capture-footer svg{height:13px;width:13px;margin-right:5px;color:#9fae91}.capture-footer span{display:flex;align-items:center}.upload-field{flex:1;min-height:48px;background:#f6f8f1;border:1px dashed #c8d0bb;border-radius:8px;padding:13px;display:flex;align-items:center;gap:10px;color:#7f8c73;font-size:11px;cursor:pointer;position:relative;min-width:0}.upload-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-field input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.upload-field:focus-within{outline:3px solid #87a985;outline-offset:3px}.form-error{font-size:12px;color:var(--red);line-height:1.5}.form-error:empty{display:none}.setup-note{font-size:11px;color:#7f714a;line-height:1.6;background:#f2eedf;border:1px solid #e7dfc9;padding:10px 15px;border-radius:8px;margin:-10px 0 20px}.library{margin-top:36px;min-height:300px}.library-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-top .eyebrow{font-size:8px;margin-bottom:8px}.library h2{font-size:19px;letter-spacing:-.5px}.library h2>span{font-size:10px;font-weight:500;vertical-align:middle;background:#eaece2;color:#7d8a70;border-radius:5px;margin-left:7px;padding:3px 6px}.library-tools{display:flex;align-items:center;gap:12px}.search-field{display:flex;align-items:center;gap:8px}.search-field svg{width:14px;height:14px;color:#929a86}.search-field input{border:0;border-bottom:1px solid #e0e3d8;padding:9px 0;font-size:10px;width:140px;background:transparent;color:var(--ink)}.search-field input::placeholder{color:#9aa28e}.library-tools select{border:1px solid #e4e6da;background:transparent;border-radius:7px;font-size:10px;color:#7c8870;min-height:32px;padding:7px}.empty-state{margin-top:22px;min-height:280px;border:1px dashed #dddFcf;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}.empty-art{position:relative;width:100px;height:80px;margin-bottom:15px}.empty-paper{position:absolute;width:48px;height:63px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.paper-back{border:1px solid #dce3cf;background:#e9eedf;left:19px;top:6px;transform:rotate(-13deg)}.paper-front{border:1px solid #d6dfca;background:#fcfdf8;left:37px;top:10px;transform:rotate(9deg);box-shadow:0 3px 8px #1c432409}.paper-front svg{width:21px;height:21px;color:#9aa88b}.paper-front>span{height:2px;width:24px;background:#d5ddc9}.paper-front>span:last-child{width:16px;align-self:flex-start;margin-left:12px}.empty-plus{position:absolute;right:0;bottom:4px;height:25px;width:25px;display:grid;place-items:center;background:#e1e9d1;border:3px solid var(--bg);border-radius:50%;color:#6b8553;font-size:15px}.empty-state h3{font-size:14px;font-weight:550;margin:0 0 8px;color:#69775e}.empty-state p{font-size:11px;line-height:1.8;color:#a1a894;margin:0 0 9px}.empty-state .text-button{font-size:10px}.empty-state .text-button span{margin-left:8px}.main-footer{display:flex;justify-content:space-between;font-size:8px;color:#aab19e;border-top:1px solid #e6e8dc;margin-top:30px;padding-top:17px;gap:15px}.footer-dot{padding:0 5px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px;margin-top:23px}.items-grid:empty{display:none}.item-card{position:relative;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;flex-direction:column;min-height:195px;color:var(--ink);transition:border-color .2s,transform .2s}.item-card:hover{border-color:#9eaf90;transform:translateY(-2px)}.item-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.item-card-top>svg{color:#9a9e8e;width:17px;height:17px}.status-badge{font-size:8px;display:inline-flex;border-radius:5px;padding:5px 7px;color:#85916f;background:#eff2e7;line-height:1.3}.status-badge.ready{color:#3f7a53;background:#e8f1e5}.status-badge.error{color:#a7604d;background:#f8ebe5}.status-badge.waiting_setup{color:#a28c54;background:#f8f2e4}.item-card h3{font-size:13px;line-height:1.5;margin:0 0 9px;font-weight:600;overflow-wrap:anywhere}.item-card p{font-size:11px;line-height:1.7;color:#9ba18f;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;color:#a0a994;font-size:9px}.tag{display:inline-flex;align-items:center;gap:5px}.tag::before{content:'';width:5px;height:5px;background:#a9b89b;border-radius:50%}.muted{color:var(--muted);font-size:11px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 20%,#e8eeda,transparent 55%),var(--bg)}.login-card{max-width:435px;width:100%;padding:38px;border-radius:20px;border:1px solid var(--line);background:white;box-shadow:0 20px 70px #28351f09}.login-card .brand{margin-bottom:55px}.login-card h1{font-size:32px}.login-card .eyebrow{font-size:8px}.login-card .muted{line-height:1.8;margin:18px 0 25px}.login-card label,.category-dialog label{display:block;font-size:11px;color:#7e8b73;margin:0 0 8px}.login-card input,.category-dialog input{border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;color:var(--ink);background:#fcfdf9}.login-card .primary{width:100%;justify-content:space-between;margin-top:15px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:10;max-width:90%;padding:13px 23px;border-radius:10px;background:var(--green);color:white;font-size:12px;box-shadow:0 5px 30px #163b3330}.editor-dialog{max-width:1060px;width:calc(100% - 60px);max-height:calc(100dvh - 60px);padding:25px 30px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#1c2b2470;backdrop-filter:blur(3px)}.editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.editor-top .eyebrow{margin:0}.edit-title{border:0;border-bottom:1px solid var(--line);padding:8px 0;width:100%;background:transparent;font-size:22px;font-weight:550;color:var(--ink)}.editor-meta{font-size:10px;display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#879277}.editor-meta a{color:var(--green)}.editor-message{background:#eeecdf;padding:12px;border-radius:7px;font-size:11px;line-height:1.7;color:#807449}.editor-options{margin-bottom:22px}.editor-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.editor-columns label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:11px}.editor-columns label span{font-size:9px;font-weight:400;color:#9aa38d}.editor-columns textarea{width:100%;min-height:320px;height:36vh;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:18px;font-size:13px;line-height:1.8;color:var(--ink);background:white}.editor-columns>div:last-child textarea{font-size:12px;color:#7c8770;background:#f2f3eb}.editor-columns textarea::placeholder{color:#afb6a4;font-size:11px}.editor-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:19px}.editor-actions>div{display:flex;align-items:center;gap:12px}.secondary{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9dfcf;border-radius:7px;padding:9px 12px;background:transparent;color:var(--green);font-size:11px}.secondary svg{width:14px;height:14px}.editor-actions .primary{min-height:39px;font-size:11px}.danger{color:#aa7e6a;font-size:10px}.category-dialog{width:390px;max-width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:24px}.category-dialog .primary{margin-top:20px;width:100%}
@media(min-width:1500px){.main-content{padding-top:60px}.intro{margin-bottom:40px}.capture-panel{padding-top:28px}.empty-state{min-height:310px}.library{margin-top:44px}}
@media(max-width:1100px){.workspace{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:30px 18px}.brand{font-size:21px}.brand-sub{font-size:7px}.topbar{padding:0 28px}.main-content{padding:35px 28px 20px}.source-stamp{margin-right:0;width:135px;height:110px;gap:8px}.source-stamp>span{font-size:12px}.source-stamp>svg{width:25px;height:25px}.capture-footer{font-size:8px}.library-tools{gap:9px}.search-field input{width:100px}.editor-actions>div{gap:8px}}
@media(max-width:800px){.workspace{display:block}.sidebar{position:relative;height:auto;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.brand{font-size:22px}.brand-mark{width:35px;height:35px;font-size:30px}.brand-sub{font-size:7px}.new-button{margin:0;font-size:11px;padding:0 12px;min-height:38px}.sidebar>.nav-label,.category-heading,#category-nav,.sidebar-bottom{display:none}#main-nav{grid-column:1/-1;display:flex;gap:5px}.nav-item{width:auto;flex:1;justify-content:center;font-size:10px;padding:9px 8px;margin:0}.nav-count{margin-left:0}.nav-item svg{width:14px;height:14px}.topbar{height:45px;padding:0 22px;font-size:8px}.main-content{padding:30px 22px 18px}.intro{margin-bottom:24px}.intro h1{font-size:30px}.intro-text{font-size:11px}.source-stamp{width:112px;height:98px;flex:none;margin-left:16px}.source-stamp>span{font-size:10px}.source-stamp>svg{width:23px;height:23px}.capture-panel{padding:20px 20px 0}.capture-footer{margin:20px -20px 0;padding:12px 20px}.capture-footer>span:last-child{display:none}.library{margin-top:30px}.library h2{font-size:18px}.library-top{align-items:flex-start}.library-tools{gap:10px}.main-footer>span:last-child{display:none}.editor-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px}.editor-columns{grid-template-columns:1fr}.editor-columns textarea{min-height:230px;height:30vh}.editor-actions{flex-direction:column}.editor-actions>div:last-child{justify-content:flex-end}.editor-options{gap:10px}}
@media(max-width:500px){.sidebar{padding:16px 18px;gap:15px}.sidebar .brand-sub{font-size:6px}.sidebar .brand{font-size:20px}.new-button{font-size:10px;min-height:35px;gap:5px}.new-button svg{width:15px;height:15px}.nav-item{font-size:9px;gap:6px;padding:9px 5px}.nav-count{font-size:9px}.nav-item svg{width:12px;height:12px}.topbar{padding:0 18px}.topbar>span:first-child{max-width:160px}.connection{font-size:8px;gap:5px}.main-content{padding:27px 18px 18px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:13px}.intro h1{font-size:27px;letter-spacing:-1px}.source-stamp{display:none}.intro-text{margin-top:12px;font-size:11px}.capture-panel{padding:20px 16px 0}.capture-heading h2{font-size:14px}.source-badge{font-size:8px}.input-tab{font-size:10px}.capture-row{flex-direction:column;gap:10px}.url-field{width:100%}.url-field input{font-size:11px;padding:14px 10px}.capture-submit{width:100%;justify-content:space-between;font-size:11px;min-height:43px;padding:12px 15px}.capture-options{grid-template-columns:1fr 1fr;gap:13px 12px;margin-top:17px}.capture-options label{font-size:9px}.capture-options select{font-size:10px;min-height:36px}.capture-footer{margin:18px -16px 0;padding:12px 16px;font-size:8px}.setup-note{font-size:10px;margin-bottom:20px}.library-top{flex-direction:column;gap:16px}.library-tools{width:100%;justify-content:space-between}.search-field{flex:1}.search-field input{width:100%;font-size:11px}.search-field svg{width:15px;height:15px}.library-tools select{font-size:10px}.empty-state{margin-top:18px;min-height:270px;padding:25px 13px}.empty-state h3{font-size:12px}.empty-state p{font-size:10px}.empty-state .text-button{font-size:10px}.items-grid{grid-template-columns:1fr;gap:12px}.item-card{min-height:170px}.editor-dialog{padding:18px 16px}.edit-title{font-size:19px}.editor-columns{gap:18px}.editor-actions>div{flex-wrap:wrap}.editor-actions>div:last-child{gap:8px}.editor-actions .primary,.editor-actions .secondary{font-size:10px;padding:10px}.editor-actions #save-state{margin-right:auto;font-size:9px}.login-card{padding:29px}.login-card h1{font-size:29px}}
.capture-options label{font-size:11px}.capture-options select{font-size:12px;min-height:40px}.input-tab{font-size:12px}.capture-footer{font-size:10px}.search-field input{font-size:12px}.library-tools select{font-size:11px;max-width:150px}.item-card h3{font-size:14px}.item-card p{font-size:12px}.item-card-bottom{font-size:10px}.status-badge{font-size:10px}.form-error{font-size:12px}.editor-meta{font-size:12px}.editor-message{font-size:12px}.empty-state h3{font-size:15px}.empty-state p{font-size:12px}.empty-state .text-button{font-size:12px}.library-tools{flex-wrap:wrap}.library-top{align-items:center}.editor-columns textarea:disabled{opacity:.7}.nav-item span:not(.nav-count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px) and (min-width:801px){.library-top{align-items:flex-start;flex-direction:column}.library-tools{width:100%}.search-field{flex:1}.search-field input{width:100%}}
@media(max-width:600px){.library-tools{width:100%;flex-wrap:wrap;gap:12px}.library-tools .search-field{flex-basis:100%}.library-tools .search-field input{width:100%}.library-tools select{flex:1;max-width:none;min-width:0;min-height:38px}.capture-options select{font-size:12px;min-height:42px}.capture-options label{font-size:11px}.input-tab{font-size:12px}.capture-footer{font-size:10px}.url-field input{font-size:12px}.empty-state h3{font-size:14px}.empty-state p{font-size:12px}.nav-item{min-height:40px}.editor-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}