:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#20322b;background:#f6f3ec;font-synthesis:none;--ink:#20322b;--muted:#6e786f;--paper:#fffdf8;--line:#d9d4c8;--accent:#d76b3f;--green:#284a3c;--gold:#f0be54}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,.button-link{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:.62rem .86rem;cursor:pointer;text-decoration:none;transition:.15s ease}button:hover,.button-link:hover{border-color:var(--green);transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}button.primary{color:#fff;background:var(--green);border-color:var(--green)}button.danger{color:#a13727;border-color:#d9a599}button.quiet{border:0;background:transparent;padding-left:0;text-decoration:underline}label{display:grid;gap:.42rem;color:#46554d;font-size:.88rem}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:.72rem .78rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #284a3c18}textarea{resize:vertical;line-height:1.55}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,Songti SC,serif;font-size:2rem;margin-bottom:.3rem}h2{font-size:1.2rem}h3{font-size:1rem}.eyebrow{letter-spacing:.16em;font-size:.67rem;font-weight:800;color:var(--accent);margin-bottom:.4rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#21382f;color:#fff;display:flex;flex-direction:column;padding:1.25rem .9rem}.brand{display:flex;align-items:center;gap:.7rem;padding:.35rem .45rem 1.4rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--gold);color:var(--green);font-family:Georgia;font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:.56rem;letter-spacing:.13em;color:#b9c6bf;margin-top:.18rem}.sidebar nav{display:grid;gap:.25rem}.sidebar nav button{border:0;color:#dfe7e2;background:transparent;text-align:left;display:flex;justify-content:space-between;padding:.75rem .8rem}.sidebar nav button.active{background:#ffffff16;color:#fff;box-shadow:inset 3px 0 var(--gold)}.count{background:var(--gold);color:var(--green);border-radius:99px;padding:.05rem .45rem;font-size:.75rem}.sidebar-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#bcc8c2;font-size:.75rem;padding:.7rem .45rem}.sidebar-foot button{border:0;background:transparent;color:inherit;padding:.3rem}.network:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#b65b48;margin-right:.4rem}.network.online:before{background:#7ec793}.content{width:min(1040px,100%);padding:0 2.2rem 5rem;margin:0 auto}.topbar{height:72px;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--line);margin-bottom:1.6rem;position:sticky;top:0;background:#f6f3ecee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.search{position:relative;flex:1}.search span{position:absolute;left:.8rem;top:.45rem;font-size:1.3rem}.search input{padding-left:2.4rem;background:#fffa}.mobile-brand,.mobile-nav{display:none}.capture-panel,.settings-section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.3rem;margin-bottom:1.5rem;box-shadow:0 7px 30px #23372d0a}.section-heading,.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-heading h2{margin-bottom:.2rem}.heading-actions{display:flex;align-items:center;gap:.55rem}.key-hint{font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:.3rem .5rem;border-radius:5px}.compact{font-size:.76rem;padding:.38rem .62rem}.capture-options{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-top:.9rem}.capture-options fieldset{border:1px solid var(--line);border-radius:8px;display:flex;gap:.9rem}.capture-options fieldset label{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.capture-options input[type=radio]{width:auto}.actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}.notice,.error,.sync-message{padding:.65rem .8rem;border-radius:7px;font-size:.85rem}.notice,.sync-message{background:#eff4e8;color:#3e563d}.error{background:#fff0ed;color:#9b3428}.preview,.duplicate-box{margin-top:1rem;border-left:3px solid var(--gold);padding:.8rem 1rem;background:#faf7ef}.preview pre,.raw-input pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3efe6;padding:.8rem;border-radius:6px}.page-title{align-items:end;margin:2rem 0 1rem}.page-title>span,.queue-controls>span{color:var(--muted);font-size:.85rem}.queue-controls{display:flex;align-items:end;gap:.8rem}.queue-controls label{display:flex;align-items:center;gap:.45rem}.queue-controls select{width:auto;padding:.42rem .65rem}.item-list{display:grid;gap:.75rem}.item-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;cursor:pointer;transition:.15s}.item-card:hover,.item-card:focus{border-color:#9ba89f;box-shadow:0 8px 24px #293b3212;transform:translateY(-1px);outline:none}.item-card h3{font-family:Georgia,Songti SC,serif;font-size:1.13rem;margin:.45rem 0}.item-top,.item-foot{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.74rem}.item-foot{justify-content:space-between;margin-top:.8rem}.card-links{display:flex;gap:.6rem;flex-wrap:wrap;margin:.6rem 0}.card-links a{max-width:min(520px,100%);font-size:.78rem;color:#356653;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-links a:before{content:"↗";margin-right:.28rem}.card-links span{font-size:.72rem;color:var(--muted)}.card-summary{border-left:2px solid var(--gold);background:#faf7ef;padding:.62rem .75rem;margin:.65rem 0}.card-summary>span{font-size:.67rem;color:var(--accent);font-weight:800;letter-spacing:.06em}.card-summary p{margin:.25rem 0 0;color:#46554d;font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.7rem;border-top:1px solid #ece7dc}.card-actions button{font-size:.72rem;padding:.32rem .56rem;border-radius:99px}.card-actions button.active{background:var(--green);border-color:var(--green);color:#fff}.card-action-message{font-size:.68rem;color:var(--muted);margin-left:auto}.sync-dot{width:7px;height:7px;border-radius:50%;background:#7a9789}.sync-dot.pending{background:#dba63b}.sync-dot.conflict,.sync-dot.failed{background:#c74c39}.memo-chip,.tag,.kind-chip{display:inline-block;background:#eee9dd;border-radius:99px;padding:.15rem .5rem;margin-right:.25rem;font-size:.7rem}.memo-chip{background:#ede6f4;color:#684d7d}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#536058;line-height:1.5}.empty{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:3rem;color:var(--muted)}.empty-inline{color:var(--muted);padding:1rem 0}.category-groups{display:grid;gap:1.5rem}.category-group{min-width:0}.category-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:.7rem}.category-title h2{font-family:Georgia,Songti SC,serif;margin-bottom:.45rem}.category-title span{font-size:.75rem;color:var(--muted)}.detail-backdrop,.modal-backdrop{position:fixed;inset:0;background:#13251e66;z-index:20;display:flex;justify-content:flex-end}.detail{width:min(680px,100%);height:100vh;overflow-y:auto;background:var(--paper);padding:1.6rem 1.7rem 5rem;box-shadow:-15px 0 50px #10201833;position:relative}.close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;font-size:1.6rem}.detail-head{display:flex;justify-content:space-between;padding-right:2.5rem;gap:1rem}.detail-head h1{font-size:1.6rem}.status-pill{font-size:.7rem;border-radius:99px;padding:.25rem .6rem;background:#e6eee9;height:max-content}.status-pill.pending{background:#fff0ce}.status-pill.conflict,.status-pill.failed{background:#fde0da}.title-input{font-family:Georgia,Songti SC,serif;font-size:1.6rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding-left:0;margin-bottom:1rem}.detail section{border-top:1px solid var(--line);padding-top:1rem;margin-top:1.2rem}.ai-summary{background:#f6f1e6;padding:1rem;border-radius:9px;border-top:0!important}.ai-summary>span{font-size:.7rem;font-weight:700;color:var(--accent)}.detail-copy,.source-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#46554d}.source-text{max-height:50vh;overflow:auto;background:#f5f1e8;padding:.8rem;border-radius:7px;font-size:.85rem}.source-preview{display:grid;gap:.3rem;border-bottom:1px solid #ece7dc;padding:.75rem 0}.source-preview a,.source-row a{overflow-wrap:anywhere;color:#356653}.source-preview small{color:var(--muted)}.source-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;align-items:center;margin:.6rem 0}.source-row span{font-size:.7rem}.source-row button{font-size:.7rem;padding:.35rem .5rem}.source-content{grid-column:1/-1}.read-meta{margin-top:1.2rem;color:var(--muted);font-size:.8rem}.field-grid,.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.tag-picker{border:1px solid var(--line);border-radius:8px;margin-bottom:1rem}.tag-picker label{display:inline-flex;align-items:center;gap:.25rem;margin:.25rem .7rem .25rem 0}.tag-picker input{width:auto}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.detail-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.raw-input{margin-top:2rem;border-top:2px solid var(--ink);padding-top:1rem}.raw-input summary{cursor:pointer;font-weight:700}.raw-input small{display:block;margin-top:1rem;color:var(--muted);overflow-wrap:anywhere}.toast{position:sticky;bottom:1rem;background:var(--green);color:#fff;padding:.7rem 1rem;border-radius:9px;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.toast button{padding:.35rem .6rem}.conflict-box{border:1px solid #d76b3f!important;background:#fff4ef;padding:1rem;border-radius:9px}.diff-grid,.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-grid>div{background:#fff;padding:.7rem}.muted{color:var(--muted)}.modal-backdrop{justify-content:center;align-items:center;padding:1rem;z-index:30}.modal{position:relative;background:var(--paper);border-radius:14px;padding:1.5rem;width:min(520px,100%);max-height:92vh;overflow:auto}.modal.wide{width:min(820px,100%)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:1rem}.tabs button{border:0;border-radius:0;background:transparent}.tabs button.active{border-bottom:2px solid var(--accent);color:var(--accent)}.prompt-box{border:1px solid var(--line);background:#faf7ef;border-radius:10px;padding:1rem;margin:1rem 0}.prompt-box p{font-size:.78rem;color:var(--muted);margin:.3rem 0 0}.code-area{font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.diff-list{display:grid;gap:.55rem;margin:1rem 0}.diff-list label{display:grid;grid-template-columns:auto 100px 1fr auto;align-items:center;border:1px solid var(--line);padding:.6rem}.diff-list input{width:auto}.diff-list span{overflow-wrap:anywhere}.diff-list em{color:var(--accent);font-size:.72rem}.source-assignment{display:grid;grid-template-columns:1fr 110px;align-items:center;margin:.5rem 0}.source-assignment span{overflow-wrap:anywhere}.recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.recommend-card{background:var(--paper);border:1px solid var(--line);padding:1.1rem;border-radius:12px}.recommend-card.interactive{cursor:pointer;transition:.15s}.recommend-card.interactive:hover,.recommend-card.interactive:focus{border-color:#9ba89f;box-shadow:0 8px 24px #293b3212;outline:none}.reason{color:var(--accent);font-size:.73rem;font-weight:700}.muted-grid{opacity:.8}.manage-row,.inline-form{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #e8e3d8}.manage-row button{padding:.3rem .5rem;font-size:.72rem}.inline-form{margin-top:.7rem;grid-template-columns:1fr auto}.switch{display:flex;align-items:center;gap:.4rem}.switch input{width:auto}.button-link{display:inline-block}details summary{cursor:pointer}.auth-shell,.loading{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(430px,100%);background:var(--paper);padding:2rem;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px #1c32263b}.auth-card form{display:grid;gap:1rem;margin:1.5rem 0}.fine-print{font-size:.75rem;color:var(--muted);margin-top:1rem}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.content{padding:0 1rem 5.2rem}.topbar{height:62px;margin-bottom:1rem}.mobile-brand{display:block;border:0;background:transparent;font:700 1.2rem Georgia;padding-left:0}.topbar>button:last-child{font-size:0}.topbar>button:last-child:before{content:"↻";font-size:1.2rem}.capture-panel{padding:1rem}.capture-options,.field-grid,.split-grid,.two-cols,.recommend-grid{grid-template-columns:1fr}.capture-options fieldset{justify-content:space-between}.key-hint{display:none}.page-title{margin-top:1.4rem}.queue-controls label{font-size:0}.queue-controls select{font-size:.76rem}.item-card{padding:1rem}.item-foot{align-items:flex-end}.card-actions{gap:.3rem}.card-actions button{font-size:.68rem}.detail{padding:1.2rem 1rem 5rem}.source-row{grid-template-columns:1fr auto}.source-row button{grid-column:1/-1}.action-grid,.detail-actions{grid-template-columns:repeat(2,1fr)}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal.wide{border-radius:16px 16px 0 0;max-height:94vh}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);background:#21382ff2;padding:.35rem}.mobile-nav button{border:0;background:transparent;color:#cdd8d2;padding:.65rem .1rem;font-size:.72rem}.mobile-nav button.active{color:var(--gold)}.diff-grid{grid-template-columns:1fr}.diff-list label{grid-template-columns:auto 70px 1fr}.diff-list em{grid-column:2/-1}}
