:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#25362f;background:#fafbf9;--green:#28634f;--line:#e5e9e3;--muted:#7a847d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #72a88d;outline-offset:2px}[hidden]{display:none!important}main{max-width:860px;margin:0 auto;padding:28px 24px calc(24px + env(safe-area-inset-bottom))}.search-panel{display:flex;gap:8px;background:#fff;border:1px solid #d7dfd7;border-radius:10px;padding:5px;align-items:center}.search-panel input{flex:1;min-width:0;width:100%;height:44px;border:0;background:transparent;padding:0 10px;font-size:16px;color:inherit;outline:none}.primary{height:44px;border:0;border-radius:6px;background:var(--green);color:#fff;padding:0 22px;white-space:nowrap}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;min-height:44px}#result-note{font-size:13px;color:var(--muted);margin:0;min-width:0;line-height:1.6}.tools{display:flex;gap:6px;flex-shrink:0}.secondary,select{border:1px solid var(--line);background:#fff;color:#4f6255;border-radius:6px;font-size:13px;min-height:40px;padding:0 10px}select{max-width:130px}.result-card{padding:14px 0 10px;border-bottom:1px solid var(--line)}.result-card h3{margin:0;font-weight:500}.resource-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;overflow-wrap:anywhere;width:100%;background:none;border:0;padding:0;font-size:15px;line-height:1.5;color:inherit;font-weight:500;cursor:pointer}.resource-title[aria-expanded=true]{display:block;overflow:visible}.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;min-height:38px}.meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12px;color:var(--muted);min-width:0;font-variant-numeric:tabular-nums}.result-actions{display:flex;gap:2px;flex-shrink:0}.copy,.link-button{border:0;border-radius:6px;font-size:13px;min-width:48px;min-height:40px;padding:0 10px;color:var(--green);background:#edf3ee}.link-button{background:transparent;color:var(--muted)}.copy:hover,.secondary:hover{background:#e3eee5}.magnet-row{margin-top:8px;display:flex;align-items:center;gap:12px}.magnet-row textarea{flex:1;min-width:0;max-width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);background:#fff;padding:10px;border-radius:6px;font:14px/1.5 ui-monospace,monospace;color:#526c5c}.open-magnet{font-size:13px;color:var(--green);white-space:nowrap;text-decoration:none;padding:12px 0}.load-row{text-align:center;margin:20px 0}.load-row button{min-width:160px;min-height:44px}.load-row span{display:block;margin-top:10px;font-size:12px;color:var(--muted)}#error{margin-top:12px;padding:12px;background:#fff6e9;border:1px solid #eddcc0;border-radius:8px;font-size:13px;color:#886232;line-height:1.6}#error a{color:inherit}.loading,.no-results{padding:36px 12px;text-align:center;color:var(--muted);font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #dce7d7;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#253d30;color:white;border-radius:8px;padding:12px 18px;font-size:13px;max-width:calc(100% - 28px);width:max-content;line-height:1.5;z-index:10}#setup{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px}.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}@media(max-width:600px){main{padding:12px max(12px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.search-panel{gap:4px;padding:4px}.primary{padding:0 16px}.results-toolbar{gap:8px;margin-top:8px}.tools{gap:4px}.tools select,.tools button{min-height:44px;font-size:13px;padding:0 8px}.result-card{padding:11px 0 7px}.resource-title{font-size:14px;line-height:1.45}.result-bottom{margin-top:2px}.meta{font-size:11px;gap:2px 8px}.copy,.link-button{min-height:44px;min-width:44px;padding:0 8px}.magnet-row{flex-wrap:wrap;gap:4px}.magnet-row textarea{flex-basis:100%;font-size:16px}.open-magnet{min-height:44px;display:flex;align-items:center}.load-row{margin:16px 0}}

/* The empty homepage is centered; loaded results use a compact search header. */
.search-home{min-height:calc(100svh - 112px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px 0 64px}.search-home .search-panel{width:100%;max-width:650px}.brand{margin:0;font-size:36px;font-weight:650;letter-spacing:-1.2px;line-height:1}.brand a{display:flex;align-items:center;gap:11px;color:var(--green);text-decoration:none}.brand-mark{width:42px;height:42px;fill:var(--green);flex-shrink:0}.brand-mark path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}main:has(#results-section:not([hidden])) .search-home{min-height:0;padding:8px 0 4px;gap:18px}main:has(#results-section:not([hidden])) .brand{font-size:25px}main:has(#results-section:not([hidden])) .brand-mark{width:30px;height:30px}main:has(#results-section:not([hidden])) .search-panel{max-width:none}main:has(#error:not([hidden])) .search-home{min-height:45svh;padding-bottom:16px}@media(max-width:600px){.search-home{min-height:calc(100svh - 64px);padding:12px 0 56px;gap:25px}.brand{font-size:34px}main:has(#results-section:not([hidden])) .search-home{padding:10px 0 0;gap:14px}}