:root{--ink:#342630;--muted:#74616a;--rose:#a34664;--dark:#773249;--wash:#f8edf0;--paper:#fffcfa;--line:#e7d8de;--sans:'DM Sans',Manrope,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0 0 16px}h1,h2,h3{line-height:1.2}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}h2{font-size:26px;letter-spacing:-.025em}h3{font-size:19px}a{color:var(--dark);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--rose);outline-offset:2px}img{max-width:100%;display:block}form{margin:0}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.narrow{max-width:800px}.page{padding-block:32px 64px;min-height:65vh}.page>h1{margin-top:20px}.back-link{font-size:14px}.icon{width:22px;height:22px;flex-shrink:0}.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}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:100}.primary,.secondary,.danger,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:11px 17px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4}.primary{color:white;background:var(--rose)}.primary:hover{background:var(--dark)}.secondary{color:var(--dark);background:var(--wash);border-color:var(--line)}.secondary:hover{background:#f0dce4}.danger{color:#a02037;background:#fff2f4;border-color:#edc6cf}.icon-button{width:44px;padding:10px;background:white;border-color:var(--line)}.text-button{color:var(--dark);background:none;border:0;text-decoration:underline;padding:10px 4px;min-height:44px}.site-header{background:white;border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;gap:24px;min-height:82px}.brand{width:128px;flex-shrink:0}.brand img{width:128px;height:64px;object-fit:contain}.nav{display:flex;align-items:center;gap:18px;flex:1}.nav a{color:var(--ink);font-size:14px;text-decoration:none}.nav a:hover{color:var(--rose)}.nav .text-button{font-size:14px;text-decoration:none}.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.languages{display:flex;gap:4px;font-size:12px}.languages a{min-width:28px;min-height:44px;display:grid;place-items:center;text-decoration:none}.languages [aria-current]{font-weight:800;color:var(--rose);text-decoration:underline}.menu-toggle{display:none;color:var(--ink);-webkit-appearance:none;appearance:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding-block:36px}.hero-copy{max-width:580px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.10em;font-weight:700;font-size:12px;color:var(--dark);margin-bottom:16px}.hero h1{font:800 clamp(34px,4.2vw,56px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin-bottom:20px}.hero h1 em{display:block;color:var(--rose);font-style:normal;font-weight:800}.hero p{color:var(--muted);font-size:17px;max-width:470px}.hero-art{width:100%;height:320px;object-fit:cover;border-radius:26px}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;min-height:44px}.board{padding-block:20px 64px;scroll-margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-head h1,.section-head h2{margin:0}.count{font-size:14px;color:var(--muted);white-space:nowrap}.search-row{display:flex;gap:12px;align-items:center}.search-box{position:relative;flex:1}.search-box>.icon{position:absolute;left:14px;top:14px;color:var(--muted)}.search-box input{padding-left:46px}.sort{width:225px}.catalog-filters{margin-bottom:16px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;border:1px solid #cdbbc4;border-radius:9px;padding:11px 12px;background:white;color:var(--ink);min-height:46px;font-size:16px}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--rose)}textarea{resize:vertical}summary{cursor:pointer;min-height:44px;padding-block:10px;color:var(--dark);font-size:14px;font-weight:600}.extra-filters{margin-top:6px}.filter-grid{display:grid;grid-template-columns:repeat(5,1fr) auto;align-items:end;gap:12px;background:var(--wash);padding:18px;border-radius:12px}.listings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;transition:box-shadow .15s}.card:hover{box-shadow:0 8px 28px #63324710}.product-art{position:relative;aspect-ratio:4/3;background:var(--wash)}.card-image-link{display:block;height:100%;text-decoration:none}.card-image-link>img{height:100%;width:100%;object-fit:cover}.photo-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8e5b6c;gap:10px;font-size:14px}.photo-placeholder>.icon{width:56px;height:56px;stroke-width:1}.badge{position:absolute;left:14px;top:14px;background:#fffdf9;padding:5px 11px;border-radius:7px;font-size:12px;font-weight:700}.heart{position:absolute;right:12px;top:12px;border-radius:50%}.heart.selected,[data-favorite].selected{background:var(--rose);color:white}.heart.selected .icon{fill:currentColor}.card-body{padding:18px}.card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;margin-bottom:10px}.card h3{margin-bottom:16px;overflow-wrap:anywhere}.card h3 a{color:var(--ink);text-decoration:none}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;white-space:nowrap;letter-spacing:-.03em;color:var(--ink)}.price.free{color:#37724b}.location{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px;overflow-wrap:anywhere}.location .icon{width:16px;height:16px}.listing-date{display:block;color:var(--muted);font-size:13px;margin-top:12px}.how{padding:52px 0;background:var(--wash);border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:32px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#edd3dc;border-radius:50%;color:var(--dark);font-weight:800;margin-bottom:16px}.steps p,.notice{font-size:15px;color:var(--muted)}.notice{margin:28px 0 0}.footer{background:white;border-top:1px solid var(--line);padding-block:30px}.foot-inner{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--muted)}.wordmark{font:800 26px Manrope,Arial,sans-serif;letter-spacing:-.03em;text-decoration:none;color:var(--dark)}.foot-inner span{margin-right:auto}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-block:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.full{grid-column:1/-1}.check,.consent-row{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}.check input,.consent-row input{margin-top:3px}.stack{display:grid;gap:20px;margin-block:24px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.actions form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.actions select{width:auto}.muted,small{color:var(--muted);font-weight:400;font-size:14px}small{line-height:1.5}.flash{padding:15px 18px;border:1px solid #b9d6bf;background:#f0f8f1;border-radius:10px;margin-block:20px}.flash.error{border-color:#e2b1be;background:#fff2f4}.error-text,.field-error{color:#a02037}.field-error{font-size:13px;font-weight:400}.field-error:empty{display:none}[aria-invalid=true]{border-color:#a02037!important}fieldset{border:1px solid var(--line);border-radius:12px;min-width:0;padding:18px}legend{padding:0 8px;font-weight:700}.upload-zone{border:1px dashed #c58fa2;padding:18px;background:var(--wash);border-radius:10px}.upload-zone input{border:0!important;background:transparent!important;padding:0!important;font-size:14px!important}.photo-picker,#saved-photos{display:flex;flex-wrap:wrap;gap:12px;margin-block:14px}.photo-tile{width:calc(33.33% - 8px);min-width:115px;background:var(--wash);padding:8px;border-radius:10px}.photo-tile img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:6px}.photo-tile small{display:block;margin-block:5px}.photo-tile .actions{gap:3px}.photo-tile button{font-size:11px;min-height:44px;padding:6px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--dark)}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:'gallery heading' 'gallery body';gap:12px 40px;margin-top:28px;align-items:start}.detail-heading{grid-area:heading;overflow-wrap:anywhere}.detail-heading h1{font-size:clamp(28px,3vw,38px)}.detail-heading .price{font-size:30px;margin-bottom:12px}.detail-heading .eyebrow{margin-bottom:12px}.detail-meta{margin-bottom:8px}.detail-body{grid-area:body;min-width:0}.description{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:20px;line-height:1.8}.gallery{grid-area:gallery;min-width:0}.gallery-main{border:0;padding:0;background:var(--wash);width:100%;border-radius:16px;overflow:hidden;cursor:zoom-in}.gallery-main img{width:100%;height:auto;max-height:600px;aspect-ratio:4/3;object-fit:contain}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:12px;padding:4px}.gallery-thumbs button{padding:3px;border:2px solid transparent;border-radius:9px;flex-shrink:0;background:white}.gallery-thumbs [aria-pressed=true]{border-color:var(--rose)}.gallery-thumbs img{width:70px;height:70px;object-fit:cover;border-radius:5px}.no-photo{height:280px;background:var(--wash);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#8e5b6c}.no-photo .icon{width:64px;height:64px;stroke-width:1}.contact-panel{background:var(--wash);border:1px solid var(--line);padding:24px;border-radius:16px;margin-top:24px}.contact-panel h2{font-size:21px}.contact-panel .muted{margin:16px 0 0}.contact-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;overflow-wrap:anywhere}.status-badge{display:inline-block;background:var(--wash);padding:8px 14px;border-radius:7px;font-weight:700;color:var(--dark)}.related{margin-top:56px}.report{margin-top:20px}.manage-row{display:flex;align-items:center;gap:20px}.manage-copy{flex:1;min-width:0;overflow-wrap:anywhere}.manage-copy h2{font-size:20px;margin-bottom:8px}.manage-copy p{margin-bottom:4px}.manage-thumb{display:flex;width:90px;height:90px;background:var(--wash);border-radius:10px;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.manage-thumb img{width:100%;height:100%;object-fit:cover}.manage-row>.actions{max-width:430px}.tabs{display:flex;gap:20px;overflow-x:auto;margin:20px 0}.tabs a{padding:10px 0;text-decoration:none;white-space:nowrap}.tabs .active{border-bottom:3px solid var(--rose)}.search-bar{display:flex;gap:12px;max-width:700px}.admin-item h2{font-size:21px}.empty-state{grid-column:1/-1;text-align:center;padding:50px 22px;border:1px dashed var(--line);border-radius:16px}.empty-state a{margin:6px}.pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:30px}.pagination a{min-height:44px;padding:8px}.prose{line-height:1.85}.prose h2{margin-top:32px}.divider{margin-block:20px;color:var(--muted)}.danger-zone{border-top:1px solid var(--line);margin-top:40px;padding-top:18px}dialog{border:0;border-radius:16px;padding:16px;max-width:min(95vw,1100px);max-height:95vh;background:var(--paper)}dialog::backdrop{background:#21131edb}dialog>img{max-height:70vh;max-width:85vw;margin:14px auto;object-fit:contain}dialog>.actions{justify-content:center}.copy-fallback{margin-top:10px}.full-button{margin-top:16px}
@media(max-width:1100px){.topbar{gap:16px}.nav{gap:12px}.nav a,.nav .text-button{font-size:13px}.header-actions{gap:6px}.brand,.brand img{width:108px}.hero{gap:28px}.filter-grid{grid-template-columns:repeat(3,1fr)}.manage-row{flex-wrap:wrap}.manage-row>.actions{max-width:none;width:100%}}
@media(max-width:850px){.topbar{position:relative;flex-wrap:wrap;min-height:76px;padding-block:4px}.brand img{height:54px}.header-actions{gap:8px}.menu-toggle{display:inline-flex}.nav a,.nav .text-button{font-size:16px;min-height:44px;display:flex;align-items:center}.hero h1{font-size:42px}.hero-art{height:270px}.listings{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:12px 24px}.detail-heading h1{font-size:28px}.contact-panel{padding:18px}.steps{gap:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.topbar{gap:8px;min-height:70px}.brand,.brand img{width:96px}.brand img{height:48px}.header-actions{gap:5px}.languages{gap:0}.languages a{min-width:25px}.add-link{font-size:12px;padding:10px}.add-link .icon{width:16px;height:16px}.menu-toggle{width:40px;padding:8px}.hero{display:block;padding-block:24px 16px}.hero .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:10px}.hero h1{font-size:34px;margin-bottom:12px}.hero p{font-size:15px;line-height:1.5;margin-bottom:8px}.hero-art{display:none}.text-link{font-size:14px}.board{padding-top:12px}.section-head{align-items:baseline;gap:12px;margin-bottom:16px}.section-head h2{font-size:22px}.count{font-size:13px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-box{grid-column:1/-1}.sort{width:auto}.search-row .primary{padding-inline:22px}.filter-grid{grid-template-columns:1fr 1fr;padding:12px}.extra-filters{margin-top:2px}.listings{grid-template-columns:1fr;gap:20px}.card-body{padding:18px}.product-art{aspect-ratio:4/3}.card-meta,.location,.listing-date{font-size:13px}.card h3{font-size:20px}.how{padding-block:32px}.steps{grid-template-columns:1fr;gap:20px;margin-top:22px}.steps article{display:grid;grid-template-columns:44px 1fr;column-gap:16px}.step-num{grid-row:span 2;margin:0}.steps h3{margin-bottom:8px}.steps p{grid-column:2;margin:0}.how h2{font-size:24px}.foot-inner{gap:14px 20px}.foot-inner span{font-size:13px;margin-right:0}.foot-inner a{min-height:36px;display:flex;align-items:center}.footer{padding-block:24px}.page{padding-block:24px 44px}.form-grid{grid-template-columns:1fr;gap:18px}.panel{padding:18px;margin-block:20px}.full{grid-column:auto}.photo-tile{width:calc(50% - 6px)}.detail-grid{grid-template-columns:1fr;grid-template-areas:'heading' 'gallery' 'body';gap:18px;margin-top:20px}.detail-heading h1{font-size:30px;margin-bottom:12px}.detail-heading .price{font-size:28px}.detail-heading .eyebrow{font-size:11px;letter-spacing:.06em}.detail-heading time{font-size:13px}.detail-meta{font-size:14px}.no-photo{height:140px;flex-direction:row;font-size:14px}.no-photo .icon{width:38px;height:38px}.description{margin-top:0}.contact-panel{padding:20px}.manage-row{gap:14px}.manage-thumb{width:70px;height:70px}.manage-copy h2{font-size:18px}.manage-row>.actions{gap:8px}.manage-row .secondary,.manage-row .danger{font-size:13px;padding:10px 12px}.section-head h1{font-size:28px}.section-head>.primary{font-size:12px;padding:10px}.section-head>.primary .icon{display:none}.related{margin-top:36px}.search-bar{flex-wrap:wrap}.tabs{gap:18px}.empty-state{padding:36px 18px}.empty-state h3{font-size:22px}.page.narrow>h1{font-size:30px}.prose h2{font-size:22px}.contact-item a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.search-box input[name=q]{padding-left:46px}@media(max-width:600px){.product-art:has(.photo-placeholder){aspect-ratio:auto;height:180px}}

@media(max-width:600px){.add-link span{display:none}.add-link::after{content:attr(data-short)}.add-link{min-width:76px}.photo-placeholder{font-size:14px}}
.nav .icon,.nav-account,.nav-mobile-only{display:none}.nav a[aria-current]{color:var(--rose)}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--wash);color:var(--dark);font-size:12px;font-weight:700;line-height:1}.nav-logout{margin:0}.nav-logout .text-button{display:inline-flex;align-items:center;padding-inline:0;color:var(--ink);font-size:14px;text-decoration:none}.nav-logout .text-button:hover{color:var(--rose)}.menu-toggle .icon-close,.menu-toggle[aria-expanded=true] .icon-menu{display:none}.menu-toggle[aria-expanded=true] .icon-close{display:block}
@media(max-width:850px){.site-header{position:sticky;top:0;z-index:50}.board{scroll-margin-top:88px}.topbar{position:static;flex-wrap:nowrap}.nav{position:absolute;top:100%;left:0;right:0;z-index:2;order:0;width:auto;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:6px 0 10px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 48px #34263024;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}.nav{visibility:hidden;opacity:0;transform:translateY(-6px)}.nav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease}.nav>a,.nav-logout .text-button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 24px;border-radius:0;color:var(--ink);font-size:16px;font-weight:600;text-align:left;text-decoration:none}.nav>a::after{content:"";width:7px;height:7px;margin-left:auto;border-top:2px solid #c9b3bc;border-right:2px solid #c9b3bc;transform:rotate(45deg)}.nav>a:active,.nav-logout .text-button:active{background:var(--wash)}.nav>a[aria-current]{color:var(--dark);background:var(--wash);box-shadow:inset 3px 0 var(--rose)}.nav .icon{display:block;width:22px;height:22px;color:var(--rose)}.nav-mobile-only{display:flex}.nav-count{margin-left:0}.nav-account{display:flex;align-items:center;gap:12px;margin-bottom:6px;padding:10px 24px 14px;border-bottom:1px solid var(--line)}.nav-account .icon{width:40px;height:40px;padding:9px;border-radius:50%;background:var(--wash);color:var(--dark)}.nav-account span{display:grid;min-width:0;line-height:1.35}.nav-account strong,.nav-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account strong{font-size:16px}.nav-account small{font-size:13px}.nav-logout{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.nav-logout .text-button,.nav-logout .icon{color:var(--muted);font-weight:500}.nav-backdrop{position:fixed;inset:0;z-index:40;background:#2a1d2459}body.menu-open{overflow:hidden}}
@media(max-width:600px){.nav>a,.nav-logout .text-button,.nav-account{padding-inline:16px}}

.auth-page{max-width:480px}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin-top:8px;font-size:15px}.auth-links a{color:var(--dark);font-weight:700}.google-button{width:100%;gap:10px}.google-button .icon{width:20px;height:20px}.divider{display:flex;align-items:center;gap:12px;font-size:14px}.divider::before,.divider::after{content:"";flex:1;border-top:1px solid var(--line)}.block{display:block}.password-field{position:relative;display:block}.password-field input:not([type=checkbox]){padding-right:52px}.password-toggle{position:absolute;top:50%;right:2px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:none;color:var(--muted);transform:translateY(-50%)}.password-toggle[aria-pressed=true]{color:var(--rose)}.password-toggle .icon{width:20px;height:20px}.profile-section{margin-top:32px;padding-top:8px;border-top:1px solid var(--line)}.profile-section h2{margin-block:16px 4px;font-size:20px}
.brand,.brand img{width:137px}.brand img{height:64px;object-fit:contain}.nav-languages{display:none}.extra-filters>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);list-style:none}.extra-filters>summary::-webkit-details-marker{display:none}.extra-filters>summary .icon{width:20px;height:20px;color:var(--rose)}.extra-filters[open]>summary{border-color:var(--rose);background:var(--wash)}.filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--rose);color:#fff;font-size:12px;font-weight:700}.extra-filters .filter-grid{margin-top:10px}
@media(max-width:1100px){.brand,.brand img{width:120px}.brand img{height:56px}}
@media(max-width:850px){.header-actions>.languages{display:none}.nav-languages{display:flex;gap:8px;margin-top:6px;padding:12px 24px 4px;border-top:1px solid var(--line)}.nav-languages a{flex:1;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:700;text-decoration:none}.nav-languages [aria-current]{border-color:var(--rose);background:var(--wash);color:var(--dark);text-decoration:none}}
@media(max-width:600px){.brand,.brand img{width:120px}.brand img{height:56px}.nav-languages{padding-inline:16px}.hero{padding-block:18px 6px}.hero h1{font-size:29px;margin-bottom:8px}.hero p{font-size:15px;margin-bottom:0}.hero-add{display:none}.board{padding-top:8px}.catalog-filters{display:grid;grid-template-columns:1fr auto;gap:8px}.catalog-filters .search-row{display:contents}.catalog-filters .search-box{grid-column:1;grid-row:1}.catalog-filters .search-row .primary{grid-column:2;grid-row:1}.catalog-filters .sort{grid-column:1/-1;grid-row:2;justify-self:end;align-self:start;z-index:1;width:auto;max-width:190px}.catalog-filters .sort select{min-height:44px;padding-block:8px;font-size:14px}.catalog-filters .extra-filters{grid-column:1/-1;grid-row:2}.product-art:has(.photo-placeholder){height:120px}.photo-placeholder>.icon{width:40px;height:40px}}
@media(max-width:359px){.brand,.brand img{width:103px}.brand img{height:48px}.catalog-filters .sort{max-width:150px}}

