/* Mix is the final visual layer. Native routes, forms and interaction hooks remain authoritative. */
@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root,:root[data-theme=dark]{color-scheme:dark;--bg:#0d0e17;--surface:#161620;--soft:#1d1c2b;--text:#f5f0f7;--muted:#b5aabc;--line:#363142;--accent:#cc9afa;--control:#777084;--hover:#242033;--focus:#ddbcff;--sidebar:#161620;--selected:#2c223a;--selected-text:#e4c6ff;--panel:#21172e;--club-blue:#8a3ab4;--club-blue-soft:#2d213a;--club-mint:#79d6b9;--club-coral:#ffaca2;--club-lilac:#cc9afa;--danger:#ffb4aa;--sidebar-width:0px;--panel-width:clamp(330px,26vw,390px)}
:root[data-theme=light]{color-scheme:light;--bg:#f6f4fa;--surface:#fff;--soft:#f1edf8;--text:#262134;--muted:#6d617b;--line:#ded7e8;--accent:#763caa;--control:#8e809e;--hover:#eee7f6;--focus:#7932b2;--sidebar:#fff;--selected:#f0e6fc;--selected-text:#633091;--panel:#fff;--club-blue:#7b339e;--club-blue-soft:#f0e6fc;--club-mint:#247655;--club-coral:#f3bfaf;--club-lilac:#763caa;--danger:#a22c39}
html{background:var(--bg);scroll-padding-top:24px}
body.nocturne-site.community-theme.mix-site{margin:0;font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}
.mix-site *,.mix-site *:before,.mix-site *:after{box-sizing:border-box}
.mix-site [hidden]{display:none!important}
.mix-site img{max-width:100%}
.mix-site :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:balance;letter-spacing:-.025em}
.mix-site :is(a,button,input,select,summary,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.mix-site :is(a,button){touch-action:manipulation}
.mix-site :is(button,.btn):disabled{opacity:.55;cursor:default}
.nocturne-site.community-theme.mix-site .site-frame{width:100%;min-height:100svh;background:var(--bg)}
.nocturne-site.community-theme.mix-site main.wrap{width:calc(100% - 64px);max-width:1280px;margin:0 auto;padding:30px 0 48px;min-height:calc(100svh - 140px)}
.mix-site .nocturne-breadcrumb{margin-bottom:24px;font-size:12px}
.mix-site .catalog-foot{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;max-width:none}
.mix-site .catalog-foot p{margin:0;max-width:none}
.mix-site .btn{min-height:44px;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:550;line-height:1.45}
.mix-site .btn.primary,.mix-site .discussion-publish{background:linear-gradient(110deg,#8736b8,#b63d7c);border:0;color:#fff;box-shadow:none}
.mix-site .btn.primary:hover,.mix-site .discussion-publish:hover{background:linear-gradient(110deg,#9544c6,#c24a88);color:#fff}
.mix-site .btn.quiet{color:var(--muted)}
.mix-site :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background-color:var(--soft);border-color:var(--line);color:var(--text);font:inherit;font-size:14px;border-radius:9px;max-width:100%}
.mix-site :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.mix-site :is(.message.error,.errorlist){color:var(--danger)}
.mix-site .skip-link:focus{z-index:100}

/* A horizontal masthead joins every real page, including personal and owner spaces. */
.nocturne-site.community-theme.mix-site .topbar{position:relative;inset:auto;width:100%;height:auto;z-index:45;background:var(--surface);border:0;border-bottom:1px solid var(--line);border-radius:0;backdrop-filter:none}
.nocturne-site.community-theme.mix-site .topbar>.wrap{display:block;width:calc(100% - 64px);max-width:1280px;height:auto;margin:auto;padding:0}
.mix-header-row{display:flex;align-items:center;gap:26px;min-height:86px}
.nocturne-site.community-theme.mix-site .brand{display:flex;align-items:center;gap:11px;flex:none;min-width:0;padding:0;font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.035em}
.nocturne-site.community-theme.mix-site .brand>svg{width:43px;height:43px;flex:none;padding:10px;border-radius:11px;background:linear-gradient(140deg,#7b35b9,#b84488);color:#eedcff}
.mix-site .brand>span{max-width:none;white-space:nowrap}
.nocturne-site.community-theme.mix-site .brand small{display:block;margin-top:5px;font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap;letter-spacing:0}
.mix-site .sg-brand-accent{color:var(--text)}
.nocturne-site.community-theme.mix-site .club-search-trigger{position:static;display:flex;align-items:center;flex:1;gap:10px;margin:0;padding:11px 14px;min-width:0;max-width:540px;width:auto;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--muted);font-size:13px}
.mix-site .club-search-trigger>span{display:block;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.mix-site .club-search-trigger>kbd{display:block;margin-left:auto;font-size:11px;white-space:nowrap}
.mix-site .club-search-trigger:hover{color:var(--text);border-color:var(--accent)}
.nocturne-site.community-theme.mix-site .header-nav{display:flex;flex-direction:row;align-items:center;flex:none;gap:10px;width:auto;padding:0;margin:0 0 0 auto}
.nocturne-site.community-theme.mix-site .notification-link{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}
.mix-site .notification-link>span:not(.counter){display:none}
.mix-site .notification-link .counter:not([hidden]){position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border:2px solid var(--surface);border-radius:50%;font-size:10px;line-height:1;background:var(--accent);color:var(--bg)}
.nocturne-site.community-theme.mix-site .header-nav .nav-menu>summary{display:flex;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 4px;border:0;cursor:pointer}
.mix-site .account-label{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.mix-site .header-nav .nav-menu>summary>svg{width:14px;height:14px}
.nocturne-site.community-theme.mix-site .nav-avatar{width:35px;height:35px;background:var(--selected);color:var(--accent);font-size:13px;font-weight:600}
.nocturne-site.community-theme.mix-site .header-nav .nav-menu-panel{top:calc(100% + 10px);bottom:auto;left:auto;right:0;min-width:245px;max-width:calc(100vw - 24px);max-height:70svh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #05041045}
.mix-site .sidebar-logout{display:none}
.mix-site .mobile-logout{display:block}
.mix-site .mix-header-share{flex:none;min-height:42px;padding:10px 15px;gap:7px}
.mix-header-share>span{font-size:18px}
.mix-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;border-top:1px solid var(--line)}
.nocturne-site.community-theme.mix-site .primary-links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:27px;width:auto;min-width:0;margin:0;padding:0;overflow:visible;border:0}
.nocturne-site.community-theme.mix-site .primary-links>a{position:relative;display:flex;align-items:center;gap:7px;flex:none;width:auto;min-height:49px;padding:11px 0;border:0;border-radius:0;color:var(--muted);font-size:13px;font-weight:450;white-space:nowrap;background:transparent}
.mix-site .primary-links>a>svg{display:none}
.nocturne-site.community-theme.mix-site .primary-links>a[aria-current=page]{color:var(--accent);background:none;font-weight:600}
.nocturne-site.community-theme.mix-site .primary-links>a[aria-current=page]:after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.nocturne-site.community-theme.mix-site .primary-links>.nocturne-admin{margin:0;font-size:12px}
.mix-site .nocturne-admin:before{display:none}
.mix-header-motto{flex:none;font-size:11px;color:var(--muted)}
.mix-header-motto:before{display:inline-block;content:'';width:5px;height:5px;border-radius:50%;margin-right:8px;vertical-align:middle;background:var(--club-coral)}

/* The approved illustration remains intact; the overlay belongs to the HTML composition. */
.mix-home-hero{position:relative;isolation:isolate;min-height:370px;border-radius:16px;overflow:hidden;background:#14152d;color:#f8f0fc}
.mix-hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.mix-home-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101127ed 0%,#101127c9 38%,#10112730 72%,transparent)}
.mix-hero-copy{max-width:640px;padding:42px 40px}
.mix-hero-kicker{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#ded1ec;font-size:11px;font-weight:550}
.mix-hero-kicker:before{content:'';width:6px;height:6px;border-radius:50%;background:#ffaaa5}
.nocturne-site.community-theme.mix-site .mix-hero-copy h1{font-size:clamp(34px,3.5vw,49px);line-height:1.13;letter-spacing:-.035em;font-weight:480;margin:0 0 18px}
.mix-hero-copy h1 em{font-style:normal;color:#d59be9}
.mix-hero-copy>p:not(.mix-hero-kicker){max-width:48ch;margin:0;font-size:14px;line-height:1.8;color:#ddd3e8}
.mix-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.mix-site .mix-secondary{border:1px solid #9b91b1;background:#1415289e;color:#f7f0fc}
.mix-site .mix-secondary:hover{background:#332444;color:#fff}
.mix-club-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;margin-top:36px;align-items:start}
.mix-editorial-column,.mix-club-aside{min-width:0}
.mix-section+.mix-section{margin-top:38px}
.mix-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.mix-site .mix-section-heading h2,.mix-site .mix-club-aside>h2{font-size:26px;font-weight:530;line-height:1.3;margin:0}
.mix-section-heading>div{min-width:0}
.mix-section-heading p{color:var(--muted);font-size:12px;margin:6px 0 0}
.mix-section-heading a{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;font-size:12px;color:var(--accent)}
.mix-featured-news{padding:28px;border-radius:14px;background:var(--soft)}
.mix-content-type{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:550;line-height:1.55}
.mix-site .mix-featured-news h3{font-size:29px;line-height:1.25;font-weight:530;margin:0;max-width:25ch}
.mix-featured-news h3 a,.mix-guides-list h3 a,.mix-news-list h3 a{text-decoration:none;color:var(--text)}
.mix-featured-news h3 a:hover,.mix-guides-list h3 a:hover,.mix-news-list h3 a:hover{color:var(--accent)}
.mix-featured-summary{max-width:65ch;margin:15px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.mix-article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:12px;color:var(--muted)}
.mix-article-meta a{min-height:40px;display:inline-flex;align-items:center;gap:6px;color:var(--accent)}
.mix-news-list,.mix-guides-list{display:grid}
.mix-news-list article,.mix-guides-list article{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}
.mix-news-list article:last-child,.mix-guides-list article:last-child{border-bottom:0;padding-bottom:0}
.mix-news-list h3,.mix-guides-list h3{font-size:19px;line-height:1.4;font-weight:550;margin:0}
.mix-news-list article>div>p:not(.mix-content-type),.mix-guides-list article>div>p:not(.mix-content-type){color:var(--muted);font-size:13px;line-height:1.8;margin:8px 0 0;max-width:65ch;overflow-wrap:anywhere}
.mix-news-list time{display:block;color:var(--muted);font-size:11px;margin-top:9px}
.mix-row-arrow{display:grid;place-items:center;width:44px;height:44px;color:var(--accent);font-size:20px}
.mix-guides-list article:first-child{padding-top:8px}
.mix-guides-list .mix-content-type{margin-bottom:7px}
.mix-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mix-discover-grid>a{min-width:0;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none}
.mix-discover-grid>a:hover{border-color:var(--accent)}
.mix-shop-logo{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:125px;min-width:0;background:#fdfcf9;color:#383448}
.mix-shop-logo img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:21px;object-fit:scale-down}
.mix-shop-logo>span{font-size:24px;font-weight:600}
.mix-discover-copy{position:relative;padding:16px 34px 16px 16px}
.mix-discover-copy h3{font-size:15px;font-weight:550;line-height:1.4;margin:0;overflow-wrap:anywhere}
.mix-discover-copy p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}
.mix-discover-copy>span{position:absolute;right:13px;bottom:19px;color:var(--accent)}
.mix-discover-collection{display:flex;flex-direction:column;padding:22px 18px}
.mix-discover-collection h3{font-size:21px;line-height:1.3;margin:0;font-weight:550}
.mix-discover-collection>p:not(.mix-content-type){color:var(--muted);font-size:12px;line-height:1.8;margin:12px 0 18px;overflow-wrap:anywhere}
.mix-collection-open{display:block;margin-top:auto;color:var(--accent);font-size:11px}
.mix-collections-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:18px;font-size:11px;color:var(--muted)}
.mix-collections-links a{display:inline-flex;align-items:center;gap:5px;min-height:36px;color:var(--accent);overflow-wrap:anywhere}
.mix-empty{padding:28px;border:1px dashed var(--line);border-radius:14px;background:var(--surface)}
.mix-empty h3{font-size:22px;font-weight:480;line-height:1.35;margin:0 0 12px}
.mix-empty p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:65ch}
.mix-empty a{display:flex;align-items:center;gap:6px;width:fit-content;min-height:44px;margin-top:10px;color:var(--accent);font-size:12px}
.mix-discover-grid>.mix-empty{grid-column:1/-1}
.mix-club-aside{display:grid;gap:20px}
.mix-site .mix-club-aside>h2{margin-bottom:-2px}
.mix-poll,.mix-weekly-topic{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.mix-poll h3,.mix-weekly-topic h3{font-size:21px;line-height:1.35;font-weight:550;margin:0 0 18px}
.mix-poll fieldset{min-width:0;padding:0;margin:0 0 18px;border:0}
.mix-poll-description{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px;overflow-wrap:anywhere}
.mix-poll-option{display:flex;gap:10px;align-items:flex-start;min-height:46px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}
.mix-poll-option:last-child{border:0}
.mix-poll-option input{flex:none;accent-color:var(--accent);width:18px;height:18px;min-height:0;margin:2px 0 0}
.mix-poll-option>span{min-width:0;overflow-wrap:anywhere}
.mix-poll-option small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.mix-poll .btn{width:100%;font-size:12px}
.mix-poll-status,.mix-poll-total{color:var(--muted);font-size:11px;margin:14px 0 0}
.mix-poll-status{color:var(--accent)}
.mix-poll-choices{list-style:none;padding:0;margin:0 0 20px}
.mix-poll-choices li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.mix-poll-choices small{flex:none;color:var(--muted);font-size:11px}
.mix-weekly-topic>p:not(.mix-content-type){color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 13px;overflow-wrap:anywhere}
.mix-weekly-topic>a{display:flex;gap:6px;align-items:center;min-height:44px;color:var(--accent);font-size:12px}
.mix-life-empty{padding:23px}
.mix-life-empty h3{font-size:21px}
.mix-club-note{padding:25px;border-radius:14px;background:var(--selected)}
.mix-club-note>p{font-size:29px;font-weight:420;line-height:1.3;letter-spacing:-.03em;margin:0 0 17px}
.mix-club-note>p strong{font-weight:550;color:var(--accent)}
.mix-club-note>span{display:block;color:var(--muted);font-size:12px}
.mix-club-note>a{display:flex;align-items:center;gap:7px;min-height:44px;margin-top:13px;color:var(--accent);font-size:12px}

/* The Place keeps its real feed, filters, pagination and shop-preview interactions. */
.mix-site .mix-place-intro{padding:29px 32px;border-radius:15px;background:linear-gradient(115deg,#191538,#362044 80%,#4b2850);color:#f7f1fb}
.mix-site .mix-place-intro .mix-content-type{color:#ddbbe9;font-size:11px;margin-bottom:12px}
.mix-site .mix-place-intro h1{font-size:36px;line-height:1.16;font-weight:450;margin:0 0 12px}
.mix-place-intro h1 em{font-style:normal;color:#d59be9}
.mix-site .mix-place-intro>div>p:last-child{color:#d4c5df;font-size:13px;max-width:65ch;line-height:1.75}
.mix-site .mix-place-intro .sg-write-invitation{background:#f3bfaf;color:#392721;border-radius:10px;padding:13px 17px;max-width:315px;min-height:66px}
.mix-site .sg-write-invitation strong{font-size:13px}
.mix-site .sg-write-invitation small{font-size:11px}
.mix-site .sg-write-invitation>span:last-child{margin-left:6px}
.mix-site .sg-feed-layout{grid-template-columns:minmax(0,1fr) var(--panel-width);gap:30px}
.mix-site .sg-feed-filters{padding:18px;border-radius:13px;background:var(--surface);border:1px solid var(--line)}
.mix-site .sg-filter-row{gap:10px}
.mix-site .v2-feed-scopes{flex-wrap:wrap}
.mix-site .sg-post{padding:23px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:16px}
.mix-site .sg-post-head{margin-bottom:17px}
.mix-site .sg-post-prose{font-size:15px;line-height:1.85}
.mix-site .sg-post-footer{margin-top:18px;padding-top:13px}
.mix-site .sg-read-discussion{background:var(--selected);color:var(--accent)}
.mix-site .sg-surface{border-radius:14px;padding:22px;background:var(--surface);border-color:var(--line)}
.mix-site .sg-feed-companion h2{font-size:20px;font-weight:550}
.mix-site .sg-share-cta{background:var(--club-coral);color:#42241f;border-radius:9px}
.mix-site .sg-post-media,.mix-site .discussion-attachment-grid{max-width:100%;min-width:0}
.mix-site .sg-post-media>a:has(img){min-width:0}
.mix-site .discussion-prose{overflow-wrap:anywhere}
.mix-site .sg-shop-chip img{object-fit:scale-down;background:#fdfcf9}
.mix-site .sg-shop-logo,.mix-site .sg-mini-logo{background:#fdfcf9}
.mix-site .sg-shop-logo img,.mix-site .sg-mini-logo img{min-width:0;min-height:0;object-fit:scale-down}

/* Real logos never stretch. Desktop space is reserved before opening a shop. */
.nocturne-site.community-theme.mix-site.catalogue-site main.wrap{max-width:1440px}
.nocturne-site.community-theme.mix-site.catalogue-site .catalog,.nocturne-site.community-theme.mix-site.catalogue-site .catalog.is-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.mix-site .shop-card{min-width:0;border-radius:13px;box-shadow:none}
.mix-site .shop-card .cover-shell{display:grid;grid-template-rows:minmax(0,1fr);aspect-ratio:1.5;min-width:0;background:#fdfcf9}
.nocturne-site.community-theme.mix-site .shop-card .cover{display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;aspect-ratio:auto;object-fit:scale-down;padding:22px;background:#fdfcf9}
.mix-site .shop-card .cover.fallback{display:grid;place-items:center;color:#383448}
.mix-site .shop-card h2{font-size:17px;font-weight:550}
.mix-site .shop-card .card-body{padding:18px}
.mix-site .shop-card .card-category{font-size:12px}
.mix-site .shop-card .favorite-button{width:44px;height:44px;min-height:44px;background:#29223ce6;color:#fff}
.mix-site .shop-card .favorite-button.is-favorite{color:#e1b6ff}
.mix-site .catalog-tools{min-width:0}
.mix-site .sg-catalog-shortcuts{flex-wrap:wrap;overflow:visible;gap:8px}
.mix-site .sg-catalog-shortcuts>a{white-space:normal;border-radius:8px;font-size:11px}
.mix-site .sg-catalog-aside{border-radius:14px;padding:24px}
.mix-site .sg-catalog-aside h2{font-size:30px;font-weight:450}
.mix-site .shop-panel .detail-hero .cover{object-fit:scale-down;background:#fdfcf9}
.mix-site .shop-panel .detail-hero .cover.fallback{display:grid;place-items:center}
.mix-site .shop-panel{border-radius:14px;background:var(--surface)}
.mix-site .club-command{background:var(--surface);border-color:var(--line);border-radius:14px}
.mix-site .club-command-results a{overflow-wrap:anywhere}
.mix-site .member-welcome-note{background:var(--selected)}
.mix-site .member-welcome-button{background:var(--club-blue);color:#fff}
.mix-site .v2-compose-column .visual-editor{background:var(--surface);color:var(--text)}
.mix-site .admin-nav{flex-wrap:wrap}
.mix-site .mix-reading-document{max-width:780px;margin:0 auto}
.mix-site .mix-selection-caption{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.mix-reading-document header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}
.mix-site .mix-reading-document h1{font-size:clamp(31px,3.3vw,45px);font-weight:480;line-height:1.18;margin:0 0 18px}
.mix-reading-document time{color:var(--muted);font-size:12px}
.mix-reading-summary{font-size:18px;line-height:1.8;margin:23px 0 0;max-width:65ch;color:var(--muted);overflow-wrap:anywhere}
.mix-reading-body{font-size:16px;line-height:1.95;overflow-wrap:anywhere;max-width:72ch}
.mix-reading-body p{margin:0 0 24px}
.mix-reading-document>footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}
.mix-reading-document>footer a{display:flex;align-items:center;min-height:44px;gap:7px;font-size:13px;color:var(--accent)}
@media(min-width:1100px){
  .nocturne-site.community-theme.mix-site.catalogue-site main.wrap{padding-right:calc(var(--panel-width) + 30px)}
  .mix-site .sg-catalog-aside{top:166px;right:max(24px,calc((100vw - 1440px)/2 + 24px));width:var(--panel-width)}
  .nocturne-site.community-theme.mix-site .shop-panel{top:154px;bottom:24px;right:max(24px,calc((100vw - 1440px)/2 + 24px));max-height:calc(100svh - 178px);width:var(--panel-width)}
  .mix-site.community-feed-site .shop-panel{right:max(32px,calc((100vw - 1280px)/2))}
}
@media(max-width:1099px){
  .mix-header-row{gap:17px}
  .mix-site .account-label{display:none}
  .mix-site .club-search-trigger>kbd{display:none}
  .mix-header-motto{display:none}
  .mix-club-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
  .mix-hero-copy{max-width:590px;padding:36px}
  .mix-site .mix-hero-copy h1{font-size:42px}
  .mix-site .sg-feed-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
  .mix-site .mix-place-intro{padding:26px}
  .mix-site .mix-place-intro .sg-write-invitation{max-width:270px}
  .mix-site .sg-catalog-aside{display:none}
  .nocturne-site.community-theme.mix-site .shop-panel{max-height:calc(100svh - 24px)}
}
@media(max-width:860px){
  .nocturne-site.community-theme.mix-site main.wrap,.nocturne-site.community-theme.mix-site .topbar>.wrap{width:calc(100% - 40px)}
  .mix-header-row{gap:15px}
  .mix-site .mix-header-share{display:none}
  .mix-club-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .mix-club-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .mix-club-aside>h2{grid-column:1/-1}
  .mix-life-empty{grid-column:1/-1}
  .mix-site .sg-feed-layout{grid-template-columns:minmax(0,1fr)}
  .mix-site .sg-feed-companion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .mix-site .sg-feed-companion>.sg-surface+.sg-surface{margin-top:0}
  .mix-home-hero{min-height:350px}
  .mix-hero-art{object-position:60% center}
  .mix-home-hero:before{background:linear-gradient(90deg,#101127f2 0%,#101127c4 50%,#10112750)}
  .mix-hero-copy{padding:34px;max-width:570px}
  .nocturne-site.community-theme.mix-site.catalogue-site .catalog,.nocturne-site.community-theme.mix-site.catalogue-site .catalog.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mix-site .mix-place-intro{display:block}
  .mix-site .mix-place-intro .sg-write-invitation{margin-top:21px;max-width:315px}
}
@media(max-width:620px){
  .nocturne-site.community-theme.mix-site main.wrap,.nocturne-site.community-theme.mix-site .topbar>.wrap{width:calc(100% - 28px)}
  .nocturne-site.community-theme.mix-site main.wrap{padding:20px 0 34px;min-height:calc(100svh - 155px)}
  .mix-header-row{min-height:76px;gap:9px}
  .nocturne-site.community-theme.mix-site .brand{font-size:20px;gap:8px;flex:1}
  .nocturne-site.community-theme.mix-site .brand>svg{width:35px;height:37px;padding:8px;border-radius:9px}
  .nocturne-site.community-theme.mix-site .brand small{font-size:8px;margin-top:4px}
  .nocturne-site.community-theme.mix-site .club-search-trigger{flex:none;width:38px;height:42px;min-height:42px;max-width:none;padding:9px;justify-content:center;background:none;border:0}
  .mix-site .club-search-trigger>span,.mix-site .club-search-trigger>kbd{display:none}
  .nocturne-site.community-theme.mix-site .header-nav{gap:6px}
  .nocturne-site.community-theme.mix-site .notification-link{width:32px;height:42px;padding:6px;border:0}
  .nocturne-site.community-theme.mix-site .nav-avatar{width:30px;height:30px;font-size:11px}
  .nocturne-site.community-theme.mix-site .header-nav .nav-menu>summary{padding:0;gap:3px}
  .mix-site .header-nav .nav-menu>summary>svg{width:10px;height:10px}
  .mix-site .header-nav>.theme-button{font-size:0;padding:8px;width:35px;min-height:42px;border:0}
  .mix-site .header-nav>.theme-button:before{content:'◐';font-size:22px}
  .mix-site .header-nav>.nav-action{font-size:11px;padding:7px 0;min-height:42px;display:flex;align-items:center}
  .mix-header-bottom{min-height:44px}
  .nocturne-site.community-theme.mix-site .primary-links{flex:1 1 0;max-width:100%;gap:0 23px;row-gap:0;justify-content:flex-start}
  .nocturne-site.community-theme.mix-site .primary-links>a{font-size:12px;min-height:44px;padding:10px 0}
  .nocturne-site.community-theme.mix-site .primary-links>.nocturne-admin{font-size:11px}
  .mix-home-hero{min-height:420px;border-radius:13px}
  .mix-hero-art{object-position:68% center}
  .mix-home-hero:before{background:linear-gradient(180deg,#101127f5 0%,#101127da 44%,#10112752 82%,#10112710)}
  .mix-hero-copy{max-width:none;padding:27px 23px}
  .mix-hero-kicker{font-size:10px;margin-bottom:15px}
  .nocturne-site.community-theme.mix-site .mix-hero-copy h1{font-size:34px;max-width:11ch;margin-bottom:16px;line-height:1.16}
  .mix-hero-copy>p:not(.mix-hero-kicker){font-size:12px;max-width:35ch;line-height:1.8}
  .mix-hero-actions{gap:8px;margin-top:21px}
  .mix-hero-actions .btn{font-size:11px;padding:10px 12px;min-height:42px}
  .mix-club-layout{margin-top:29px;gap:32px}
  .mix-section+.mix-section{margin-top:32px}
  .mix-section-heading{gap:13px;align-items:flex-start;margin-bottom:16px}
  .mix-site .mix-section-heading h2,.mix-site .mix-club-aside>h2{font-size:24px}
  .mix-section-heading p{font-size:11px;line-height:1.75}
  .mix-section-heading a{font-size:11px;min-height:34px;max-width:105px;flex-shrink:0;line-height:1.65}
  .mix-featured-news{padding:23px 20px}
  .mix-site .mix-featured-news h3{font-size:26px}
  .mix-featured-summary{font-size:13px;line-height:1.8}
  .mix-article-meta{font-size:11px}
  .mix-news-list article,.mix-guides-list article{gap:12px;padding:20px 0}
  .mix-news-list h3,.mix-guides-list h3{font-size:19px}
  .mix-news-list article>div>p:not(.mix-content-type),.mix-guides-list article>div>p:not(.mix-content-type){font-size:12px}
  .mix-discover-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .mix-discover-shop{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:stretch}
  .mix-shop-logo{height:100%;min-height:90px}
  .mix-shop-logo img{padding:14px}
  .mix-discover-copy{align-self:center;padding:19px 35px 19px 15px}
  .mix-discover-copy h3{font-size:15px}
  .mix-discover-copy p{font-size:11px}
  .mix-discover-copy>span{top:50%;bottom:auto;transform:translateY(-50%)}
  .mix-discover-collection{padding:22px}
  .mix-collections-links{gap:4px 12px}
  .mix-collections-links>span{flex-basis:100%}
  .mix-empty{padding:25px 21px}
  .mix-empty h3{font-size:21px}
  .mix-empty p{font-size:12px}
  .mix-club-aside{grid-template-columns:minmax(0,1fr)}
  .mix-poll,.mix-weekly-topic{padding:23px}
  .mix-poll h3,.mix-weekly-topic h3{font-size:23px}
  .mix-club-note{padding:24px}
  .mix-site .catalog-foot{display:block;line-height:1.8;margin-top:35px;font-size:11px}
  .mix-site .catalog-foot p+p{margin-top:8px}
  .mix-site .mix-place-intro{padding:25px 22px;border-radius:13px}
  .mix-site .mix-place-intro h1{font-size:30px}
  .mix-site .mix-place-intro>div>p:last-child{font-size:12px}
  .mix-site .mix-place-intro .sg-write-invitation{max-width:none;padding:13px;min-height:64px}
  .mix-site .sg-feed-companion{grid-template-columns:minmax(0,1fr)}
  .mix-site .sg-post{padding:19px 16px;border-radius:12px}
  .mix-site .sg-post-head{flex-wrap:wrap;gap:10px}
  .mix-site .sg-shop-chip{max-width:100%;margin-left:0}
  .mix-site .sg-post-prose{font-size:14px;line-height:1.8}
  .mix-site .sg-post-footer{gap:9px}
  .mix-site .sg-post-footer .btn{font-size:11px}
  .mix-site .sg-feed-filters{padding:14px}
  .mix-site .v2-filter-main{flex-wrap:wrap}
  .mix-site .v2-filter-main label{min-width:0}
  .mix-site .v2-feed-scopes{gap:0 14px}
  .mix-site .club-feed-tabs{flex-wrap:wrap}
  .mix-site .club-filter-summary{flex-wrap:wrap;gap:8px}
  .nocturne-site.community-theme.mix-site.catalogue-site .catalog,.nocturne-site.community-theme.mix-site.catalogue-site .catalog.is-compact{grid-template-columns:minmax(0,1fr);gap:18px}
  .mix-site .shop-card .cover-shell{aspect-ratio:1.65}
  .mix-site .shop-card .card-body{padding:19px}
  .mix-site .shop-card h2{font-size:20px}
  .mix-site .difficulty-guide-scale{min-width:0}
  .mix-site .difficulty-scale{flex-wrap:wrap}
  .mix-site .catalog-tools,.mix-site .search-line,.mix-site .search-field{min-width:0;max-width:100%}
  .mix-site .shop-panel{border-radius:13px}
  .mix-site .mix-reading-document h1{font-size:31px}
  .mix-reading-summary{font-size:16px}
  .mix-reading-body{font-size:15px;line-height:1.9}
}
@media(max-width:360px){
  .nocturne-site.community-theme.mix-site .brand{font-size:18px;gap:6px}
  .nocturne-site.community-theme.mix-site .brand>svg{width:29px;height:33px;padding:7px}
  .nocturne-site.community-theme.mix-site .brand small{font-size:7px}
  .mix-header-row{gap:4px}
  .nocturne-site.community-theme.mix-site .header-nav{gap:3px}
  .nocturne-site.community-theme.mix-site .club-search-trigger{width:33px;padding:8px}
  .nocturne-site.community-theme.mix-site .primary-links{gap:0 20px}
  .mix-hero-copy{padding:26px 20px}
  .nocturne-site.community-theme.mix-site .mix-hero-copy h1{font-size:31px}
  .mix-hero-actions{align-items:flex-start}
  .mix-section-heading a{font-size:10px;max-width:91px}
  .mix-site .mix-place-intro{padding:24px 19px}
  .mix-site .mix-place-intro h1{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.mix-site *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.mix-site .topbar,.mix-site .mix-club-aside{display:none}.nocturne-site.community-theme.mix-site main.wrap{width:100%;margin:0;padding:0}.mix-club-layout{display:block}}