:root{color:#18201f;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{align-items:center;background:#1f4f45;border:0;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:38px;padding:0 14px}button:hover{background:#173e36}button.secondary{background:#d7ded9;color:#22302d}button.secondary:hover{background:#c7d1ca}input,select,textarea{background:#fffdf8;border:1px solid #cbd5ce;border-radius:7px;color:#18201f;min-height:38px;outline:none;padding:8px 10px;width:100%}textarea{line-height:1.55;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#39796a;box-shadow:0 0 0 3px #39796a24}.app-shell{margin:0 auto;max-width:1500px;padding:24px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.topbar h1,.detail-header h2{font-size:clamp(28px,4vw,48px);letter-spacing:0;line-height:1;margin:4px 0 0}.eyebrow{color:#8b4a2f;font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(240px,300px)}.panel{background:#fffaf0;border:1px solid #dfd5c4;border-radius:8px;box-shadow:0 18px 50px #372d1c14;padding:16px}.main-panel{min-height:720px}.section-title{align-items:center;display:flex;gap:8px;margin-bottom:12px}.section-title h2{font-size:18px;margin:0}.stack{display:grid;gap:10px;margin-bottom:16px}.compact{margin-bottom:14px}.form-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:8px}.list{display:grid;gap:10px}.list.slim{gap:8px}.list-item{align-items:start;background:#fffdf8;border:1px solid #e2d9ca;border-radius:8px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:12px}.list-item.active{border-color:#39796a;box-shadow:inset 4px 0 #39796a}.list-item h3{font-size:16px;margin:0 0 5px}.list-item p,.list-item span,.mini-item p,.detail-header p{color:#64716b;font-size:13px;line-height:1.45;margin:0}.item-actions{display:flex;gap:5px}.icon-button{aspect-ratio:1;border-radius:7px;min-height:38px;padding:0;width:38px}.icon-button.small{background:#e9eee9;color:#23312e;min-height:30px;width:30px}.icon-button.small:hover{background:#d7e0da}.icon-button.danger{color:#a33b2c}.icon-button.danger:hover{background:#f3ddd8}.detail-header{border-bottom:1px solid #e2d9ca;margin-bottom:18px;padding-bottom:18px}.detail-header h2{font-size:clamp(24px,3vw,36px);margin-bottom:8px}.detail-grid{display:grid;gap:18px;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr)}.mini-item{align-items:center;background:#fffdf8;border:1px solid #e2d9ca;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px}.segment{background:#fffdf8;border:1px solid #e2d9ca;border-radius:8px;padding:12px}.segment p{line-height:1.7;margin:10px 0;white-space:pre-wrap}.segment-meta{color:#64716b;display:flex;font-size:12px;font-weight:700;justify-content:space-between}.notice,.loading,.empty-state{border-radius:8px;margin-bottom:14px;padding:12px 14px}.notice.success{background:#e6f4ed;border:1px solid #b8dec9;color:#1f5a43}.notice.error{background:#fde9e6;border:1px solid #efbeb5;color:#8b2b1f}.loading,.empty-state{align-items:center;background:#fffaf0;border:1px solid #dfd5c4;display:flex;gap:8px}.empty{align-items:center;color:#64716b;display:flex;gap:8px;margin:4px 0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.layout,.detail-grid{grid-template-columns:1fr}.main-panel{min-height:auto}}@media(max-width:640px){.app-shell{padding:14px}.topbar{gap:12px}.panel{padding:12px}}