/* Prototype-inspired home: shared catalog controls retain their existing form. */
.home-prototype .topbar{min-height:88px}
.home-prototype .brand,.home-prototype .brand img{width:168px}
.home-prototype .brand img{height:80px}
.prototype-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:14px;background:#f0e9fc;color:#85445d;font-size:14px;font-weight:800;line-height:1.3;text-align:center;text-decoration:none}
.prototype-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff5f6}

.prototype-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding-block:28px}
.prototype-intro{position:relative;isolation:isolate;min-width:0}
.prototype-intro::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-160px;left:-80px;right:-80px;height:300px;background:radial-gradient(ellipse at 20% 20%,#f7eaf0 0%,#fff5f600 75%);border-radius:0 0 50% 50%}
.prototype-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#704959;margin-bottom:10px;text-wrap:balance;overflow-wrap:break-word}
.prototype-intro h1 em{font-style:normal;color:#ad637b}
.prototype-intro>p{font-size:15px;line-height:1.6;letter-spacing:.01em;color:#74616a;margin-bottom:20px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.hero-buttons a{font-size:14px;border-radius:13px}
.hero-buttons .primary{background:#a65c75}
.hero-buttons .icon{width:18px;height:18px;transform:rotate(45deg)}
.hero-search{display:flex;align-items:center;gap:6px;padding:5px;background:white;border:1px solid #ead8df;border-radius:17px;box-shadow:0 6px 20px #91596b08;margin-bottom:10px}
.hero-search label{flex:1;min-width:0}
.hero-search input[name=q]{min-width:0;min-height:40px;border:0;background:transparent;padding:8px 11px;font-size:14px;border-radius:10px}
.hero-search .primary{min-height:40px;padding:8px 14px;border-radius:13px;background:#a65c75;font-size:14px}
.hero-search .icon{width:16px;height:16px}
.prototype-hero-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid #f2e5e7}
.hero-trust{background:white;border-bottom:1px solid var(--line)}
.hero-trust>.wrap{display:flex;justify-content:space-between;gap:16px;padding-block:20px}
.hero-trust span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:#7b7188}
.hero-trust .icon{width:16px;height:16px;color:#8661d3}
.hero-catalog-filters{display:flex;flex-direction:column;gap:8px}
.hero-catalog-filters .search-row{display:flex;justify-content:flex-end}
.hero-catalog-filters .extra-filters{margin-top:-54px}
.hero-catalog-filters .extra-filters .filter-grid{margin-top:12px}
@media(max-width:1100px){.home-prototype .brand,.home-prototype .brand img{width:140px}.home-prototype .topbar{gap:14px}.prototype-login{font-size:13px;padding-inline:10px}}
@media(max-width:850px){.prototype-hero-grid{grid-template-columns:1fr;gap:14px;padding-block:24px 12px}.prototype-hero::before{left:-170px;top:-220px;width:650px;height:500px}.prototype-intro h1{font-size:32px}.prototype-hero-art{max-height:400px;object-position:center}.home-prototype .nav{max-height:calc(100dvh - 88px)}.home-prototype .board{scroll-margin-top:100px}}
@media(max-width:600px){.home-prototype .topbar{min-height:78px;gap:8px}.home-prototype .brand,.home-prototype .brand img{width:128px}.home-prototype .brand img{height:62px}.home-prototype .header-actions{gap:5px}.prototype-login{max-width:170px;font-size:12px;padding:10px}.home-prototype .menu-toggle{width:36px;min-width:36px;padding:7px}.prototype-hero-grid{padding-top:22px;gap:14px}.prototype-intro h1{font-size:28px;line-height:1.18;margin-bottom:8px}.prototype-intro>p{font-size:14px;line-height:1.5;margin-bottom:18px}.hero-buttons a{padding:10px 12px;font-size:13px}.hero-search input[name=q]{font-size:13px}.prototype-hero-art{height:250px;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:22px 22px 0 0}.hero-trust>.wrap{gap:8px;padding-block:16px}.hero-trust span{gap:5px;font-size:10px;line-height:1.4}.hero-trust .icon{width:14px;height:14px;flex-shrink:0}.home-prototype .board{padding-top:20px}.hero-catalog-filters .sort{max-width:190px}.hero-catalog-filters .extra-filters{margin-top:-54px}.hero-catalog-filters .search-row{display:flex}}
@media(max-width:359px){.home-prototype .brand,.home-prototype .brand img{width:115px}.prototype-login{max-width:120px;font-size:11px}.prototype-intro h1{font-size:26px}.hero-buttons{gap:8px}.hero-buttons a{font-size:12px;padding-inline:10px}.hero-catalog-filters .sort{max-width:150px}.hero-trust span{font-size:9px}}

.prototype-art-panel{position:relative;min-width:0}
.prototype-art-caption{position:absolute;left:6%;top:27%;width:32%;color:#937187;pointer-events:none}
.prototype-art-caption>span{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:8px;color:#b16c87}
.prototype-art-caption p{font-size:18px;line-height:1.3;margin:0}
.prototype-art-caption em{display:block;font:700 23px/1.2 Georgia,serif;color:#b3788e}
@media(max-width:850px){.prototype-hero-art{object-position:center top}}
@media(max-width:600px){.prototype-art-caption{left:4%;top:26%;width:36%}.prototype-art-caption>span{font-size:9px}.prototype-art-caption p{font-size:17px}.prototype-art-caption em{font-size:23px}}
@media(max-width:359px){.prototype-art-caption p{font-size:15px}.prototype-art-caption em{font-size:20px}}

.prototype-add{gap:8px;min-height:58px;padding:12px 20px;font-size:16px}.prototype-add .icon{width:20px;height:20px}.prototype-add:hover{background:#e8ddf8}.prototype-add span{max-width:140px}
@media(max-width:600px){.prototype-add{width:140px;min-height:62px;padding:10px 12px;font-size:15px}.prototype-add span{max-width:90px}}
@media(max-width:359px){.prototype-add{width:120px;max-width:120px;padding:10px 8px;font-size:13px;gap:5px}.prototype-add span{max-width:76px}}
@media(max-width:600px){.listings{gap:14px}.product-art{aspect-ratio:16/9}.card-body{padding:12px 14px 14px}.card-meta{margin-bottom:4px}.card h3{margin-bottom:8px;font-size:17px;line-height:1.25}.card-bottom .price{font-size:19px}.listing-date{margin-top:6px}}

.update-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.update-actions form{margin:0}

.previous-version + .previous-version{margin-top:20px;padding-top:20px;border-top:1px solid #ead9df}.previous-version time{font-variant-numeric:tabular-nums}

/* Hosting account quota, admin only. */
.server-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.server-resource{min-width:0}.server-resource h3{margin-top:0}
.resource-meter{display:block;width:100%;height:16px;accent-color:#35704a}
.resource-meter-warning{accent-color:#906000}.resource-meter-critical{accent-color:#b42338}
.resource-level{font-weight:700;color:#28613d}.resource-level-warning{color:#805300}.resource-level-critical{color:#a31e32}
.resource-values{margin:0}.resource-values>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #eadde3}
.resource-values dd{margin:0;font-weight:700;text-align:right}
@media(max-width:650px){.server-resources{grid-template-columns:1fr}}

/* Category picker: every category visible without sideways scrolling. Layouts a (tiles), b (pills), c (compact tiles) are compared through ?variant. */
.category-nav{margin:16px 0 2px;scroll-margin-top:16px}
.category-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;margin:0;padding:0;list-style:none}
.category-list>li{min-width:0}
.category-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:3px 0 2px;border-radius:16px;color:#5f4552;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.category-art{display:grid;place-items:center;width:54px;height:54px;border:1px solid #f0dbe4;border-radius:18px;background:linear-gradient(155deg,#fff 15%,#fcf0f4 55%,#f6e1ea);box-shadow:inset 0 1px 0 #fff,0 10px 18px -14px #a34664;transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .3s,border-color .3s}
.category-name{max-width:100%;font-size:12px;font-weight:650;line-height:1.2;overflow-wrap:break-word;hyphens:manual;text-wrap:balance}
.category-count{position:absolute;top:-4px;left:calc(50% + 16px);min-width:20px;height:20px;padding:0 6px;border:1px solid #edd3dd;border-radius:10px;background:#fff;color:var(--dark);font-size:11px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px -4px #a3466466}
.category-tile:hover .category-art{transform:translateY(-3px);border-color:#e6c3d1;box-shadow:inset 0 1px 0 #fff,0 16px 22px -14px #a34664}
.category-tile:active .category-art{transform:scale(.93);transition-duration:.08s}
.category-tile:focus-visible{outline:none}
.category-tile:focus-visible .category-art,.category-more-state:focus-visible+.category-list .category-more .category-art{outline:3px solid var(--rose);outline-offset:3px}
.category-tile.active{color:var(--dark)}
.category-tile.active .category-name{font-weight:800}
.category-tile.active .category-art{border-color:transparent;background:linear-gradient(150deg,#cd7895,#a34664 55%,#86344f);box-shadow:0 14px 22px -12px #a34664}
.category-tile.active .category-count{background:var(--dark);border-color:#fff;color:#fff}
.category-tile.is-empty:not(.active){color:#9a8790}
.category-tile.is-empty:not(.active) .category-art{background:#fbf5f7;box-shadow:none}
.category-tile.is-empty:not(.active) .category-icon{opacity:.55}
.category-icon{width:34px;height:34px;color:var(--rose);overflow:visible}
.category-icon .ci-a{fill:#f9d4e0}
.category-icon .ci-b{fill:#e7d4f6}
.category-icon .ci-dot{fill:currentColor;stroke:none}
.category-icon .ci-glint{stroke:#fff;stroke-width:2}
.category-icon .ci-glint-dot{fill:#fff;stroke:none}
.category-icon .ci-shadow{fill:currentColor;stroke:none;opacity:.15}
.category-icon .ci-band{stroke:#f9d4e0;stroke-width:3.6}
.category-icon .ci-wrap{stroke:#c7a1e6;stroke-width:3.6;stroke-linecap:butt}
.category-icon .ci-tape{stroke:#c7a1e6;stroke-width:2.2}
.category-icon .ci-ribbon-edge{stroke-width:4}
.category-icon .ci-ribbon{stroke:#dcc2f2;stroke-width:2.2}
.category-icon .ci-ribbon-edge.ci-cord{stroke-width:3.4}
.category-icon .ci-ribbon.ci-cord{stroke-width:1.6}
.category-icon .ci-thread{stroke:#c7a1e6;stroke-width:1.3}
.category-tile.active .category-icon{color:#fff}
.category-tile.active .ci-a{fill:#ffffff40}
.category-tile.active .ci-b{fill:#ffffff80}
.category-tile.active .ci-band{stroke:#ffffff40}
.category-tile.active :is(.ci-wrap,.ci-tape,.ci-thread){stroke:#f1dcff}
.category-tile.active .ci-ribbon{stroke:#d3b3f0}
.category-tile.active .ci-glint{stroke:#ffffffb3}
.category-more-item{display:none}
.category-more .category-art{color:var(--rose);font-size:16px;font-weight:800}
.category-more .category-art .icon{width:20px;height:20px}
.category-more .more-open,.category-more-state:checked+.category-list .category-more .more-closed{display:none}
.category-more-state:checked+.category-list .category-more .more-open{display:inline-flex}
.category-nav[data-variant=b] .category-list{display:flex;flex-wrap:wrap;gap:8px}
.category-nav[data-variant=b] .category-tile{flex-direction:row;gap:7px;min-height:40px;padding:8px 14px;border:1px solid #ead5de;border-radius:999px;background:#ffffffc0;transition:background .2s,border-color .2s,transform .2s}
.category-nav[data-variant=b] .category-tile:has(.category-count){padding-right:8px}
.category-nav[data-variant=b] .category-art{display:none}
.category-nav[data-variant=b] .category-name{font-size:13px;font-weight:600;white-space:nowrap}
.category-nav[data-variant=b] .category-count{position:static;min-width:22px;height:22px;line-height:20px;border-color:transparent;background:#f8e9ef;box-shadow:none}
.category-nav[data-variant=b] .category-tile:hover{border-color:#d9aebf;background:#fff}
.category-nav[data-variant=b] .category-tile:active{transform:scale(.96)}
.category-nav[data-variant=b] .category-tile:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.category-nav[data-variant=b] .category-tile.active{border-color:transparent;background:linear-gradient(150deg,#c46d8b,#a34664);color:#fff;box-shadow:0 10px 18px -12px #a34664}
.category-nav[data-variant=b] .category-tile.active .category-count{background:#fff;color:var(--dark)}
.category-nav[data-variant=b] .category-tile.is-empty:not(.active){background:#ffffff70}
@media(min-width:560px){.category-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}}
@media(max-width:559px){.category-nav[data-variant=c] .category-more-item{display:block}.category-nav[data-variant=c]:not(:has(.category-more-state:checked)) .category-list>li:nth-child(n+8):not(.category-more-item){display:none}}
@media(max-width:850px){.category-nav{scroll-margin-top:96px}}
@media(max-width:359px){.category-art{width:48px;height:48px;border-radius:16px}.category-icon{width:30px;height:30px}.category-name{font-size:11px}.category-count{left:calc(50% + 13px)}}
/* Dropdown layouts: d opens a tile panel, e a list that becomes a bottom sheet on phones. */
.category-dropdown{position:relative}
.category-trigger{display:flex;align-items:center;gap:12px;min-height:62px;padding:7px 16px 7px 7px;border:1px solid #ead8df;border-radius:18px;background:#fff;box-shadow:0 6px 20px #91596b0d;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s}
.category-trigger::-webkit-details-marker{display:none}
.category-trigger:hover{border-color:#d9aebf}
.category-trigger:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.category-trigger .category-art{flex-shrink:0;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,#cd7895,#a34664 55%,#86344f);border-color:transparent}
.category-trigger .category-icon{width:28px;height:28px;color:#fff}
.category-trigger .ci-a{fill:#ffffff40}
.category-trigger .ci-b{fill:#ffffff80}
.category-trigger .ci-band{stroke:#ffffff40}
.category-trigger :is(.ci-wrap,.ci-tape,.ci-thread){stroke:#f1dcff}
.category-trigger .ci-ribbon{stroke:#d3b3f0}
.category-trigger-text{display:grid;flex:1;min-width:0;line-height:1.25}
.category-trigger-text small{color:#a07f8c;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.category-trigger-text strong{overflow:hidden;color:var(--ink);font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.category-trigger-count{min-width:26px;height:24px;padding:0 8px;border-radius:12px;background:#f8e9ef;color:var(--dark);font-size:12px;font-weight:800;line-height:24px;text-align:center}
.category-trigger-chevron{width:20px;height:20px;color:var(--rose);transition:transform .25s}
.category-dropdown[open]>.category-trigger{border-color:var(--rose);box-shadow:0 0 0 4px #a346641a}
.category-dropdown[open] .category-trigger-chevron{transform:rotate(180deg)}
.category-dropdown[open]>.category-trigger::before{content:"";position:fixed;inset:0;z-index:1;cursor:default}
.category-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;padding:16px 12px 12px;border:1px solid #ecdbe2;border-radius:20px;background:#fffdfd;box-shadow:0 26px 50px -18px #5a2a3d66;animation:panel-in .22s cubic-bezier(.2,.8,.3,1)}
.category-panel-title{display:none}
.prototype-hero:has(.category-dropdown[open]){z-index:55;overflow-x:clip;overflow-y:visible;clip-path:inset(0 0 -100vh 0)}
.prototype-intro:has(.category-dropdown[open]){z-index:3}
.category-nav[data-variant=e] .category-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.category-nav[data-variant=e] .category-tile{flex-direction:row;gap:12px;min-height:48px;padding:4px 12px 4px 5px;border-radius:14px;text-align:left}
.category-nav[data-variant=e] .category-tile:hover{background:#fbf1f5}
.category-nav[data-variant=e] .category-tile:hover .category-art{transform:none}
.category-nav[data-variant=e] .category-tile:focus-visible{outline:3px solid var(--rose);outline-offset:-3px}
.category-nav[data-variant=e] .category-tile:focus-visible .category-art{outline:none}
.category-nav[data-variant=e] .category-art{flex-shrink:0;width:40px;height:40px;border-radius:12px;box-shadow:none}
.category-nav[data-variant=e] .category-icon{width:26px;height:26px}
.category-nav[data-variant=e] .category-name{flex:1;font-size:15px;font-weight:600;text-wrap:wrap}
.category-nav[data-variant=e] .category-count{position:static;min-width:24px;height:22px;line-height:22px;border:0;background:#f8e9ef;box-shadow:none}
.category-nav[data-variant=e] .category-tile.active{background:#f6e4eb}
.category-nav[data-variant=e] .category-tile.active .category-count{background:var(--rose)}
.category-nav[data-variant=e] .category-tile.active::after{content:"";flex-shrink:0;width:7px;height:12px;margin:0 4px 4px 0;border:solid var(--rose);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
@media(min-width:560px){.category-nav[data-variant=e] .category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}}
@media(max-width:559px){
.category-nav[data-variant=e] .category-dropdown[open]>.category-trigger::before{background:#2a1a2280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .25s}
.category-nav[data-variant=e] .category-panel{position:fixed;top:auto;bottom:0;max-height:min(84vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:26px 26px 0 0;box-shadow:0 -20px 40px -20px #2a1a2266;animation:sheet-up .34s cubic-bezier(.2,.9,.25,1)}
.category-nav[data-variant=e] .category-panel::before{content:"";display:block;width:42px;height:5px;margin:0 auto 12px;border-radius:3px;background:#e2cdd6}
.category-nav[data-variant=e] .category-panel-title{display:block;margin:0 8px 8px;color:var(--ink);font:800 19px/1.3 Manrope,Arial,sans-serif}
.prototype-hero:has([data-variant=e] .category-dropdown[open]){overflow:hidden;clip-path:none}
html:has([data-variant=e] .category-dropdown[open]){overflow:hidden}
}
@keyframes panel-in{from{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes sheet-up{from{transform:translateY(100%)}}
@keyframes fade-in{from{opacity:0}}
.catalog-title{display:flex;align-items:center;gap:10px;min-width:0}
.section-head:has(.catalog-title-icon){align-items:center}
.catalog-title-icon{flex-shrink:0;width:38px;height:38px;padding:5px;border:1px solid #f0dbe4;border-radius:13px;background:linear-gradient(155deg,#fff,#f8e6ed)}
.category-actions{display:flex;flex-wrap:wrap;gap:0 18px;margin:-10px 0 12px}
.category-actions a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--dark);font-size:13px;font-weight:700;text-decoration:none}
.category-actions a:hover{text-decoration:underline}
.category-actions .icon{width:16px;height:16px}
.category-actions a+a .icon{transform:rotate(-90deg)}
.service-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.service-chips a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 8px 7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#694b57;font-size:13px;font-weight:600;text-decoration:none}
.service-chips a:hover{border-color:#d9aebf}
.service-chips a[aria-current]{border-color:transparent;background:var(--rose);color:#fff}
.service-count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#f8e9ef;color:var(--dark);font-size:11px;font-weight:800;line-height:22px;text-align:center}
.service-chips a[aria-current] .service-count{background:#fff}
.variant-switcher{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#2f2129eb;box-shadow:0 12px 30px -10px #000a;color:#fff;font-size:12px;white-space:nowrap;transform:translateX(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.variant-switcher>span{padding:0 8px 0 10px;opacity:.7;font-weight:700}
.variant-switcher a{padding:8px 11px;border-radius:999px;color:#fff;font-weight:600;text-decoration:none}
.variant-switcher a[aria-current]{background:#fff;color:var(--dark)}
@media(max-width:620px){.variant-switcher>span,.variant-name{display:none}.variant-switcher a{min-width:40px;padding-inline:13px;text-align:center}}
@media(prefers-reduced-motion:no-preference){
.category-icon *{transform-box:fill-box;transform-origin:center}
.category-icon[data-motion=tap]{transform-origin:85% 75%}
.category-tile.active .category-art{animation:ci-pop .55s cubic-bezier(.3,1.6,.5,1) both}
.category-tile:is(:hover,:focus-visible) [data-motion=bounce] .ci-move{animation:ci-bounce .9s cubic-bezier(.3,.6,.4,1)}
.category-tile:is(:hover,:focus-visible) [data-motion=bounce] .ci-shadow{animation:ci-shadow .9s cubic-bezier(.3,.6,.4,1)}
.category-tile:is(:hover,:focus-visible) [data-motion=spin]{animation:ci-spin .9s cubic-bezier(.5,0,.25,1)}
.category-tile:is(:hover,:focus-visible) [data-motion=swing] .ci-club-l{animation:ci-swing-l .9s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=swing] .ci-club-r{animation:ci-swing-r .9s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=draw] :is(.ci-ribbon,.ci-ribbon-edge){stroke-dasharray:1;animation:ci-draw 1s cubic-bezier(.4,0,.2,1)}
.category-tile:is(:hover,:focus-visible) [data-motion=wiggle]{animation:ci-wiggle .7s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=tap]{animation:ci-tap .7s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=twinkle] .ci-spark{animation:ci-twinkle .8s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=stitch] .ci-needle{animation:ci-stitch .8s ease-in-out}
.category-tile:is(:hover,:focus-visible) [data-motion=wave] .ci-bead{animation:ci-wave .7s ease-in-out}
.category-icon :is(.ci-spark,.ci-bead):nth-child(2){animation-delay:.1s!important}
.category-icon :is(.ci-spark,.ci-bead):nth-child(3){animation-delay:.2s!important}
.category-icon .ci-spark:nth-child(4){animation-delay:.3s!important}
}
@keyframes ci-pop{0%{transform:scale(.82)}60%{transform:scale(1.07)}100%{transform:none}}
@keyframes ci-bounce{0%,100%{transform:none}30%{transform:translateY(-6px)}55%{transform:scale(1.08,.9)}72%{transform:translateY(-2.5px)}86%{transform:none}}
@keyframes ci-shadow{0%,100%{transform:none;opacity:.15}30%{transform:scale(.6);opacity:.08}55%{transform:scale(1.1);opacity:.22}}
@keyframes ci-spin{to{transform:rotate(360deg)}}
@keyframes ci-swing-l{0%,100%{transform:none}30%{transform:rotate(-14deg)}65%{transform:rotate(8deg)}}
@keyframes ci-swing-r{0%,100%{transform:none}30%{transform:rotate(14deg)}65%{transform:rotate(-8deg)}}
@keyframes ci-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ci-wiggle{0%,100%{transform:none}25%{transform:rotate(-9deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}
@keyframes ci-tap{0%,100%{transform:none}35%{transform:rotate(-14deg)}65%{transform:rotate(3deg)}}
@keyframes ci-twinkle{0%,100%{transform:none;opacity:1}40%{transform:scale(1.5) rotate(15deg);opacity:.55}70%{transform:scale(.85)}}
@keyframes ci-stitch{0%,100%{transform:none}30%{transform:translate(-1.2px,5px)}55%{transform:translate(.3px,-1px)}75%{transform:translate(-.6px,2.5px)}}
@keyframes ci-wave{0%,100%{transform:none}40%{transform:translateY(-5px)}70%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.category-panel,.category-dropdown[open]>.category-trigger::before{animation:none!important}}

.mailbox-page{max-width:880px}.mailbox-page .section-head h1{font-size:32px;margin:0 0 6px}.mailbox-page .section-head p{margin:0}.mailbox-heading-icon{width:38px;height:38px;color:var(--rose)}.mailbox-list{display:grid;gap:12px}.mailbox-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;background:white;padding:20px;text-decoration:none;color:var(--ink)}.mailbox-row:hover{border-color:#b87991;background:#fff9fb}.mailbox-row:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.mailbox-row.is-unread{background:#fff5f8;border-color:#d4a4b6}.mailbox-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#f3e3ea;color:var(--dark);font:600 20px Manrope,Arial,sans-serif}.mailbox-preview{min-width:0;flex:1}.mailbox-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.mailbox-row-head strong{overflow-wrap:anywhere}.mailbox-row time{font-size:12px;color:var(--muted);white-space:nowrap}.mailbox-listing-title{display:block;font-size:13px;color:var(--dark);overflow-wrap:anywhere}.mailbox-preview p{font-size:14px;color:var(--muted);margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-unread{display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;border-radius:50%;font-size:12px;font-weight:700;background:var(--rose);color:white;flex-shrink:0}.mailbox-empty>.icon{width:52px;height:52px;margin:0 auto 20px;color:#b87991}.mailbox-empty h2{font-size:23px}.mailbox-empty p{color:var(--muted)}.mailbox-page-title{margin:24px 0 20px}.mailbox-context{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#faf0f4;overflow-wrap:anywhere}.mailbox-context>.icon{color:var(--rose)}.mailbox-context div{min-width:0}.mailbox-context a,.mailbox-context strong,.mailbox-context small{display:block}.mailbox-context a{color:var(--dark);font-weight:600}.mailbox-thread-head{margin-top:24px}.mailbox-thread-head h1{overflow-wrap:anywhere;min-width:0}.mailbox-thread-head .secondary{flex-shrink:0}.mailbox-messages{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:24px 0}.mailbox-message{display:flex;justify-content:flex-start}.mailbox-message.is-own{justify-content:flex-end}.mailbox-bubble{max-width:82%;padding:14px 18px;background:white;border:1px solid var(--line);border-radius:18px 18px 18px 4px}.is-own .mailbox-bubble{background:var(--dark);color:white;border-color:var(--dark);border-radius:18px 18px 4px 18px}.mailbox-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.65}.mailbox-bubble time{display:block;text-align:right;font-size:11px;color:var(--muted)}.is-own .mailbox-bubble time{color:#f3dde5}.mailbox-reply{margin-bottom:0}.mailbox-page .stack{margin:0;gap:14px}.mailbox-page .stack p{margin:0}.menu-toggle[data-mailbox-unread=true]{position:relative}.menu-toggle[data-mailbox-unread=true]::after{content:"";position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:var(--rose);border:2px solid white}
@media(max-width:600px){.mailbox-row{gap:10px;padding:16px 12px}.mailbox-avatar{width:38px;height:38px;font-size:17px}.mailbox-row-head{display:block}.mailbox-row-head time{display:block;margin-top:2px}.mailbox-bubble{max-width:92%;padding:12px 14px}.mailbox-page>.panel{padding:18px}.mailbox-page .section-head h1{font-size:27px}.mailbox-context{padding:15px}.mailbox-thread-head{align-items:flex-start}.mailbox-page-title{font-size:28px}}

.contact-actions{align-items:stretch}.contact-actions>.primary,.contact-actions>.secondary{min-height:46px}

.mailbox-folders{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--wash)}.mailbox-folders>a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:46px;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;color:var(--muted)}.mailbox-folders>a[aria-current=page]{background:white;color:var(--dark);box-shadow:0 2px 8px #7732490d}.mailbox-folders>a:hover{color:var(--dark)}.mailbox-folders .mailbox-unread{min-width:22px;height:22px;font-size:11px}


/* Administrator statistics */
.statistics-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.statistics-filters label{flex:1;min-width:170px}.statistics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.statistics-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.statistics-card span{display:block;color:var(--muted);font-size:14px}.statistics-card strong{display:block;font:800 clamp(28px,4vw,40px)/1.3 Manrope,Arial,sans-serif;margin-top:10px;color:var(--dark);overflow-wrap:anywhere}.statistics-chart svg{display:block;width:100%;height:auto;max-height:350px}.statistics-chart text{fill:var(--muted);font:15px Arial,sans-serif}.chart-grid{stroke:var(--line);stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.visits{stroke:var(--rose)}.chart-line.views{stroke:#35758b;stroke-dasharray:6 4}.chart-point.visits{fill:var(--rose)}.chart-point.views{fill:#35758b}.statistics-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.statistics-legend span:before{content:'';display:inline-block;width:20px;height:4px;vertical-align:middle;margin-right:8px;background:var(--rose)}.statistics-legend .views:before{background:#35758b}.statistics-table-scroll{overflow:auto;max-height:560px}.statistics-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.statistics-table th,.statistics-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.statistics-table thead th{background:var(--wash);position:sticky;top:0;z-index:1}.statistics-table td{text-align:right;font-variant-numeric:tabular-nums}.statistics-table tbody th{font-weight:500;min-width:200px;max-width:380px;overflow-wrap:anywhere}.statistics-table th a{display:inline-block;min-height:24px}.statistics-listing-filter{display:flex;align-items:end;gap:12px;margin:20px 0}.statistics-listing-filter label{max-width:340px;flex:1}.statistics-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.statistics-breakdowns .panel{margin:0}.statistics-breakdowns h2{font-size:21px}.statistics-ranking{margin:0}.statistics-ranking>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.statistics-ranking dt{overflow-wrap:anywhere}.statistics-ranking dd{margin:0;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.statistics details.panel p{margin-top:16px}.statistics details.panel p:last-child{margin-bottom:0}
@media(max-width:700px){.statistics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statistics-card{padding:16px}.statistics-breakdowns{grid-template-columns:1fr}.statistics .panel{padding:18px}.statistics-filters label{min-width:130px}.statistics-filters button{width:100%}.statistics-table{min-width:620px}.statistics-chart svg{min-height:150px}}

@media(max-width:700px){.statistics-filters label:first-of-type{flex-basis:100%}.statistics-listing-filter{flex-wrap:wrap}.statistics-listing-filter label{flex-basis:100%;max-width:none}.statistics-listing-filter button{width:100%}.statistics-chart text{font-size:30px}}