body { margin:0; background:#0d1117; color:#edf2f7; }
button,input { font:inherit; }
.page{min-height:100vh;padding-bottom:72px}.hero{border-bottom:1px solid #202a38;padding:44px 20px 30px;text-align:center}.mark{align-items:center;display:inline-flex;gap:8px;margin-bottom:14px}.mark-symbol{align-items:center;background:var(--accent);color:#0b2927;display:inline-flex;font-size:18px;font-weight:800;height:30px;justify-content:center;width:30px}.mark-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title{font-size:30px;line-height:1.25;margin:0}.subtitle{color:var(--muted);font-size:14px;line-height:1.6;margin:9px auto 0;max-width:640px}.stats{color:var(--faint);font-size:12px;margin-top:12px}.save-message{color:var(--warning);margin-left:10px}.save-error,.error-message{color:var(--danger)}.container{margin:0 auto;max-width:980px;padding:0 20px}
.search-panel,.tool-panel,.form-card,.export-card,.saved-card{background:var(--panel);border:1px solid var(--line);border-radius:7px}.search-panel{border-color:#386b69;margin-top:24px;padding:20px}.panel-heading,.section-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.panel-title,.section-title{font-size:16px;font-weight:800;margin:0}.panel-copy,.section-copy{color:var(--muted);font-size:13px;line-height:1.55;margin:5px 0 0}.input-row,.toolbar,.button-row,.result-actions,.result-meta,.card-top,.item-actions,.export-header,.category-line{align-items:center;display:flex;gap:8px}.input-row{margin-top:16px}
:root{color-scheme:dark;--bg:#0d1117;--panel:#151b24;--input:#10161f;--line:#293342;--text:#edf2f7;--muted:#9aa8b8;--faint:#68788c;--accent:#7dd3c7;--accent-strong:#b8f0e7;--warning:#f2c879;--danger:#ef8f9d}
*{box-sizing:border-box}
.search-input,.input,.select{background:var(--input);border:1px solid var(--line);border-radius:5px;color:var(--text);min-height:40px;outline:0;padding:9px 11px;width:100%}.search-input:focus,.input:focus,.select:focus{border-color:var(--accent)}.search-input{flex:1 1 360px;font-size:15px}.search-category{flex:0 1 180px}.toolbar .search-input{flex:1 1 260px;font-size:14px}.toolbar .select{flex:0 1 180px}.btn{border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:700;min-height:40px;padding:9px 14px;white-space:nowrap}.btn-primary{background:var(--accent);color:#0b2927}.btn-secondary{background:#1a2230;border-color:var(--line);color:var(--text)}.btn-small{font-size:12px;min-height:32px;padding:6px 10px}.search-note,.small-muted,.muted{color:var(--muted);font-size:12px}.search-note{margin:12px 0 0}.status-message{color:var(--muted);font-size:13px;margin-top:14px}
.result-summary{align-items:center;border-bottom:1px solid #202a38;display:flex;gap:12px;justify-content:space-between;margin-top:18px;padding-bottom:10px}.result-list{display:grid;gap:9px;margin-top:10px}.result-card{background:var(--input);border:1px solid var(--line);border-radius:6px;padding:14px}.result-card.is-saved{border-color:#376a50}.result-main{min-width:0}.result-title,.item-title{font-size:15px;font-weight:800;line-height:1.45;margin:6px 0 3px}.result-url,.item-link{display:block;font-size:12px;overflow-wrap:anywhere}.result-description,.item-memo{color:#b4c0ce;font-size:13px;line-height:1.6;margin-top:7px}.result-actions{flex-shrink:0}.result-select{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:6px;white-space:nowrap}.result-select input{accent-color:var(--accent);height:16px;width:16px}.result-category{min-height:32px;width:145px}
.source-badge,.category-badge,.tag,.status-btn{border-radius:4px;font-size:11px}.source-badge,.category-badge{align-items:center;color:var(--muted);display:inline-flex;gap:5px}.category-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.result-bottom{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.section-title{margin-top:34px}.toolbar{flex-wrap:wrap;margin:14px 0 12px}.tool-panel,.form-card,.export-card{margin:14px 0;padding:16px}.tool-panel{border-color:#38546a}.category-form{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(180px,1fr) 90px auto;margin-top:14px}.label{color:var(--muted);display:block;font-size:12px;margin-bottom:5px}.color-input{background:var(--input);border:1px solid var(--line);border-radius:5px;display:block;height:40px;padding:4px;width:100%}
.category-list{border-top:1px solid #202a38;display:grid;gap:7px;margin-top:16px;padding-top:14px}.category-line{justify-content:space-between}.category-line-name{align-items:center;display:inline-flex;gap:8px;font-size:13px}.form-grid{display:grid;gap:10px 12px;grid-template-columns:1fr 1fr}.form-field-wide{grid-column:1/-1}textarea.input{min-height:84px;resize:vertical}.button-row{justify-content:flex-end;margin-top:12px}.export-header{justify-content:space-between;margin-bottom:9px}.export-header strong{font-size:13px}.export-textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px;min-height:190px}
@media(max-width:680px){.container{padding:0 14px}.hero{padding:34px 16px 26px}.title{font-size:25px}.input-row,.panel-heading,.section-heading,.result-summary,.result-top,.result-bottom{align-items:stretch;flex-direction:column}.search-category,.result-category,.btn,.search-input,.toolbar .search-input,.toolbar .select{flex:1 1 auto;width:100%}.result-actions,.export-header{justify-content:space-between}.category-form,.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.button-row .btn,.export-header .btn{width:auto}}