/* A quieter canvas for colorful scent impressions and community conversations. */
.visually-hidden,.star-value{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
:is(#panel-threads,#panel-forums,#panel-tiers,#panel-quiz){--community-accent:var(--accent-color);--community-wash:var(--tint);--community-second:var(--theme-harmony);}
.community-workspace{max-width:900px;margin:0 auto 70px;}
.social-composer{padding:30px!important;border:1px solid var(--line);border-radius:24px!important;background:linear-gradient(135deg,var(--white) 55%,var(--community-wash));box-shadow:0 9px 32px #233e3410;position:relative;overflow:hidden;}
.social-composer:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--community-accent);}
.composer-heading{display:flex;gap:16px;align-items:center;margin-bottom:25px;}
.composer-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--community-accent);margin-bottom:6px;}
.composer-heading h2{font-size:28px;letter-spacing:-.6px;line-height:1.25;}
.composer-emblem{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:17px;background:var(--community-wash);color:var(--community-accent);font-family:Georgia,serif;font-size:37px;line-height:1;}
.composer-privacy{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:6px 11px;}
.social-composer form{display:grid!important;gap:18px!important;}
.social-composer .composer-field,.post-replies label,.profile-community label,#written-review-form label,#member-report-dialog label,#tier-save-form label,.tier-editor-meta label,#tier-import-dialog label,.tier-comments label{display:grid;gap:9px;font-size:12px;font-weight:550;color:var(--ink);min-width:0;}
.social-composer input:not([type=checkbox]),.social-composer textarea,.post-replies textarea,.profile-community textarea,.profile-community select,#written-review-form input:not([type=checkbox]):not([type=range]),#written-review-form select,#written-review-form textarea,#member-report-dialog select,#member-report-dialog textarea,#tier-save-form input,#tier-save-form textarea,#tier-save-form select,.tier-editor-meta input,.tier-editor-meta textarea,#tier-import-dialog input:not([type=checkbox]),#tier-import-dialog select,.tier-comments textarea{width:100%;min-width:0;padding:14px 16px;border:1px solid #d9dfd7;border-radius:12px;background:var(--white);color:var(--ink);line-height:1.6;transition:border-color .15s,box-shadow .15s;}
.social-composer textarea{min-height:144px;font-size:15px;resize:vertical;background:color-mix(in srgb,var(--white) 85%,var(--community-wash));}
.social-composer input::placeholder,.social-composer textarea::placeholder{color:var(--muted);font-weight:400;}
.social-composer input:focus,.social-composer textarea:focus{outline:0;border-color:var(--community-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--community-accent) 11%,transparent);}
.composer-scent-picker{display:flex;gap:12px;align-items:center;border:1px dashed color-mix(in srgb,var(--community-accent) 35%,var(--line));background:var(--white);padding:16px;border-radius:16px;}
.composer-scent-picker .attachment-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--community-wash);color:var(--community-accent);font-size:25px;}
.composer-scent-picker label{display:grid;gap:5px;min-width:0;flex:1;font-size:11px;font-weight:600;}
.composer-scent-picker label>span{font-size:10px;font-weight:400;color:var(--muted);}
.social-composer .composer-scent-picker input{padding:5px 0 3px;border:0;border-radius:0;font-size:13px;background:transparent;}
.composer-scent-preview{display:flex;align-items:center;gap:20px;padding:14px 18px;background:var(--white);border:1px solid var(--line);border-radius:16px;}
.composer-scent-preview .catalog-art.product-photo{width:100px;height:125px;flex-shrink:0;padding:10px;}
.composer-scent-preview .photo-count,.composer-scent-preview .photo-family{display:none;}
.composer-scent-preview strong{font-size:17px;font-weight:500;}
.composer-scent-preview p{margin-top:7px;font-size:11px;color:var(--muted);}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:6px;}
.composer-counter{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;}
.composer-footer .primary{border-radius:25px;padding:13px 23px;background:var(--community-accent);border-color:var(--community-accent);gap:16px;}
.social-composer [role=status]:empty{display:none;}
.social-composer [role=status]{font-size:12px;color:var(--ink);line-height:1.7;}
.community-feed-toolbar{display:flex;align-items:center;gap:16px;margin-top:30px;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:17px;}
.community-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.community-search svg{width:20px;height:20px;fill:none;stroke:var(--community-accent);stroke-width:1.7;flex-shrink:0;}
.community-search input{background:transparent;border:0;width:100%;min-width:0;padding:8px 0;font-size:13px;color:var(--ink);}
.following-switch{display:flex;gap:8px;align-items:center;font-size:11px;cursor:pointer;position:relative;}
.following-switch input{position:absolute;opacity:0;width:34px;height:22px;}
.switch-track{width:33px;height:20px;border-radius:15px;background:var(--line);position:relative;transition:background .15s;}
.switch-track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:3px;left:3px;background:white;box-shadow:0 1px 3px #20362c30;transition:transform .15s;}
.following-switch input:checked+.switch-track{background:var(--community-accent);}
.following-switch input:checked+.switch-track:after{transform:translateX(13px);}
.following-switch input:focus-visible+.switch-track{outline:3px solid #bca368;outline-offset:3px;}
.feed-refresh{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--community-wash);font-size:23px;color:var(--community-accent);flex-shrink:0;}
.feed-meta{display:flex;justify-content:space-between;gap:20px;padding:17px 3px;font-size:10px;color:var(--muted);}
.community-empty{background:linear-gradient(145deg,var(--white),var(--community-wash));border:1px solid var(--line);border-radius:24px;padding:55px 30px!important;}
.empty-community-mark{display:inline-grid;place-items:center;width:68px;height:68px;background:var(--white);border-radius:22px;color:var(--community-accent);font-size:45px;font-family:Georgia,serif;margin-bottom:20px;}
.community-empty h2{font-size:30px;margin-bottom:12px;}
.community-empty p{font-size:13px;max-width:380px;margin:auto;color:var(--muted);line-height:1.8;}
.social-feed{display:grid;gap:24px;}
.social-post{padding:28px!important;border-radius:22px!important;background:var(--white);border:1px solid var(--line);box-shadow:0 7px 22px #243a3010;}
.social-post>h2{font-size:28px;margin:22px 0 15px;}
.social-post>.social-body{font-size:15px;line-height:1.9;margin:20px 0;}
.social-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;}
.member-identity{display:flex;align-items:center;gap:12px;min-width:0;width:100%;}
.member-identity .social-avatar{width:44px;height:44px;flex:0 0 44px;background:var(--community-wash,#edf1e7);color:var(--community-accent,var(--ink));border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;border-radius:50%;font:23px Georgia,serif;}
.member-identity .social-avatar img{width:100%;height:100%;object-fit:cover;}
.member-identity-text{flex:1;min-width:0;display:grid;gap:4px;}
.member-identity-text>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.member-profile-link{border:0;background:none;padding:0;font-weight:650;font-size:13px;text-align:start;white-space:normal;overflow-wrap:anywhere;color:var(--ink);}
.member-profile-link:hover{text-decoration:underline;text-underline-offset:4px;}
.member-identity-text small{font-size:10px;color:var(--muted);}
.you-label{font:500 9px/1.5 Inter,system-ui,sans-serif;background:var(--tint);color:var(--text);border:1px solid var(--line);border-radius:20px;letter-spacing:.3px;padding:2px 7px;white-space:nowrap;}
.member-more{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--muted);}
.member-more:hover,.member-more[aria-expanded=true]{background:var(--paper);border-color:var(--line);color:var(--ink);}
.member-more svg{width:22px;height:22px;fill:currentColor;}
.member-action-menu{position:fixed;z-index:1000;width:254px;max-height:calc(100dvh - 24px);overflow:auto;padding:8px;border-radius:16px;border:1px solid #d6dfd1;background:var(--white);color:var(--ink);box-shadow:0 16px 48px #16352925;}
.member-menu-caption{display:flex;align-items:center;gap:8px;font-size:10px;padding:12px 11px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:6px;overflow-wrap:anywhere;}
.member-action-menu button{display:block;text-align:start;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:12px;}
.member-action-menu button:hover,.member-action-menu button:focus{background:var(--tint);}
.member-action-menu button.caution{color:var(--red);}
.member-action-menu p{padding:13px;font-size:12px;}
.member-identity.compact{gap:8px;}
.profile-member-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.profile-member-heading .member-more{margin-inline-start:auto;}
.person-card{display:block!important;padding:20px!important;border-radius:18px!important;}
.person-connection-state{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);}
.community-post-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.social-scent{display:flex!important;gap:24px;padding:20px!important;margin-top:20px;border:1px solid var(--line);border-radius:18px!important;background:var(--bg-surface);}
.social-scent .catalog-art.product-photo{width:150px;height:190px;flex-shrink:0;padding:16px;}
.social-scent .photo-count,.social-scent .photo-family{display:none;}
.social-scent>div{align-self:center;min-width:0;}
.social-scent strong{display:block;font:25px/1.25 Georgia,serif;margin:8px 0;}
.social-scent p{font-size:11px;color:var(--muted);margin:9px 0;}
.post-replies{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);}
.post-replies>summary{font-size:12px;font-weight:550;color:var(--community-accent,var(--ink));padding:8px 0;list-style:none;display:flex;justify-content:space-between;}
.post-replies>summary::-webkit-details-marker{display:none;}
.post-replies form{margin-top:20px;display:grid;gap:14px;}
.post-replies .social-reply{margin-top:20px;padding:16px;background:var(--paper);border-radius:14px;border:1px solid var(--line);}
.social-reply>.social-body{margin:12px 0 0;}
.profile-community{padding-top:30px!important;margin-top:35px!important;border-top:1px solid var(--line);}
.profile-community h3{font:29px/1.25 Georgia,serif;color:var(--ink);margin:9px 0 18px;}
.profile-community>h3:not(:first-of-type){margin-top:34px;}
.profile-community #profile-rating-summary{font-size:12px;color:var(--muted);margin:12px 0;}
#scent-rating-form{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:18px;}
#scent-rating-form>[role=status]{flex-basis:100%;font-size:11px;}
#scent-rating-form>[role=status]:empty{display:none;}
#scent-review-form{display:grid;gap:22px;}
#scent-review-form>button{justify-self:start;}
.review-form-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.form-label{display:block;font-size:11px;font-weight:600;color:var(--ink);margin-bottom:9px;}
.star-rating{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.star-buttons{display:inline-flex;gap:4px;}
.star-buttons button{display:grid;place-items:center;background:transparent;border:0;border-radius:9px;width:38px;height:42px;padding:4px;transition:transform .12s,background .12s;}
.star-buttons button svg{width:30px;height:30px;fill:#e7e8df;stroke:#a7ae9f;stroke-width:1.1;transition:fill .12s,stroke .12s,transform .12s;}
.star-buttons button.lit svg{fill:#d8a541;stroke:#a7741f;}
.star-buttons button:hover{background:var(--tint);transform:translateY(-2px);}
.star-buttons button:active{transform:scale(.92);}
.star-rating output{font-size:11px;font-weight:550;color:var(--amber);font-variant-numeric:tabular-nums;}
.impression-editor{margin:5px 0 12px;}
.impression-intro{padding:22px 24px;border-radius:17px;background:linear-gradient(120deg,#e9f1e7,#f6eee4);border:1px solid #dce5d6;margin-bottom:20px;}
.impression-intro .eyebrow{font-size:8px;letter-spacing:1.8px;}
.impression-intro h4{font:24px/1.3 Georgia,serif;margin:10px 0;color:var(--ink);}
.impression-intro p{font-size:11px;line-height:1.85;color:var(--text);}
.impression-group{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);margin:0 0 22px;min-width:0;}
.impression-group legend{font:22px Georgia,serif;padding:0 9px;color:var(--ink);}
.impression-group legend>span{font:10px Inter,system-ui,sans-serif;color:var(--muted);margin-inline-start:7px;}
.impression-rows{display:grid;gap:15px;}
.impression-row{padding:16px 18px 12px;border:1px solid color-mix(in srgb,var(--note-color) 18%,#e8e8df);border-radius:15px;background:color-mix(in srgb,var(--note-color) 3%,white);transition:background .15s,border-color .15s,box-shadow .15s;}
.impression-row.included{background:color-mix(in srgb,var(--note-color) 7%,white);border-color:color-mix(in srgb,var(--note-color) 45%,white);box-shadow:inset 3px 0 0 var(--note-color);}
.impression-row-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px;}
.impression-row-heading label{display:flex!important;gap:8px!important;align-items:center;font-size:12px!important;cursor:pointer;}
.impression-row input[type=checkbox]{accent-color:var(--note-color);width:15px;height:15px;margin:0;}
.note-color-dot{height:8px;width:8px;border-radius:50%;background:var(--note-color);flex-shrink:0;}
.strength-value{color:var(--note-color);font-size:17px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;}
.strength-value small{font-size:10px;font-weight:400;}
.impression-row input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:9px;padding:0;border:0;border-radius:10px;background:linear-gradient(to right,var(--note-color) 0 var(--strength),color-mix(in srgb,var(--note-color) 14%,white) var(--strength) 100%);cursor:pointer;outline-offset:6px;}
.impression-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;background:var(--note-color);border:4px solid white;border-radius:50%;box-shadow:0 2px 6px #243b3040,0 0 0 1px color-mix(in srgb,var(--note-color) 70%,white);transition:transform .12s;}
.impression-row input[type=range]::-moz-range-thumb{width:17px;height:17px;background:var(--note-color);border:4px solid white;border-radius:50%;box-shadow:0 2px 6px #243b3040;}
.impression-row input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);}
.impression-scale{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:9px;color:var(--muted);}
.impression-share{color:var(--note-color);font-weight:600;}
.impression-add{display:flex;gap:9px;margin-top:20px;align-items:center;}
.impression-add input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-card);color:var(--ink);font-size:12px;}
.impression-add .secondary{border-radius:10px;padding:11px 15px;flex-shrink:0;}
.impression-message{font-size:10px;color:var(--muted);margin-top:8px;}
.impression-message:empty{display:none;}
.impression-balance{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);}
.impression-balance>strong{font-size:11px;font-weight:600;}
.impression-stack{display:flex;width:100%;height:16px;border-radius:9px;overflow:hidden;background:var(--soft);margin:13px 0;}
.impression-stack span{height:100%;transition:width .16s;min-width:0;}
.impression-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:10px;color:var(--muted);}
.impression-legend>span{display:flex;align-items:center;gap:5px;}
.impression-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--note-color);}
.impression-legend b{font-weight:650;color:var(--note-color);}
.saved-impressions{margin:20px 0;padding:18px;border-radius:15px;border:1px solid var(--line);background:var(--bg-card);}
.saved-impressions h4{font:20px Georgia,serif;margin:0 0 18px;}
.saved-impression{margin:13px 0;}
.saved-impression>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;}
.saved-impression strong{color:var(--note-color);font-size:12px;font-weight:650;}
.saved-impression small{font-size:9px;color:var(--muted);font-weight:400;}
.saved-impression-track{display:block;height:7px;border-radius:8px;background:color-mix(in srgb,var(--note-color) 13%,white);overflow:hidden;margin:7px 0 3px;}
.saved-impression-track>span{display:block;height:100%;background:var(--note-color);border-radius:8px;}
.saved-impressions>p{font-size:9px;color:var(--muted);margin-top:16px;}
.community-review{padding:24px!important;border:1px solid var(--line);border-radius:18px!important;background:var(--white);margin:20px 0;}
.community-review .review-kind{font-size:10px;color:var(--amber);margin:18px 0 10px;}
.community-review>.social-body{font-size:13px;}
.community-empty-inline{font-size:12px;color:var(--muted);padding:24px 0;}
#written-review-dialog{width:780px;}
#written-review-form{display:grid;gap:20px;}
#written-review-form .dialog-top,#written-review-form .dialog-actions{margin:0;}
#written-review-form .form-hint{margin-top:0;}
#written-review-form .catalog-choice{margin-top:15px;}
.catalog-choice summary{font-size:11px;color:var(--muted);padding:6px 0;}
.catalog-choice label{margin-top:10px;}
#written-review-form .form-grid{align-items:center;}
#written-review-form .form-grid .star-rating{gap:5px;}
.written-review-card footer{flex-wrap:wrap;}
.written-review-card footer .member-identity{flex:1;min-width:150px;}
.custom-fragrance-label{font-size:12px;font-weight:600;color:var(--ink);}
.custom-fragrance-label small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px;}
#member-report-dialog form,#tier-save-form{display:grid;gap:20px;}
#member-report-dialog .dialog-top,#tier-save-form .dialog-top{margin:0;}
#member-report-dialog form>p{font-size:12px;line-height:1.8;color:var(--muted);}
.moderation-inbox{margin:45px 0;padding-top:30px;border-top:1px solid var(--line);}
.moderation-report{padding:20px;border:1px solid var(--line);background:var(--white);border-radius:15px;margin:15px 0;display:grid;gap:12px;}
.moderation-report small{color:var(--muted);font-size:10px;}
.note-library-card{display:flex;flex-direction:column;}
.note-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:auto;padding-top:22px;}
.note-card-actions .text-button{padding:10px 2px;white-space:normal;}
.note-card-actions .secondary{padding:10px 15px;}
.news-card{padding:0!important;overflow:hidden;border-radius:22px!important;background:var(--white);}
.news-card-content{padding:24px;display:grid;justify-items:start;gap:14px;}
.news-card-content h2{font-size:25px;line-height:1.3;}
.news-card-content p{font-size:12px;line-height:1.85;color:var(--muted);}
.news-card-content .secondary{margin-top:6px;}
.news-header-photo{height:235px;position:relative;background:var(--soft);overflow:hidden;display:grid;place-items:center;}
.news-header-photo img{width:100%;height:100%;object-fit:cover;}
.news-image-credit{position:absolute;left:16px;bottom:14px;background:#fffef4ed;border-radius:20px;padding:5px 11px;font-size:9px;color:#3f594c;box-shadow:0 2px 8px #26382c12;}
.news-image-fallback{font:italic 21px Georgia,serif;color:var(--muted);padding:25px;}
/* Tier boards and daily challenges. */
.tier-view-switch,.quiz-audiences{display:flex;gap:8px;padding:7px;background:var(--white);border:1px solid var(--line);border-radius:17px;margin:0 0 28px;}
.tier-view-switch button,.quiz-audiences button{flex:1;border:0;background:transparent;padding:13px 12px;border-radius:12px;color:var(--muted);font-size:12px;}
.tier-view-switch button[aria-pressed=true],.quiz-audiences button[aria-pressed=true]{background:var(--community-accent);color:var(--on-accent);box-shadow:0 3px 9px #233e3416;}
.tier-editor-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px;border:1px solid var(--line);border-radius:19px;background:var(--white);align-items:start;}
.tier-editor-actions,.tier-detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0;}
#tier-editor-status,#tier-community-status,#tier-import-status,#tier-export-status{font-size:12px;color:var(--muted);margin:15px 0;line-height:1.8;}
#tier-count,#tier-pool-count{font-size:10px;color:var(--muted);margin:18px 0;}
#tier-board,.tier-public-board{display:grid;gap:10px;}
.tier-row{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;min-height:160px;border:1px solid var(--line);border-radius:17px!important;overflow:hidden;background:var(--white);padding:0!important;gap:0!important;}
.tier-row>h3{display:flex;align-items:center;justify-content:center;text-align:center;font:30px Georgia,serif;margin:0;background:color-mix(in srgb,var(--tone-red) 18%,var(--bg-surface));color:var(--ink);padding:12px;}
.tier-row:nth-child(2)>h3{background:color-mix(in srgb,var(--tone-terracotta) 18%,var(--bg-surface));color:var(--ink);}
.tier-row:nth-child(3)>h3{background:color-mix(in srgb,var(--tone-citrus) 18%,var(--bg-surface));color:var(--ink);}
.tier-row:nth-child(4)>h3{background:color-mix(in srgb,var(--tone-mint) 18%,var(--bg-surface));color:var(--ink);}
.tier-row:nth-child(5)>h3{background:color-mix(in srgb,var(--tone-water) 18%,var(--bg-surface));color:var(--ink);}
.tier-row:nth-child(6)>h3{background:color-mix(in srgb,var(--tone-lavender) 18%,var(--bg-surface));color:var(--ink);font-size:17px;}
.tier-row.drag-over{outline:3px dashed var(--community-accent);outline-offset:1px;background:var(--tint);}
.tier-dropzone{display:flex;align-content:flex-start;flex-wrap:wrap;gap:12px;padding:16px;min-width:0;}
.tier-dropzone>p{align-self:center;font-size:11px;color:var(--muted);padding:10px 15px;}
.tier-tile{position:relative;width:108px;padding:7px!important;display:flex;flex-direction:column;gap:5px;align-items:stretch;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;}
.tier-tile[draggable=true]{cursor:grab;}
.tier-tile .catalog-art.product-photo{width:92px;height:113px;padding:8px;background:white;border-radius:9px;}
.tier-tile .photo-count,.tier-tile .photo-family,.tier-pool-card .photo-count,.tier-pool-card .photo-family,.community-tier-bottles .photo-count,.community-tier-bottles .photo-family{display:none;}
.tier-tile>strong{font-size:8px;font-weight:650;letter-spacing:.4px;text-align:center;}
.tier-tile>span{font-size:10px;font-weight:500;text-align:center;line-height:1.4;}
.tier-tile>small{font-size:8px;color:var(--muted);text-align:center;}
.tier-tile select{width:100%;font-size:10px;padding:5px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);}
.tier-remove{position:absolute;top:3px;right:3px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);border-radius:50%;width:24px;height:24px;line-height:1;font-size:17px;display:grid;place-items:center;}
.tier-pool-section{margin:38px 0 65px;padding-top:30px;border-top:1px solid var(--line);}
.tier-pool-section h2{margin:10px 0 20px;}
#tier-pool{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.tier-pool-card{display:flex;flex-direction:column;align-items:stretch;gap:9px;border:1px solid var(--line);border-radius:15px;padding:12px;background:var(--white);min-width:0;}
.tier-pool-card .catalog-art.product-photo{width:100%;height:155px;padding:10px;}
.tier-pool-card>strong{font-size:12px;line-height:1.4;font-weight:550;}
.tier-pool-card>small{font-size:9px;color:var(--muted);line-height:1.5;}
.tier-pool-card>.secondary{margin-top:auto;font-size:10px;padding:8px 5px;}
#tier-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:60px;}
.community-tier-card{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;}
.community-tier-bottles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--bg-surface);padding:20px;}
.community-tier-bottles .catalog-art.product-photo{width:100%;height:145px;padding:10px;background:#fffdf7;}
.tier-card-copy{padding:25px;display:grid;gap:16px;}
.tier-card-copy>p{font-size:12px;color:var(--muted);line-height:1.8;}
.tier-card-copy .eyebrow{font-size:8px;}
.tier-card-copy .secondary{justify-self:start;}
.tier-card-stats{font-size:11px;color:var(--accent-color);line-height:1.7;}
.tier-detail-dialog{width:1040px;}
.tier-detail-title{font-size:38px!important;margin:12px 0 15px;}
#tier-detail-content>.social-body{margin-bottom:20px;}
#tier-detail-content>.tier-card-stats{margin:25px 0;}
#tier-rating-form{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:23px;border:1px solid var(--line);background:white;border-radius:18px;}
#tier-rating-form .form-label{margin:0;}
#tier-rating-form [role=status]{flex-basis:100%;font-size:12px;}
.tier-comments{margin-top:28px;padding-top:25px;border-top:1px solid var(--line);}
.tier-comments>h3{font:26px Georgia,serif;margin:0 0 20px;}
.tier-comments>article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--white);margin:14px 0;}
.tier-comments>article>.social-body{margin:12px 0 0;}
.tier-comments>form{display:grid;gap:15px;margin-top:25px;}
.tier-comments>form button{justify-self:start;}
.tier-format-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.tier-format-buttons>button{display:grid;text-align:start;gap:8px;padding:20px;white-space:normal;border-radius:15px;background:var(--white);}
.tier-format-buttons strong{font-size:15px;font-weight:550;}
.tier-format-buttons small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.7;}
.tier-import-dialog{width:850px;}
.tier-file-input{padding:20px;background:var(--white);border:1px dashed #b8c8b3;border-radius:15px;}
#tier-import-url-form{display:flex;gap:14px;align-items:end;margin:25px 0 15px;}
#tier-import-url-form label{flex:1;}
#tier-import-url-form button{padding:15px;}
.tier-import-matches{display:grid;gap:14px;max-height:50dvh;overflow:auto;margin:22px 0;}
.tier-import-matches>article{display:flex;align-items:center;gap:15px;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:15px;}
.tier-import-matches>article>div{flex:1;min-width:0;display:grid;gap:8px;}
.tier-import-matches strong{font-size:12px;}
.tier-import-matches small{font-size:10px;color:var(--muted);}
.tier-import-matches img{width:64px;height:90px;object-fit:contain;background:#f4f5ee;border-radius:9px;}
.tier-import-matches .import-skip{display:flex!important;align-items:center;gap:7px;}
#tier-import-reference{border:1px solid var(--line);border-radius:17px;padding:22px;margin:22px 0;background:white;}
#tier-import-reference>div{display:grid;gap:10px;}
#tier-import-reference p{font-size:12px;color:var(--muted);}
#tier-import-reference img{width:100%;max-height:500px;object-fit:contain;margin-top:20px;}
.quiz-dayline{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:11px;color:var(--muted);}
.quiz-countdown-label strong{font-variant-numeric:tabular-nums;color:var(--community-accent);margin-inline-start:5px;}
.quiz-audiences{margin-bottom:24px;padding:8px;}
.quiz-audiences button{font-size:14px;padding:18px;}
.quiz-audiences button>span{display:block;font-size:10px;opacity:.75;margin-top:5px;}
.quiz-progress-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-bottom:12px;}
.quiz-progress-track{background:var(--soft);border-radius:5px;height:4px;overflow:hidden;margin-bottom:28px;}
#quiz-progress-fill{display:block;height:100%;background:var(--community-accent);transition:width .2s;}
.quiz-question,.quiz-results{padding:30px;border:1px solid var(--line);background:var(--bg-card);border-radius:24px;box-shadow:0 10px 30px #203c3d0b;}
.quiz-question-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);}
.quiz-question-intro .eyebrow{color:var(--community-accent);font-size:9px;}
.quiz-question-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;margin-top:26px;}
.quiz-bottle{display:grid;place-items:center;background:var(--soft);border-radius:20px;min-height:330px;}
.quiz-bottle .catalog-art.product-photo{width:100%;height:310px;padding:25px;background:transparent;}
.quiz-bottle .photo-count,.quiz-bottle .photo-family{display:none;}
.quiz-mystery{font:italic 130px Georgia,serif;color:var(--accent-color);}
.quiz-question-main h2{font-size:27px;line-height:1.4;margin:0 0 25px;}
.quiz-choices{display:grid;gap:12px;}
.quiz-choices button{display:flex;gap:15px;align-items:center;padding:16px;border:1px solid var(--control-line);border-radius:var(--radius-control);background:var(--control-bg);color:var(--ink);text-align:start;}
.quiz-choices button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--accent-color);font-size:11px;flex-shrink:0;}
.quiz-choices button>strong{font-size:13px;font-weight:500;}
.quiz-choices button:hover{border-color:var(--community-accent);background:var(--soft);}
.quiz-choices button:disabled{opacity:1;cursor:default;}
.quiz-choices button.correct-answer{background:var(--positive-bg);color:var(--positive);border-color:var(--positive);}
.quiz-choices button.wrong-answer{background:var(--danger-bg);color:var(--red);border-color:var(--red);}
#quiz-answer-feedback{font-size:12px;color:var(--ink);line-height:1.8;margin-top:22px;}
#quiz-answer-feedback p{margin:8px 0;}
#quiz-next{margin-top:20px;}
.quiz-results{text-align:center;}
.quiz-result-symbol{font-size:65px;color:var(--accent-color);}
.quiz-results>.eyebrow{justify-content:center;margin:10px 0;}
.quiz-results>h2{font-size:52px;margin:12px 0;}
.quiz-results>p{font-size:13px;color:var(--muted);line-height:1.9;}
.quiz-answer-review{text-align:start;display:grid;gap:12px;margin:30px 0;}
.quiz-answer-review article{display:flex;gap:15px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--white);}
.quiz-result-check{font-size:20px;color:var(--community-accent);flex-shrink:0;}
.quiz-answer-review strong{font-size:13px;font-weight:600;}
.quiz-answer-review p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8;}
.quiz-answer-review button{margin-top:10px;}
.quiz-local-note,.quiz-source-note{font-size:10px!important;color:var(--muted);line-height:1.9;}
.quiz-source-note{margin:24px 0 60px;max-width:700px;}
[hidden]{display:none!important;}
@media(max-width:1000px){#tier-pool{grid-template-columns:repeat(4,minmax(0,1fr));}.quiz-question-layout{grid-template-columns:210px minmax(0,1fr);gap:25px;}.community-tier-bottles .catalog-art.product-photo{height:120px;}}
@media(max-width:760px){.social-composer{padding:23px!important;border-radius:20px!important;}.composer-heading{gap:12px;flex-wrap:wrap;}.composer-heading h2{font-size:24px;}.composer-emblem{width:44px;height:44px;flex-basis:44px;font-size:30px;}.composer-privacy{display:none;}.composer-heading .eyebrow{font-size:7px;}.social-composer textarea{font-size:16px;}.social-composer .composer-scent-picker input{font-size:16px;}.composer-scent-picker{padding:14px;gap:10px;}.composer-scent-picker .attachment-icon{width:30px;height:35px;}.community-feed-toolbar{gap:11px;padding:10px;flex-wrap:wrap;}.community-search{flex-basis:55%;}.community-search input{font-size:16px;}.following-switch{font-size:10px;}.feed-meta{display:block;line-height:1.9;}.feed-meta>p+p{margin-top:4px;}.social-post{padding:22px!important;}.social-post>h2{font-size:25px;}.social-scent{gap:15px;padding:14px!important;}.social-scent .catalog-art.product-photo{width:100px;height:150px;}.social-scent strong{font-size:22px;}.review-form-top{grid-template-columns:1fr;gap:20px;}.impression-group{padding:16px;}.impression-row{padding:14px;}.impression-intro{padding:20px;}.impression-scale{font-size:8px;}.star-buttons button{width:36px;}.form-grid .star-rating{gap:0;}#written-review-form .form-grid{grid-template-columns:1fr;}#written-review-form .form-grid>.span-2{grid-column:1;}.tier-view-switch{flex-wrap:wrap;}.tier-view-switch button{flex-basis:40%;}.tier-editor-meta{grid-template-columns:1fr;padding:20px;}.tier-row{grid-template-columns:48px minmax(0,1fr)!important;}.tier-row>h3{padding:5px;font-size:25px;}.tier-row:nth-child(6)>h3{font-size:11px;}.tier-dropzone{padding:10px;gap:9px;}.tier-tile{width:100px;}.tier-tile .catalog-art.product-photo{width:84px;height:106px;}#tier-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.tier-pool-card{padding:9px;}.tier-pool-card .catalog-art.product-photo{height:130px;}.tier-pool-card>.secondary{font-size:9px;white-space:normal;}#tier-lists{grid-template-columns:1fr;}.community-tier-bottles .catalog-art.product-photo{height:150px;}.tier-format-buttons{grid-template-columns:1fr;}.tier-import-matches>article{flex-wrap:wrap;}.tier-import-matches>article>div{flex-basis:60%;}#tier-import-url-form{display:grid;}.quiz-audiences{gap:5px;}.quiz-audiences button{padding:15px 7px;font-size:11px;}.quiz-audiences button>span{font-size:8px;}.quiz-dayline{font-size:10px;}.quiz-progress-line{font-size:8px;gap:10px;}.quiz-question,.quiz-results{padding:22px;}.quiz-question-layout{grid-template-columns:1fr;gap:24px;}.quiz-bottle{min-height:190px;}.quiz-bottle .catalog-art.product-photo{height:195px;}.quiz-mystery{font-size:90px;}.quiz-question-main h2{font-size:25px;}.quiz-question-intro{font-size:9px;}.news-header-photo{height:225px;}.news-card-content{padding:22px;}#member-report-dialog select,#member-report-dialog textarea,.tier-editor-meta input,.tier-editor-meta textarea,#tier-import-dialog input:not([type=checkbox]),.tier-comments textarea,#tier-save-form input,#tier-save-form textarea,#tier-save-form select,.profile-community textarea,.profile-community select,#written-review-form input:not([type=checkbox]):not([type=range]),#written-review-form select,#written-review-form textarea,.impression-add input{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.star-buttons button,.star-buttons button svg,.impression-row,.impression-stack span,.switch-track,.switch-track:after,#quiz-progress-fill{transition:none;}}