.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}.top{height:78px;flex-wrap:nowrap;padding:0 4%;gap:14px}.header-brand,.header-actions{display:flex;align-items:center;gap:16px}.header-actions{margin-left:auto;gap:10px}.top nav[hidden]{display:none!important}.round-control{display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #eaded4;background:white;border-radius:50%;color:#8e3b00;flex-shrink:0}.round-control:hover{background:#fff0e4}.help-control{font-size:21px;font-weight:700}.brand-message{justify-content:center;display:flex;align-items:center;min-height:30px;padding:6px 16px;text-align:center;background:#fff5ec;color:#98501f;font-size:13px;font-weight:500;letter-spacing:.15px}.top .logo span{color:#ff6d00}#app{padding-top:22px}.discovery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.floating-tools{display:flex;align-items:center;gap:8px}.tool-button{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #ecddd1;border-radius:25px;padding:10px 17px;background:white;box-shadow:0 4px 16px #5324000b;font-size:14px;font-weight:600}.floating-tools>.round-control{box-shadow:0 4px 16px #5324000b;width:44px;height:44px}.discovery-location{font-size:14px;color:#75645a}.discovery-filters{margin-bottom:22px}.discovery-search{display:flex;align-items:center;gap:12px;background:#fff8f2;border:1px solid #edddd1;border-radius:18px;padding:10px 12px;margin-bottom:18px}.discovery-search[hidden]{display:none}.discovery-search input{width:100%;min-width:0;border:0;background:transparent;padding:8px;font-size:16px}.discovery-search .text-link{flex-shrink:0}.discovery-feed .empty{column-span:all}#filter-count:empty{display:none}#filter-count{border-radius:50%;padding:2px 6px;background:#ffe5cd;color:#843900;font-size:12px}body.drawer-open{overflow:hidden}dialog#side-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);height:100dvh;max-height:100dvh;border-radius:0 24px 24px 0;padding:24px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}#side-menu::backdrop{background:#24140d66;backdrop-filter:blur(2px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:12px}.drawer-links{display:flex;flex-direction:column;gap:6px}.drawer-links>button{text-align:left;border-radius:13px;padding:15px 14px;font-size:17px}.drawer-links>button:hover,.drawer-links>button[aria-current=page]{background:#fff0e2;color:#a94300}.drawer-links>button[aria-current=page]{font-weight:700}.drawer-links .drawer-divider{margin-top:18px;border-top:1px solid #eee0d5}.drawer-account{padding-top:25px;margin-top:20px;border-top:1px solid #eee0d5}.drawer-account p{font-size:13px;color:#816b5c}.how-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.how-tabs button{padding:14px 10px;border-radius:14px;text-align:left;background:#fff8f2;border:1px solid #ebdfd3;font-size:14px;line-height:1.3}.how-tabs button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffead7;margin-bottom:9px;font-weight:700}.how-tabs button[aria-selected=true]{border-color:#ff6d00;background:#fff0e2}.how-tabs button[aria-selected=true] span{background:#ff6d00;color:#351500}.how-panel{padding:20px 0 6px}.how-panel h3{font-size:24px}.how-panel p{font-size:16px;color:#6b594d}.how-note{font-size:13px;color:#806b5b;margin:14px 0}.how-head h2{font-size:30px}.how-head p{font-size:16px}.how-panel ol{padding-left:22px;line-height:1.7;margin-bottom:23px}#modal{max-height:calc(100dvh - 24px);overflow-x:hidden;overscroll-behavior:contain}#modal>.close{z-index:2;background:#fff6ed}.modal-head{padding-right:35px}input,select,textarea{max-width:100%}button{overflow-wrap:anywhere}@media(max-width:600px){.top{height:70px;padding:0 14px;gap:8px}.header-brand{gap:9px}.top .logo{font-size:25px}.header-actions{gap:7px}.top .artist-btn{font-size:12px;padding:10px 12px;white-space:nowrap}.round-control{width:38px;height:38px;min-width:38px}.brand-message{font-size:12px;min-height:28px}#app{padding:18px 14px 40px}.discovery-toolbar{margin-bottom:15px}.discovery-filters{gap:6px;margin-bottom:18px;flex-wrap:wrap}.discovery-filters .chip{padding:9px 12px;font-size:13px}.how-tabs{gap:6px}.how-tabs button{font-size:13px;padding:11px 8px}.how-head h2{font-size:25px}#modal{padding:52px 20px 24px;width:calc(100% - 24px)}.discovery-search{gap:8px}.discovery-search input{padding:6px 0}dialog#side-menu{padding:20px}.top .logo i{font-size:10px;margin-left:2px}}
@media(max-width:360px){.top{padding:0 10px}.top .logo{font-size:22px}.header-brand{gap:6px}.header-actions{gap:5px}.top .artist-btn{padding:9px;font-size:11px}.round-control{min-width:34px;width:34px;height:34px}}
.how-tabs+#how-panel{padding:8px 0 6px}.how-tabs+#how-panel h3{font-size:24px}.how-tabs+#how-panel p{font-size:16px;line-height:1.5}.how-tabs+#how-panel ul{padding-left:22px;line-height:1.7;margin-bottom:23px}#app>.back svg{vertical-align:middle;margin-right:5px}
/* One compact discovery row; filters, search and categories scroll together. */
.discovery-toolbar{justify-content:flex-start;gap:12px;min-width:0;max-width:100%;margin-bottom:14px;padding:5px 4px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:4px}.discovery-toolbar::-webkit-scrollbar{display:none}.discovery-toolbar .floating-tools{flex:0 0 auto}.discovery-toolbar .discovery-filters{display:flex;flex:0 0 auto;min-width:0;gap:8px;margin:0;padding:0;flex-wrap:nowrap;overflow:visible}.discovery-toolbar .discovery-filters::-webkit-scrollbar{display:none}.discovery-toolbar .discovery-filters .chip{flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid #ecddd1;border-radius:25px;background:white;box-shadow:0 4px 16px #5324000b;font-size:14px;font-weight:600;white-space:nowrap}.discovery-toolbar .discovery-filters .chip:hover{background:#fff7f0}.discovery-toolbar .discovery-filters .chip.active{background:#ffe5cd;border-color:#ffb578;color:#843900}.discovery-toolbar .discovery-location{margin-left:auto}.help-control{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:25px;line-height:1;letter-spacing:-1px;color:#b74700}.discovery-toolbar button:focus-visible{outline-offset:-3px}@media(max-width:600px){.discovery-toolbar{gap:8px;margin-bottom:10px}.discovery-toolbar .discovery-filters .chip{padding:10px 14px}.help-control{font-size:24px}}
