#trend-finder{box-sizing:border-box;width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;border:1px solid #b8d6e8;border-radius:24px;color:#183850;background:linear-gradient(135deg,#eef8ff,#fff 65%);box-shadow:0 24px 80px #12355055}#trend-finder::backdrop{background:#0b254899}#trend-finder *{box-sizing:border-box}#trend-finder header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}#trend-finder h2{font-size:30px;margin:9px 0}#trend-finder p{line-height:1.6}#trend-finder .tf-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:#176caa}#trend-finder label{display:block;font-weight:650;margin:16px 0 7px}#trend-finder textarea,#trend-finder select{display:block;width:100%;min-height:46px;padding:12px;border:1px solid #b3cddd;border-radius:10px;font:inherit;background:white;color:#183850}#trend-finder textarea{resize:vertical}#trend-finder button{min-height:44px;padding:10px 16px;border:1px solid #a9c9dd;border-radius:10px;background:white;color:#16537e;font:inherit;cursor:pointer}#trend-finder button:hover{background:#eaf5ff;border-color:#1273c4}#trend-finder .tf-primary{color:white;background:#096bcc;border-color:#096bcc}#trend-finder button:disabled{opacity:.55;cursor:wait}#trend-finder :focus-visible{outline:3px solid #1683d9;outline-offset:3px}#trend-finder .tf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#trend-finder .tf-hint{font-size:13px;color:#516b7b}#trend-finder .tf-notice{font-size:14px;padding:14px 16px;border-radius:12px;background:#e8f3fa;border:1px solid #c1dbe9}#tf-status{min-height:24px}#tf-report article{padding:22px;margin:16px 0;border:1px solid #c3dcea;border-radius:16px;background:#fff;box-shadow:0 4px 18px #214c6d08}#tf-report h4{font-size:19px;margin:0 0 12px}#tf-report a{display:block;color:#1269b2;overflow-wrap:anywhere;margin:10px 0}#tf-report button{margin-top:12px}#tf-library{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#trend-finder h3,#trend-finder h4,#trend-finder p,#tf-library button{overflow-wrap:anywhere}.dark-mode #trend-finder{background:#102840;color:#edf6ff}.dark-mode #trend-finder article,.dark-mode #trend-finder .tf-notice{background:#173b58;color:#edf6ff}.dark-mode #trend-finder .tf-hint{color:#b5cde2}@media(max-width:600px){#trend-finder{padding:18px}#trend-finder h2{font-size:24px}#trend-finder .tf-actions button{width:100%}#tf-report article{padding:16px}}