.discovery{border-bottom:1px solid #e1ebe5;background:#fff;min-width:0}
main>section.discovery{padding:18px clamp(20px,4vw,72px) 20px}
.discovery-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.discovery-topline h2{margin:0;font-size:16px;letter-spacing:0;line-height:1.4;font-weight:700;color:#173f30}
.discovery-arrows{display:flex;gap:8px;margin-left:auto}
.discovery-arrow{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid #dbe6df;border-radius:50%;background:#fff;color:#18533d;cursor:pointer;box-shadow:0 3px 12px #173f3009}
.discovery-arrow:hover:not(:disabled){background:#edf7f0;border-color:#70ba97}
.discovery-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.discovery-arrow svg{width:16px;height:16px}
.discovery-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 2px;min-width:0}
.discovery-track::-webkit-scrollbar{display:none}
.discovery-item{display:flex;flex:0 0 104px;flex-direction:column;align-items:center;gap:10px;scroll-snap-align:start;text-align:center;text-decoration:none;color:#294435;padding:2px 2px 4px;border-radius:14px}
.discovery-label{font-size:13px;font-weight:600;line-height:1.4;min-height:36px;max-width:108px;overflow-wrap:anywhere}
.discovery-circle{position:relative;display:grid;place-items:center;flex-shrink:0;width:88px;height:88px;border-radius:50%;overflow:hidden;border:2px solid var(--discovery-ring,#b0ddc2);background:radial-gradient(circle at 35% 25%,#fff 0,var(--discovery-bg,#e7f5ec) 80%);color:var(--discovery-ink,#176445);box-shadow:inset 0 0 0 4px #ffffffa6}
.discovery-art{width:48px;height:48px}
.discovery-circle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.discovery-tone-mint{--discovery-bg:#e3f5e9;--discovery-ring:#a0d6b6;--discovery-ink:#116746}
.discovery-tone-sky{--discovery-bg:#e5f3fa;--discovery-ring:#b6dce9;--discovery-ink:#267591}
.discovery-tone-sand{--discovery-bg:#fff2db;--discovery-ring:#ebd19c;--discovery-ink:#a4762e}
.discovery-tone-lilac{--discovery-bg:#f0eafa;--discovery-ring:#d4c4ed;--discovery-ink:#7c62ab}
.discovery-tone-rose{--discovery-bg:#fbe9e7;--discovery-ring:#ecc8c2;--discovery-ink:#b46f61}
.discovery-item:hover .discovery-circle{transform:translateY(-3px);border-color:var(--discovery-ink);box-shadow:0 6px 18px #0b624512,inset 0 0 0 4px #ffffffa6}
.discovery-item:focus-visible,.discovery-arrow:focus-visible{outline:3px solid #2f996e;outline-offset:3px}
.discovery-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #e1e8e3;margin-top:20px}
.discovery-editor-list{display:grid;gap:16px}
.discovery-editor-card{border:1px solid #dce7df;border-radius:16px;padding:20px;background:#fff}
.discovery-editor-head{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.discovery-editor-preview{display:flex;gap:16px;align-items:center;min-width:0}
.discovery-editor-preview .discovery-circle{width:64px;height:64px}
.discovery-editor-preview .discovery-art{width:36px;height:36px}
.discovery-editor-preview strong{overflow-wrap:anywhere;max-width:230px}
.discovery-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.discovery-editor-actions button{border:1px solid #d9e5dd;border-radius:8px;background:#f4f8f5;color:#254c39;min-height:36px;padding:7px 12px;cursor:pointer;font:inherit;font-size:13px}
.discovery-editor-actions button:disabled{opacity:.35;cursor:default}
.discovery-editor-actions .discovery-remove{color:#a44438;background:#fff6f4;border-color:#efd2cd}
.discovery-upload-label{font-size:13px!important;color:#526d5d}
.discovery-upload-label input{font-size:13px}
.discovery-editor-status{min-height:24px;font-size:14px;line-height:1.5;color:#0b6245}
.discovery-editor-status.error{color:#ae3f31}
.discovery-savebar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #dae5dd;border-radius:14px;padding:14px 18px;margin-top:20px;box-shadow:0 8px 30px #153c2512;z-index:3}
.discovery-savebar p{margin:0}
.discovery-editor-note{font-size:14px;color:#5b7068;line-height:1.6}
.discovery[hidden]{display:none}
.discovery-arrows[hidden],.discovery-topline h2[hidden]{display:none}
.discovery-placeholder{height:172px;display:flex;align-items:center;color:#6a7c70;font-size:14px}
@media(max-width:600px){main>section.discovery{padding:14px 16px 15px}.discovery-track{gap:8px}.discovery-item{flex-basis:92px}.discovery-circle{width:76px;height:76px}.discovery-art{width:42px;height:42px}.discovery-label{font-size:12px;max-width:92px}.discovery-topline{margin-bottom:8px}.discovery-topline h2{font-size:14px}.discovery-arrow{width:30px;height:30px;min-width:30px}.discovery-editor-card{padding:16px}.discovery-editor-preview strong{max-width:180px}.discovery-savebar{bottom:8px;padding:12px}.discovery-savebar .button{width:100%}}
@media(prefers-reduced-motion:no-preference){.discovery-circle{transition:transform .18s,border-color .18s,box-shadow .18s}}
