.feature-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}
.feature-toast{position:fixed;right:20px;bottom:24px;z-index:45;max-width:min(380px,calc(100% - 40px));margin:0;padding:13px 17px;background:#193f39;color:white;font-size:14px;line-height:1.5;border-radius:8px;box-shadow:0 5px 24px #17354124;opacity:0;pointer-events:none}.feature-toast.is-visible{opacity:1}
.feature-page{padding-bottom:45px}.feature-note{font-size:14px!important;color:#687c78!important}.feature-live{font-size:14px;color:#2b605c;min-height:20px}.feature-empty{text-align:center;background:#f5f8f5;border:1px solid #dce5df;border-radius:8px;padding:35px 24px;margin:22px 0}.feature-empty h2{font-size:24px}.feature-empty p{color:#61756e}.feature-empty .primary{margin-top:12px}.feature-page [hidden],[data-search-empty][hidden]{display:none!important}
.favorite-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid #d4dfd7;border-radius:6px;background:white;color:#345e58;font:600 13px/1.3 Arial,sans-serif;cursor:pointer}.favorite-toggle svg{width:17px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.favorite-toggle[aria-pressed=true]{color:#173e37;border-color:#a3c3ad;background:#edf5ec}.favorite-toggle[aria-pressed=true] svg{fill:#4b7a64;stroke:#4b7a64}.favorite-toggle:hover{background:#f1f6f2}.cardactions .favorite-toggle{border:1px solid #d4dfd7!important;min-height:34px;padding:6px 8px}.detail .favorite-toggle{margin:14px 0 0}.favorites-nav-link{display:inline-flex;gap:6px;align-items:center}.favorites-nav-link svg{width:16px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.theme-grid,.chips.theme-grid,.categories.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 26px}.theme-grid .topic-card,.chips .topic-card,.categories .topic-card{display:flex;gap:12px;align-items:center;min-height:70px;padding:13px;background:#f8faf8;border:1px solid #e0e7df;border-radius:7px;font:700 14px/1.4 Arial,sans-serif;white-space:normal;color:#284b49;transition:background .15s,border-color .15s}.topic-card .topic-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:6px;background:white;font-size:23px;font-weight:400}.topic-card .topic-name{flex:1;min-width:0;overflow-wrap:anywhere}.topic-card .topic-arrow{color:#78968a;font-weight:400}.theme-grid .topic-card:hover{background:#edf5f0;border-color:#96b8a9}.mood-options,.mood-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.mood-options button,.mood-shortcuts a{padding:9px 14px;min-height:40px;border:1px solid #d2ded6;border-radius:6px;background:white;color:#31594f;font:600 13px/1.4 Arial,sans-serif;cursor:pointer}.mood-options button[aria-pressed=true]{background:#195b65;color:white;border-color:#195b65}.mood-shortcuts{align-items:center;margin:16px 0 5px}.mood-shortcuts>span{font-size:12px;color:#6b7f75;margin-right:4px}.mood-shortcuts a:hover,.mood-options button:hover{border-color:#659889}.feature-more{display:block;margin:28px auto;padding:12px 20px;background:#195b65;border:0;border-radius:6px;color:white;font-weight:600;cursor:pointer}
.personal-greeting{margin:24px 0;padding:19px 20px;background:#f4f7ef;border:1px solid #e0e8d7;border-radius:8px}.personal-greeting h2{font-size:17px;margin:0 0 9px;color:#355949}.personal-greeting p{font-size:16px;line-height:1.6;margin:0 0 15px}.personal-greeting button{display:inline-flex;align-items:center;gap:7px;background:white;color:#315b4c;border:1px solid #bdcfbc;border-radius:6px;padding:9px 13px;font-weight:600;min-height:42px;cursor:pointer}.personal-greeting .copy-status{display:block;color:#48714e;font-size:12px;min-height:16px;margin-top:8px}.cross-recommendations{padding:32px 0;border-top:1px solid #e0e7df;margin-top:26px}.cross-recommendations h2{font-size:24px;margin:0 0 7px}.cross-recommendations>p{color:#657a70;margin:0 0 22px}.cross-recommendations .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.cross-recommendations .cardmeta h3{font-size:15px}.cross-recommendations .card-category{font-size:12px;color:#718275;margin:6px 0}.cross-recommendations .cardactions{gap:4px}.cross-recommendations .cardactions a,.cross-recommendations .cardactions button{font-size:12px}
@media(max-width:1100px){.theme-grid,.chips.theme-grid,.categories.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.head nav{gap:16px}}
@media(max-width:820px){.theme-grid,.chips.theme-grid,.categories.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-recommendations .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.has-image-detail{padding-bottom:92px}.has-image-detail .detail .actions{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffdf8;box-shadow:0 -4px 20px #17354118;border-top:1px solid #d8e2d9}.has-image-detail .detail .actions a,.has-image-detail .detail .actions button{min-height:46px;margin:0;padding:12px 8px;text-align:center;font-size:14px;display:flex;justify-content:center;align-items:center}.personal-greeting{padding:17px}.mood-options{gap:7px}.mood-options button{padding:9px 12px}.cross-recommendations h2{font-size:22px}}
@media(max-width:480px){.theme-grid,.chips.theme-grid,.categories.theme-grid{grid-template-columns:1fr}.cross-recommendations .gallery{grid-template-columns:1fr}.feature-page .pagetitle h1{font-size:30px}.theme-grid .topic-card{min-height:65px}.mood-shortcuts{gap:6px}.mood-shortcuts>span{width:100%}}
@media(max-width:720px){.has-image-detail .feature-toast{bottom:calc(96px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}}