*{box-sizing:border-box} :root{--ink:#192f33;--muted:#4f6569;--line:#cbd7d5;--paper:#f5f7f2;--green:#185b49;--lime:#d7ee97}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid var(--line);padding:10px 16px;background:white;color:var(--ink);border-radius:5px;cursor:pointer}button:hover{border-color:var(--green);background:#edf4e8}button:disabled{opacity:.6;cursor:wait}button.active,button[aria-pressed=true]{background:var(--lime);border-color:var(--green)}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#104634;color:white}a{color:var(--green);text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:750;text-decoration:none;color:var(--ink);line-height:1}.brand span{display:block;font:10px/2.5 monospace;letter-spacing:2px;margin-left:29px}nav{display:flex;gap:8px}nav button{border:0;background:transparent}.offline{font-size:13px;color:var(--green)}main{max-width:1400px;margin:auto;padding:48px 5% 80px}.intro{display:flex;justify-content:space-between;gap:48px;align-items:center}.eyebrow{font:12px/1.6 monospace;letter-spacing:1.5px;color:var(--green)}h1{font-size:clamp(32px,4.3vw,60px);font-weight:650;line-height:1.08;letter-spacing:-2px;margin:20px 0}h2{font-size:23px;letter-spacing:-.5px}p{color:var(--muted)}.dot{color:var(--green)}.intro>aside{background:var(--lime);width:300px;padding:28px;flex-shrink:0;transform:rotate(2deg);border-radius:3px}.intro aside strong{font-size:72px;font-weight:450;line-height:1}.intro aside span{display:block;font-size:15px;margin-top:12px}.intro aside p{font-size:12px;color:#334928}.taskbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:28px 0;margin:24px 0;border-bottom:1px solid var(--line)}.taskbar>span{margin-right:12px;color:var(--muted)}.taskbar button{border-radius:25px;font-size:14px;background:transparent}.workspace{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}.filters h2{margin-top:0}.filters label{margin:0 0 20px}.note{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:13px}.note p{line-height:1.7}label{display:block;font-size:13px;font-weight:600;color:var(--muted)}input,select,textarea{display:block;border:1px solid #98adaa;border-radius:4px;background:#fff;color:var(--ink);padding:11px;width:100%;margin-top:7px;min-width:0}textarea{min-height:100px}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;margin:0}.searchrow{display:flex;align-items:end;gap:16px}.searchlabel{flex:1}.searchrow button{min-height:49px}.listhead{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:16px 0}.card{background:white;border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;background:transparent}.avatar{width:52px;height:52px;background:#dfebe5;border-radius:12px;display:grid;place-content:center;font-size:23px;font-weight:600}.card h2{margin:0;font-size:23px}.card p{margin:8px 0;font-size:15px}.card .meta{font:12px/1.6 monospace;color:var(--muted)}.card .actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.card .actions button{font-size:13px;padding:7px 12px}.badge{display:inline-block;padding:3px 8px;border-radius:3px;background:#e6eee6;font-size:11px;color:#254d38;margin:0 5px 5px 0}.price{font-size:12px!important}.card a{font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}form{max-width:900px;background:white;padding:28px;border:1px solid var(--line);margin:24px 0}.proposal{border:1px solid var(--line);padding:20px;margin:16px 0;background:white}.proposal button{margin:8px 8px 0 0}.filelabel{display:inline-block;margin:20px;max-width:350px}.event{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.event time{color:var(--muted);margin-right:16px;font-size:12px}footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:white;padding:14px 22px;border-radius:6px;z-index:20;box-shadow:0 4px 15px #0002}#status:empty{display:none}dialog{border:1px solid var(--line);border-radius:8px;max-width:1000px;width:90%;max-height:85vh;padding:28px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10252099}.dialoghead{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialoghead h2{margin:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line);min-width:160px;overflow-wrap:anywhere}th{background:#e5ede2}#compareContent{overflow:auto;margin-top:24px}.detailrow{padding:15px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.detailrow strong{display:block;font-size:12px;color:var(--muted)}.detailActions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.skip{position:fixed;top:-60px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #bd7918;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){header{flex-wrap:wrap;padding:20px}.offline{margin-left:auto}nav{order:3;width:100%;overflow:auto}nav button{white-space:nowrap;font-size:13px}main{padding:24px 20px 60px}.intro{gap:20px}.intro>aside{width:180px;padding:20px}.intro aside strong{font-size:52px}.workspace{grid-template-columns:1fr;gap:20px}.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.filters h2,.filters .note{display:none}.filters label{margin:0;min-width:130px;flex:1}.filters .check{min-height:48px}.filters #reset{font-size:13px}.card{gap:12px}.card h2{font-size:21px}}@media(max-width:520px){.intro{display:block}.intro>aside{transform:none;width:100%;margin:24px 0;padding:16px;display:flex;gap:16px;align-items:center}.intro aside p{display:none}.intro aside span{margin:0;max-width:160px}.intro aside strong{font-size:40px}.taskbar{margin:0 0 24px;padding:16px 0}.taskbar button{font-size:12px;padding:8px 12px}.card{grid-template-columns:40px minmax(0,1fr)}.avatar{height:40px;width:40px;font-size:18px}.card .actions{grid-column:2;flex-direction:row;flex-wrap:wrap}.searchrow{flex-wrap:wrap}.searchlabel{min-width:100%}.searchrow button{width:100%}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}form{padding:16px}.filelabel{margin:20px 0}footer{flex-direction:column}.dialoghead{align-items:start}dialog{padding:18px;width:95%}h1{letter-spacing:-1px}}

/* Catalog v2: search and selection take priority over the introduction. */
:root{--ink:#17243a;--muted:#59677b;--line:#e1e6ee;--paper:#f7f9fc;--green:#285bd4;--lime:#e8efff}body{background:var(--paper)}header{background:white;padding:18px 4%;position:relative;z-index:2}.brand{font-size:26px}.brand span{letter-spacing:1.4px;color:#6a7b92}nav button.active{background:#edf2ff;color:#204db5}.offline{color:#59677b}main{max-width:1440px;padding:40px 4% 100px}.intro{align-items:stretch;gap:50px;padding:12px 0 28px}.intro>div{flex:1}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#285bd4}h1{font-size:clamp(32px,3.2vw,48px);letter-spacing:-1.8px;line-height:1.12;margin:16px 0}h2{font-size:24px}.intro>div>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:16px 0 24px}.hero-search{position:relative;max-width:720px}.hero-search input{min-height:58px;border-color:#bccbe4;border-radius:10px;padding:16px 85px 16px 18px;font-size:16px;box-shadow:0 4px 16px #23457e08}.hero-search label{font-size:12px}.keyhint{position:absolute;right:16px;bottom:17px;color:#64748b;font-size:11px;border:1px solid #dce3ef;padding:2px 6px;border-radius:4px}.formatTabs{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.formatTabs button{font-size:13px;padding:8px 14px;border:0;background:transparent}.formatTabs .active{background:#e4ecff;color:#204db5}.intro>aside.hero-note{width:310px;transform:none;background:#e8efff;border:1px solid #d7e2fc;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:center}.hero-note>span{font-size:10px;letter-spacing:1.5px;color:#315fb8}.hero-note>strong{font-size:30px;font-weight:650;line-height:1.2;margin-top:22px;letter-spacing:-1px}.hero-note p{font-size:14px!important;color:#536787!important}.hero-note button{border:0;color:#285bd4;background:white;margin-top:16px;align-self:start;font-size:13px}.trustline{font-size:12px;color:#66758b;border-top:1px solid var(--line);padding:16px 0 24px}.collections{margin:8px 0 36px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.sectiontitle h2{margin:0}.sectiontitle>span{font-size:12px;color:#69778b}.collectiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collectiongrid>button{text-align:left;position:relative;padding:22px;border:1px solid #e1e7f0;border-radius:12px;background:white;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.collectiongrid>button:hover{border-color:#8ba8e4}.collectiongrid strong{font-size:17px;font-weight:650;padding-right:26px}.collectiongrid span:not(.collectionicon){font-size:13px;color:#65748a}.collectiongrid small{margin-top:14px;color:#285bd4;font-size:12px}.collectionicon{position:absolute;right:18px;top:18px;font-size:24px;color:#5579bc}.taskbar{display:none}.workspace{grid-template-columns:205px minmax(0,1fr);gap:30px}.filters{padding:22px 20px;background:white;border:1px solid var(--line);border-radius:12px;align-self:start}.filters h2{font-size:17px}.filters label{font-size:12px}.filters select{font-size:13px;padding:9px}.filters #reset{font-size:12px;padding:8px;width:100%}.note{font-size:12px;margin-top:24px}.listhead{margin:0 0 18px;gap:16px;min-height:52px}.toolbar{display:flex;gap:6px;align-items:end}.toolbar label{font-size:10px}.toolbar select{padding:6px 24px 6px 10px;font-size:12px;margin-top:2px}.toolbar button{height:35px;padding:4px 11px;font-size:21px}.activefilters{display:flex;gap:6px;flex-wrap:wrap}.activefilters:empty{display:none}.activefilters button{font-size:12px;padding:5px 10px;background:#e9effc;margin-bottom:12px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;gap:15px;margin-bottom:14px}.card h2{font-size:21px;letter-spacing:-.5px}.card p{font-size:14px}.card .meta{font-family:inherit;font-size:11px;color:#667895;margin-bottom:8px}.card .price{font-size:11px!important;color:#748198}.avatar{height:48px;width:48px;border-radius:13px;background:#e6efff;color:#285bd4}.avatar[data-category=Медиа]{background:#fff0e5;color:#9a592a}.avatar[data-category=Поиск]{background:#e7f3ed;color:#2a7055}.avatar[data-category=Демо]{background:#efeafd;color:#66529c}.badge{background:#f0f4f9;color:#5c6e86;font-size:10px;margin-top:6px}.username{font-size:11px!important;color:#748198!important;margin:7px 0!important}.card button{font-size:12px;padding:6px 10px}.card .actions button{font-size:11px;padding:7px 9px}.card .launch{font-size:12px;display:inline-block;margin:8px 0 0 12px;text-decoration:none;font-weight:600}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid .card{grid-template-columns:45px minmax(0,1fr);margin:0;padding:20px}.grid .actions{grid-column:1/-1;flex-direction:row;justify-content:end;border-top:1px solid #edf0f6;padding-top:12px;margin-top:4px}.grid .card .launch{margin-left:0;display:block}.grid .card p{min-height:44px}.grid .card .price,.grid .card .username{min-height:0}.grid .card h2{overflow-wrap:anywhere}.sectiontitle button{font-size:12px;padding:7px 12px}#compareTray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#172941;color:white;border:1px solid #2c405a;box-shadow:0 12px 40px #0b203b30;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:32px;width:min(840px,92%);padding:16px 22px;z-index:10}#compareTray strong{font-size:12px;font-weight:500;color:#b7c8df}#compareItems{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}#compareItems button{border:0;background:#2b405d;color:white;padding:5px 9px;font-size:12px}#compareTray .primary{white-space:nowrap;background:#4778ec;border:0;font-size:13px}#status{bottom:120px}.savedrow{display:flex;gap:4px;margin:8px 0}.savedrow button{font-size:11px;padding:5px 8px;overflow-wrap:anywhere}.savedrow button:first-child{flex:1;text-align:left}#savedSearches h3{font-size:13px;margin-top:24px}#collectionReason{font-size:12px;padding:12px;background:#edf2fb;border-radius:8px;color:#526985}footer{background:white}
@media(max-width:950px){.intro>aside.hero-note{width:250px;padding:22px}.hero-note>strong{font-size:26px}.workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.filters{padding:16px}.grid .card{padding:16px}.collectiongrid strong{font-size:15px}.collectiongrid>button{padding:18px}.collectionicon{display:none}}
@media(max-width:800px){.intro>aside.hero-note{display:none}.workspace{grid-template-columns:1fr}.filters{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.filters>label{flex:1;min-width:130px}.filters #reset{width:auto}.filters #savedSearches{width:100%}.hero-search{max-width:none}.collectiongrid{gap:10px}.collectiongrid>button{padding:16px}.collectiongrid span:not(.collectionicon){font-size:12px}.sectiontitle>span{display:none}}
@media(max-width:560px){header{padding:16px 20px}.brand{font-size:24px}.brand span{font-size:8px}.offline{font-size:11px}main{padding:24px 16px 140px}.intro{padding:0 0 18px}h1{font-size:34px;letter-spacing:-1.2px}.hero-search input{padding-right:16px;font-size:14px}.keyhint{display:none}.trustline{font-size:11px;line-height:1.7}.collectiongrid{grid-template-columns:1fr}.collectiongrid>button{padding:16px 20px;gap:3px}.collectiongrid small{margin-top:4px}.collectionicon{display:block;right:20px;top:22px}.collections{margin-bottom:24px}.sectiontitle h2{font-size:21px}.grid{grid-template-columns:1fr}.listhead{flex-wrap:wrap;gap:8px}.toolbar{margin-left:auto}.card{grid-template-columns:40px minmax(0,1fr);padding:18px}.card .actions{grid-column:1/-1}.card .launch{margin-left:0;display:block}.formatTabs button{font-size:12px;padding:7px 10px}#compareTray{bottom:10px;padding:12px;gap:12px;align-items:end}#compareItems button{font-size:11px}#compareTray .primary{padding:10px;font-size:12px}#status{bottom:150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.intro aside.hero-note strong{font-size:30px;line-height:1.2;font-weight:650}.intro aside.hero-note span{font-size:10px;margin:0}.intro aside.hero-note p{font-size:14px;color:#536787}@media(max-width:950px){.intro aside.hero-note strong{font-size:26px}}

#pagination{display:flex;justify-content:center;gap:8px;margin:28px 0}#pagination button[aria-current=page]{background:#285bd4;color:white}#pagination button{min-width:42px;min-height:42px}.detailrow a{overflow-wrap:anywhere}

@media(max-width:560px){#status{top:12px;bottom:auto;left:16px;right:16px;transform:none;max-width:none;font-size:14px;padding:12px 16px}}

@media(max-width:560px){header nav{gap:0;overflow:visible}header nav button{flex:1;min-width:0;padding:10px 6px;font-size:12px;white-space:normal}}
/* MiniPolka: a small illustrated shelf, with motion only as feedback. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.motion-toggle{font-size:11px;padding:7px 10px;white-space:nowrap;background:#f6f8fd;color:#65748a}
header{gap:16px}.brand{white-space:nowrap}.brand span{margin-left:28px}
.intro>aside.hero-note{width:345px;background:#eef2ff;padding:24px;overflow:hidden}
.shelf-art{position:relative;height:140px;margin:0 0 12px;border-bottom:9px solid #aebfe6;perspective:600px}
.shelf-art:after{content:'';position:absolute;bottom:-18px;left:12px;right:12px;height:9px;background:#d5dff3;border-radius:0 0 8px 8px}
.shelf-item{position:absolute;width:120px;bottom:0;transform-origin:bottom center;transition:transform 200ms var(--ease-out)}
.shelf-item svg{display:block;width:100%;filter:drop-shadow(0 6px 3px #304e7920)}
.shelf-item-0{left:0;transform:rotate(-12deg);bottom:5px}.shelf-item-1{left:83px;bottom:14px;transform:rotate(5deg)}.shelf-item-2{right:-6px;transform:rotate(16deg);bottom:0}
.intro aside.hero-note strong{margin-top:10px;font-size:26px}.hero-note p{margin:12px 0 0}
.collectiongrid>button{padding-right:125px;min-height:160px;overflow:hidden}.collectiongrid strong{padding-right:0}.collectionicon{width:110px;height:90px;right:8px;top:26px;display:block!important;transform:rotate(5deg);transition:transform 200ms var(--ease-out)}.collectionicon svg{width:100%;height:100%}
.avatar{width:74px;height:52px;background:transparent!important;border-radius:9px;overflow:hidden}.avatar svg{width:100%;height:100%;object-fit:cover}.card{grid-template-columns:74px minmax(0,1fr) auto}.grid .card{grid-template-columns:74px minmax(0,1fr)}
button,a{ -webkit-tap-highlight-color:transparent}button{transition:transform 150ms var(--ease-out),background-color 150ms var(--ease-out),border-color 150ms var(--ease-out)}button:active{transform:scale(.97)}
.actions button[aria-pressed=true]{background:#e6edff;color:#204eaf;border-color:#b3c4ee}
dialog[open]{animation:dialog-enter 200ms var(--ease-out)}dialog::backdrop{animation:backdrop-enter 200ms var(--ease-out)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.collectiongrid>button:hover .collectionicon{transform:rotate(-3deg) translateY(-3px)}.hero-note:hover .shelf-item-0{transform:rotate(-16deg) translateY(-4px)}.hero-note:hover .shelf-item-1{transform:rotate(0deg) translateY(-6px)}.hero-note:hover .shelf-item-2{transform:rotate(20deg) translateY(-3px)}.card:hover{border-color:#b5c7e9}.actions button:hover{transform:translateY(-1px)}}
@media(max-width:1100px){.motion-toggle{font-size:10px}.collectiongrid>button{padding-right:85px}.collectionicon{width:75px;right:3px}.intro>aside.hero-note{width:290px}.shelf-item{width:105px}.shelf-item-1{left:66px}}
@media(max-width:800px){.intro>aside.hero-note{display:none}.motion-toggle{margin-left:auto}.offline{display:none}.collectiongrid>button{padding:18px 78px 18px 16px}.collectionicon{width:73px;top:34px}.collectiongrid strong{font-size:14px}.grid .card{grid-template-columns:65px minmax(0,1fr)}}
@media(max-width:560px){.brand{font-size:23px}.brand span{font-size:7px}.collectiongrid>button{min-height:115px;padding-right:130px}.collectionicon{width:110px;top:12px;right:10px}.collectiongrid strong{font-size:17px}.card{grid-template-columns:65px minmax(0,1fr)}.avatar{width:65px;height:48px}.motion-toggle{font-size:10px;padding:6px 8px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#pagination{flex-wrap:wrap;gap:5px}#pagination .page-gap{display:grid;place-items:center;min-width:20px;color:var(--muted)}#pagination button{padding:8px 10px;min-width:40px}@media(max-width:380px){#pagination{gap:3px}#pagination button{padding:6px;min-width:34px}#pagination .page-gap{min-width:14px}}
/* MiniPolka: a warm working shelf, with clear provenance and quiet motion. */
:root{--ink:#292d28;--muted:#666d61;--paper:#f5f3ec;--line:#dedfd4;--green:#365b42;--lime:#e6eddd}body{color:var(--ink);background:var(--paper)}header,footer{background:#faf9f4}.brand{color:#2e5038}.brand span,.eyebrow{color:#53684b}nav button.active,.formatTabs .active{background:#e2ead9;color:#284b34}.intro>aside.hero-note{background:#e7ebda;border-color:#d6ddc7;border-radius:4px 24px 24px 24px}.hero-note>span,.hero-note button,.collectiongrid small{color:#365b42}.hero-note p{color:#59664e!important}.hero-search input{border-color:#a9b49d;background:#fffef9;box-shadow:none}.hero-search input:focus{border-color:#365b42}.collectiongrid>button{background:#fffef9;border-color:#d8dbce;border-radius:6px 18px 18px 18px}.collectiongrid>button:nth-child(2){background:#eef0e5}.collectiongrid>button:nth-child(3){background:#f4ebdd}.collectiongrid>button:hover{border-color:#6b805d}.collectiongrid span:not(.collectionicon),.trustline,.sectiontitle>span,.offline{color:#626c5c}.filters,.card{background:#fffefb;border-color:var(--line)}.filters{border-radius:10px}.card{border-radius:10px}.card .meta{color:#65705d}.badge{background:#eef0e7;color:#505e47}.card .price,.username{color:#63705a!important}.activefilters button,#collectionReason{background:#e6ecdd;color:#3d5537}.primary{background:#365b42!important;color:white}.card .launch,.detail-link{color:#305f40}.detail-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;margin-right:12px}.hero-note button{background:#fffef9}#compareTray{background:#293e2d;border-color:#4d6648}#compareItems button{background:#42573a}button,.card .actions button,.formatTabs button,.toolbar button{min-height:44px}.card .actions button{padding:9px 12px}.grid .actions{border-color:var(--line)}:focus-visible{outline:3px solid #a45d24;outline-offset:4px}#catalogHeading{scroll-margin-top:20px}dialog{border:1px solid #bac4ae;background:#fffef9}dialog::backdrop{background:#18271bb3}.card:hover{border-color:#a2af94}.collectiongrid>button:active{transform:translateY(1px)}
@media(max-width:560px){.toolbar{flex-wrap:wrap}.toolbar select{max-width:210px}.formatTabs button{flex:1 0 auto}.card .launch{min-height:44px;padding:10px 0}.filters label{min-width:120px}.collectiongrid>button{min-height:110px}.trustline{padding-bottom:16px}.intro>div>p:not(.eyebrow){margin-bottom:16px}.hero-search input{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Public descriptions can contain long usernames, addresses and identifiers. */
.card>div{min-width:0}.card :is(p,h2,.meta,.username,.badge,a){overflow-wrap:anywhere}.card .badge{max-width:100%}.grid{min-width:0}.grid .card{min-width:0}
@media(max-width:560px){.hero-search input{font-size:16px}}
/* Tactile surfaces: layered light, short feedback, no perpetual motion. */
:root{--surface-shadow:0 2px 3px #293e2d08,0 12px 28px -18px #293e2d45;--raised-shadow:0 3px 0 #cbd1bf,0 7px 12px -7px #293e2d55}
header{box-shadow:0 4px 22px #293e2d0a;position:relative;z-index:2}
.filters,.card{box-shadow:inset 0 1px 0 #fff,var(--surface-shadow)}
.card{border-radius:16px;transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out)}
.intro>aside.hero-note{background:linear-gradient(145deg,#f0f4e5,#dfe6cd);box-shadow:inset 0 2px 0 #ffffffc9,0 7px 0 #d1d9bf,0 25px 40px -24px #2c432f66}
.collectiongrid>button{box-shadow:inset 0 2px 0 #ffffffb3,0 4px 0 #d5dacb,0 14px 24px -17px #293e2d80;transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out)}
button{background-image:linear-gradient(#ffffff38,#ffffff00);box-shadow:inset 0 1px 0 #ffffffb3,var(--raised-shadow);border-color:#cbd1c2;border-radius:10px;transition:transform 150ms var(--ease-out),background-color 150ms var(--ease-out),border-color 150ms var(--ease-out)}
.primary{box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #223f2c,0 9px 16px -8px #24492f80}
nav button.active,.formatTabs .active,button[aria-pressed=true]{box-shadow:inset 0 2px 4px #354b3021,0 1px 0 #fff;background-color:#e0e8d5}
button:active,.collectiongrid>button:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 2px 4px #293e2d20,0 1px 0 #cbd1bf}
button:disabled{box-shadow:none;transform:none;opacity:.6}
.hero-search input{box-shadow:inset 0 2px 5px #293e2d0b,0 5px 0 #e4e6da,0 15px 30px -22px #293e2d70;border-radius:14px}
.hero-search input:focus{box-shadow:0 0 0 4px #dce6d3,0 8px 22px -15px #365b4280}
dialog{border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 30px 90px -20px #15251b80}.avatar svg{filter:drop-shadow(0 5px 4px #293e2d18)}
@media(hover:hover) and (pointer:fine){html:not([data-motion=off]) button:hover{transform:translateY(-2px)}html:not([data-motion=off]) .card:hover{transform:translateY(-3px)}html:not([data-motion=off]) .collectiongrid>button:hover{transform:translateY(-4px)}html:not([data-motion=off]) button:active{transform:translateY(2px) scale(.99)}}
html[data-motion=off] button,html[data-motion=off] .card{transform:none!important}
@media(prefers-reduced-motion:reduce){button,.card{transform:none!important}}
@media(max-width:560px){.card{box-shadow:inset 0 1px 0 #fff,0 6px 16px -11px #293e2d55}.collectiongrid>button{box-shadow:inset 0 1px 0 #fff,0 3px 0 #d5dacb,0 10px 18px -15px #293e2d70}}

.channel-intro{margin:30px 0;padding:28px;border:1px solid #d3dcc8;border-radius:20px;background:linear-gradient(135deg,#eef3e6,#fffdf6);box-shadow:var(--surface-shadow)}.channel-intro h2{font-size:clamp(24px,3vw,36px);margin:8px 0 12px}.channel-intro>p:not(.eyebrow){max-width:720px;color:var(--muted);line-height:1.6}.channel-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.channel-topics button{padding:10px 15px}.channel-intro[hidden],.collections[hidden],.taskbar[hidden]{display:none!important}@media(max-width:560px){.channel-intro{padding:18px}.channel-topics{gap:8px}}

/* Real profile images are cached locally; illustration remains underneath on failure. */
.avatar{position:relative}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fffefb;border-radius:9px}