/* SuuTG — warm paper, confident type, little pockets of colour. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#26252d;background:#f7f6f2;font-synthesis:none;--ink:#26252d;--muted:#777580;--purple:#7763cb;--line:#e6e3de;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #8c79da;outline-offset:4px}input:focus-visible{outline:none}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}main{padding:44px 0 88px;min-height:calc(100svh - 200px)}
.site-header{position:sticky;z-index:20;top:0;background:#f7f6f2f5;border-bottom:1px solid #e8e5df;transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 6px 20px #29233408}.header-inner{min-height:92px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand>img{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 1px 2px #211d2d12}.brand>span{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:23px;letter-spacing:-1px;font-weight:800;line-height:1.05}.brand-dot{color:var(--purple)}.brand small{font-size:11px;color:#7b7785;white-space:nowrap;letter-spacing:.03em}.nav{display:flex;gap:5px;margin:auto;padding:5px;border:1px solid #eae7e1;border-radius:100px;background:#efede8}.nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:100px;font-size:14px;font-weight:550;color:#77727d;transition:color .18s,background .18s,box-shadow .22s}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #2b243b09}.header-social{display:flex;align-items:center;gap:14px;font-size:13px;min-height:44px;font-weight:600}.header-social span{font-size:20px;color:var(--purple)}
.welcome-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow:clip}.welcome-top{display:flex;justify-content:space-between;align-items:center;min-height:110px}.welcome-top>a:last-child{font-size:11px;letter-spacing:.08em;display:flex;gap:16px;align-items:center;min-height:44px}.welcome-top>a:last-child span{font-size:21px}.welcome-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;flex:1;padding:40px 0 70px}.welcome-kicker,.hub-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;color:#70687e;font-weight:600}.welcome-kicker i,.hub-kicker i{width:7px;height:7px;border-radius:50%;background:#a28bda;display:block;box-shadow:0 0 0 4px #a28bda14}.welcome-copy h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.065em;line-height:1.35;font-weight:750;margin:26px 0 26px}.ink-accent{position:relative;white-space:nowrap;color:#7d68ba}.welcome-copy p{font-size:16px;line-height:1.95;color:#7e7886;margin:0 0 32px}.enter-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;border:0;background:#292731;color:#fff;padding:17px 22px;border-radius:16px;min-height:56px;font-size:15px;box-shadow:0 5px 12px #251d3510;transition:background .2s,box-shadow .25s}.enter-button span{font-size:24px;line-height:1;transition:transform .35s var(--ease)}.enter-button:hover{background:#504165;box-shadow:0 7px 20px #251d3518}.enter-button:hover span{transform:translate(2px,-2px)}.enter-button:active{background:#6c5783}.skip-welcome{display:flex;align-items:center;gap:9px;width:fit-content;min-height:44px;font-size:12px;color:#837d8b;margin-top:8px;cursor:pointer}.skip-welcome input{accent-color:var(--purple);width:16px;height:16px;margin:0}.welcome-art{position:relative;isolation:isolate;display:grid;place-items:center;height:450px;border-radius:50% 46% 44% 48%;background:#eae3f2;aspect-ratio:1.1;max-width:100%}.art-label{position:absolute;top:30px;font-size:9px;letter-spacing:.2em;color:#9988a7}.art-orbit{position:absolute;inset:60px 45px;border:1px solid #cabbd7;border-radius:50%;transform:rotate(-28deg);pointer-events:none}.orbit-b{inset:32px 85px;transform:rotate(32deg);border-color:#d8cbe2}.portrait-tile{position:relative;width:174px;padding:14px 14px 11px;background:#fff;border-radius:28px;box-shadow:0 20px 42px #75638a20;transform:rotate(-7deg);z-index:2}.portrait-tile img{width:146px;height:146px;object-fit:cover;border-radius:20px}.portrait-tile>span{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 0;font-size:12px;font-weight:600}.portrait-tile i{color:#a68cc8;font-style:normal}.floating-app{position:absolute;width:86px;height:86px;padding:10px;background:#fff;border:1px solid #ffffffb0;border-radius:23px;box-shadow:0 12px 25px #7e6b8f18;z-index:3}.floating-app img{width:100%;height:100%;object-fit:cover;border-radius:16px}.app-a{top:58px;left:28px;transform:rotate(-12deg)}.app-b{top:76px;right:18px;transform:rotate(13deg)}.app-c{bottom:45px;right:69px;transform:rotate(8deg)}.art-dot{position:absolute;pointer-events:none;border-radius:50%;background:#f6d2aa}.dot-a{width:40px;height:40px;bottom:80px;left:52px}.dot-b{width:17px;height:17px;right:120px;top:40px;background:#b5cdb5}.art-caption{position:absolute;bottom:24px;left:60px;font-size:8px;letter-spacing:.13em;color:#8a779d}.welcome-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#8c8592;min-height:78px;border-top:1px solid var(--line)}.welcome-foot>span:last-child{letter-spacing:.09em;display:flex;gap:15px;align-items:center}.welcome-foot i{font-size:18px;font-style:normal;color:#a38dc0}
.home-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:100px;align-items:center;margin-bottom:68px}.hub-home{padding-top:60px}.hub-intro h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.065em;font-weight:750;line-height:1.3;margin:22px 0}.hub-intro p{font-size:15px;line-height:1.85;color:#7b7483;margin-bottom:25px}.hub-intro h1:focus,.directory-intro h1:focus{outline:none}.search-box{display:flex;align-items:center;gap:12px;min-width:0;height:51px;padding:0 17px;border:1px solid #e2dedf;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .25s}.search-box svg{width:20px;height:20px;color:#9c8aab;flex:none}.search-box input{font-size:15px;min-width:0;width:100%;height:100%;color:var(--ink);border:0;background:none;appearance:none;-webkit-appearance:none}.search-box input::placeholder{color:#a29aa9}.search-box:focus-within{border-color:#a692cc;box-shadow:0 0 0 4px #b69ad615}.hub-search{max-width:530px;height:58px;border-radius:16px}.search-key{font-size:13px;display:grid;place-items:center;color:#a69cae;width:24px;height:26px;background:#f7f5f8;border:1px solid #eee8f2;border-radius:6px;flex:none}.personal-note{background:#e9e2f2;border-radius:27px;padding:27px;position:relative;transform:rotate(2deg)}.note-head{display:flex;align-items:center;gap:11px}.note-head img{width:43px;height:43px;object-fit:cover;border-radius:14px}.note-head>span:nth-child(2){font-size:8px;letter-spacing:.1em;color:#8e7da2;line-height:1.7}.note-head strong{font-size:17px;color:#51435f;letter-spacing:0}.note-spark{margin-left:auto;font-size:30px;color:#ab8ec7}.personal-note>p{font-size:20px;line-height:1.65;font-weight:650;letter-spacing:-.025em;color:#5d4c6b;margin:25px 0 22px}.personal-note>a{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#806990;min-height:44px;border-top:1px solid #d9cce4}.personal-note>a span{font-weight:600}.note-stats{display:flex;gap:25px;border-top:1px solid #d9cce4;margin-top:4px;padding-top:17px;font-size:10px;color:#8e7da2}.note-stats b{font-size:24px;color:#6c5580;font-weight:550;margin-right:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;color:#9b8ca8}.section-heading h2{font-size:27px;font-weight:700;letter-spacing:-.045em;margin:9px 0 0}.section-caption{font-size:12px;color:#928899;display:flex;align-items:center;gap:30px}.section-caption>span{font-size:26px;color:#96849f}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{--tile:#e8e4f5;display:flex;flex-direction:column;min-width:0;min-height:224px;background:var(--tile);border:1px solid #fff8;border-radius:22px;padding:22px;position:relative;isolation:isolate;transition:box-shadow .3s,border-color .2s}.tone-blue{--tile:#e7e5f6}.tone-violet{--tile:#eee5f2}.tone-mint{--tile:#e3eee5}.tone-amber{--tile:#f8eddb}.tone-rose{--tile:#f4e3e3}.tone-sky{--tile:#e1ecf0}.tone-slate{--tile:#e8e8e6}.category-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}.category-art{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff9;background:#ffffff80;border-radius:12px;color:#726483}.category-art svg{width:23px;height:23px}.category-count{font-size:10px;font-weight:550;color:#7c6b83;white-space:nowrap}.category-tile h2{font-size:20px;font-weight:650;letter-spacing:-.035em;line-height:1.4;margin:0 0 7px}.category-tile p{font-size:12px;line-height:1.7;color:#716776;margin-bottom:18px}.category-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;min-height:36px}.category-previews{display:flex;padding-left:0}.category-previews img{width:32px;height:32px;border-radius:10px;object-fit:cover;border:2px solid var(--tile);margin-left:-7px}.category-previews img:first-child{margin-left:0}.category-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #ffffff9c;background:#ffffff45;color:#796987;font-size:21px;transition:background .2s,transform .3s var(--ease)}.hub-home .category-tile:last-child{grid-column:span 2}.hub-bottom{display:flex;align-items:center;gap:23px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:33px;padding:22px 0 0;color:#918997;font-size:11px}.hub-bottom>span:first-child{color:#61556e;font-weight:550}.hub-bottom button{margin-left:auto;background:none;border:0;min-height:44px;font-size:11px;color:#81718f}.home-results{margin-top:40px}
.breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#9a8ca3;margin-bottom:25px}.breadcrumb a{display:inline-flex;align-items:center;min-height:28px}.breadcrumb a:hover{color:#6b4e94}.directory-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:37px 42px;border-radius:25px;background:#e8e3f1;margin-bottom:32px;min-height:204px}.directory-intro .hub-kicker{font-size:9px;color:#9882ac;letter-spacing:.13em}.directory-intro h1{font-size:38px;font-weight:700;line-height:1.35;letter-spacing:-.05em;margin:15px 0 13px;color:#473855;overflow-wrap:anywhere}.directory-intro p{font-size:14px;line-height:1.8;color:#887293;margin:0}.directory-ornament{width:110px;height:110px;flex:none;display:grid;place-items:center;background:#f9f6fd85;border:1px solid #fff9;border-radius:34px;transform:rotate(10deg);color:#b5a0cb}.directory-ornament svg{width:52px;height:52px;stroke-width:1.1}.directory-ornament>span{font-size:72px;line-height:1}.directory-main .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 31px}.back-categories{min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;font-size:13px;font-weight:550;padding:8px 12px;margin-left:-12px;border-radius:10px;color:#807088;transition:background .18s}.back-categories:hover,.back-categories:active{background:#eae4f0}.directory-controls .search-box{width:340px}.directory-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;align-items:start}.category-rail{padding-top:5px;position:sticky;top:122px}.category-rail>.eyebrow{padding-left:12px;font-size:11px;letter-spacing:.04em}.category-rail nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}.rail-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:11px;min-height:44px;color:#817187;font-size:13px;transition:background .18s,color .18s}.rail-link small{font-size:11px;color:#afa4b3}.rail-link:hover{background:#ede8f1;color:#71637e}.rail-link[aria-current]{background:#e9e1f1;color:#674e7e;font-weight:600}.rail-link[aria-current] small{color:#9776af}.list-content{min-width:0}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.list-heading{display:flex;align-items:center;gap:13px;font-size:12px;color:#9a8ca3;min-height:40px}.list-heading strong{font-size:16px;color:#5c4c68;font-weight:600}.view-switch{display:flex;border:1px solid #e5dfe8;background:#eee9f1;border-radius:10px;padding:3px;gap:2px;flex:none}.view-switch button{border:0;background:none;min-height:34px;min-width:56px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:7px;font-size:15px;color:#a28fae;transition:background .18s,color .18s}.view-switch button span{font-size:10px}.view-switch button[aria-pressed=true]{background:#fff;color:#796089;box-shadow:0 1px 3px #6e517d10}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-results .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-entry{display:flex;flex-direction:column;position:relative;isolation:isolate;min-width:0;padding:23px;border-radius:19px;background:#fff;border:1px solid #e8e2e9;cursor:pointer;transition:background .18s,border-color .2s,box-shadow .25s}.directory-entry:before{position:absolute;inset:0;content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mouse-x,50%) var(--mouse-y,0%),#f1e8fa,transparent 70%);opacity:0;z-index:-1;pointer-events:none;transition:opacity .25s}.item-main{display:flex;align-items:center;gap:13px;min-width:0}.item-avatar{flex:none;width:58px;height:58px;border-radius:17px;overflow:hidden;background:#f0e9f7;color:#a38bb7;position:relative;display:grid;place-items:center;border:1px solid #e8dfee;font-size:18px;font-weight:650}.item-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.item-identity{min-width:0;flex:1}.item-identity h3{font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere;color:#3b3046}.item-account{font-size:12px;color:#82718a;line-height:1.5;overflow-wrap:anywhere}.avatar-missing-note{display:block;font-size:9px;color:#b09aba;margin-top:3px}.entry-arrow{font-size:19px;line-height:1.2;align-self:flex-start;flex:none;color:#a997b4;transition:color .2s,transform .3s var(--ease);pointer-events:none;margin-left:auto}.item-bottom{flex:1}.item-bottom p{font-size:13px;line-height:1.8;color:#726478;margin:18px 0 21px;overflow-wrap:anywhere}.item-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #f0eaf3;padding-top:13px}.item-tags{display:flex;gap:6px;align-items:center;min-width:0}.item-type{font-size:9px;font-weight:600;color:#9d80ad;background:#f4eef8;padding:4px 7px;border-radius:5px;white-space:nowrap}.item-category{font-size:10px;color:#ad9bb6}.item-stars{font-size:11px;color:#baa06f;letter-spacing:.06em;white-space:nowrap}.is-list{grid-template-columns:minmax(0,1fr)}.is-list .item-card{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,1fr);column-gap:24px;padding:20px 23px}.is-list .item-main{grid-row:span 2}.is-list .item-bottom p{margin:0 0 11px}.is-list .item-meta{padding-top:9px}.is-list .entry-arrow{display:none}.empty{grid-column:1/-1;padding:50px 20px;border:1px dashed #d9cce4;border-radius:18px;text-align:center;font-size:14px;line-height:1.8;color:#9d88ad;background:#f1ebf5}.rating-note{font-size:11px;color:#a28eac;line-height:1.8;margin:24px 0 0;display:flex;gap:8px}.rating-note>span{color:#baa2c9}.page-intro{padding:22px 0 42px;margin-bottom:28px;border-bottom:1px solid var(--line)}.kicker{font-size:10px;letter-spacing:.12em;color:#a48eb2}.page-intro h1{font-size:43px;line-height:1.35;font-weight:700;letter-spacing:-.055em;margin:18px 0;color:#4b3b57}.page-intro p{font-size:14px;line-height:1.9;color:#7c6889;margin:0;max-width:690px}.tools-grid{grid-template-columns:minmax(0,560px)}.route-panel{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#e9e3f1;padding:26px 30px;border:1px solid #ded3e9;border-radius:19px;margin-top:30px}.route-panel strong,.route-panel span{display:block}.route-panel strong{font-size:15px;color:#755988}.route-panel span{font-size:12px;line-height:1.9;color:#806b8e;margin-top:8px}.route-panel a{font-size:12px;color:#9374a5;display:inline-flex;align-items:center;min-height:44px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-block{padding:31px;border-radius:21px;background:#fff;border:1px solid #e5dce9}.about-block:nth-child(2){background:#eee5f1}.about-block:nth-child(3){background:#e7eee7}.about-block:nth-child(4){background:#f6ecdf}.about-block>span{font-size:9px;letter-spacing:.13em;color:#aa90b8}.about-block h2{font-size:21px;margin:20px 0 14px;letter-spacing:-.04em;color:#65506f}.about-block p{font-size:13px;line-height:1.95;color:#75637c;margin:0}.contact-actions{display:flex;gap:18px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);padding:27px 0;color:#a090a8;font-size:11px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;line-height:1.8}.footer-brand{font-size:17px;font-weight:750;letter-spacing:-.06em;color:#77617f}.footer-brand span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:10px;color:#ab98b4}.footer-inner a:hover{color:#765a8a}.noscript{padding:20px;color:#886c97;font-size:14px;line-height:1.8}
/* All motion is inside the stationary link; no overlays intercept taps. */
@media(hover:hover) and (pointer:fine){.directory-entry:hover{border-color:#d1bfdc;box-shadow:0 8px 24px #6f51820b}.directory-entry:hover:before{opacity:.7}.directory-entry:hover .entry-arrow{color:#9973b2;transform:translate(2px,-2px)}.category-tile:hover{box-shadow:0 8px 25px #6e557514;border-color:#d6c5df}.category-tile:hover .category-arrow{background:#fff9;transform:rotate(7deg)}.directory-entry:hover .item-avatar img{transform:scale(1.04)}}
.directory-entry:active{background:#f8f3fc;border-color:#cdb4dc}.category-tile:active .category-arrow{background:#fff}.category-tile:active{border-color:#b6a1c2}.view-switch button:active{background:#e4d6ed}.art-label,.art-orbit,.art-caption,.art-dot{pointer-events:none}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.header-inner{gap:20px}.nav a{padding-inline:14px}.header-social{font-size:11px}.home-top{gap:48px}.welcome-layout{gap:30px}.welcome-art{height:360px;aspect-ratio:auto}.floating-app{width:70px;height:70px;padding:8px;border-radius:20px}.app-a{left:5px;top:54px}.app-b{right:4px;top:48px}.app-c{right:30px;bottom:28px}.portrait-tile{width:152px;padding:12px;border-radius:25px}.portrait-tile img{width:128px;height:128px;border-radius:17px}.category-tile{padding:19px;min-height:218px}.category-tile h2{font-size:18px}.category-tile p{font-size:11px}.category-count{font-size:9px}.category-art{width:34px;height:34px}.category-art svg{width:22px;height:22px}.directory-workspace{grid-template-columns:150px minmax(0,1fr);gap:22px}.item-grid{gap:13px}.directory-entry{padding:20px}.item-main{gap:10px}.item-avatar{width:50px;height:50px;border-radius:14px}.item-identity h3{font-size:16px}.is-list .item-card{grid-template-columns:minmax(175px,1fr) minmax(150px,1fr);column-gap:20px}.home-results .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.header-social{display:none}.header-inner{gap:20px}.nav{margin-left:auto;margin-right:0}.home-top{grid-template-columns:1.3fr .9fr;gap:30px}.personal-note{padding:22px}.personal-note>p{font-size:17px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-home .category-tile:last-child{grid-column:auto}.directory-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.category-rail{position:static;padding:0;min-width:0}.category-rail>.eyebrow{display:none}.category-rail nav{flex-direction:row;flex-wrap:wrap;gap:7px;margin:0}.rail-link{border:1px solid #e6dce9;background:#f5eff8;min-height:38px;padding:9px 12px;font-size:11px}.rail-link small{font-size:9px}.directory-intro h1{font-size:34px}.welcome-copy h1{font-size:43px}}
@media(max-width:600px){
 .container{width:calc(100% - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));margin-left:calc(18px + env(safe-area-inset-left,0px));margin-right:calc(18px + env(safe-area-inset-right,0px))}main{padding:25px 0 55px}.header-inner{display:flex;flex-wrap:wrap;gap:13px;min-height:0;padding:15px 0 12px}.brand>img{width:35px;height:35px;border-radius:11px}.brand strong{font-size:22px}.brand small{font-size:9px}.header-social{display:flex;margin-left:auto;font-size:11px;gap:8px}.nav{order:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;padding:4px;gap:1px;border-radius:14px}.nav a{font-size:13px;min-height:44px;padding:9px 3px;border-radius:10px}.welcome-top{min-height:87px}.welcome-top>a:last-child{font-size:9px;gap:10px}.welcome-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:14px 0 35px}.welcome-art{order:-1;height:245px;aspect-ratio:auto;width:min(100%,350px);margin:0 auto;border-radius:44% 48% 40% 50%}.art-label{font-size:7px;top:16px}.art-orbit{inset:27px 50px}.orbit-b{inset:20px 75px}.portrait-tile{width:116px;padding:9px;border-radius:21px}.portrait-tile img{width:98px;height:98px;border-radius:15px}.portrait-tile>span{font-size:10px;padding-top:8px}.floating-app{width:58px;height:58px;padding:6px;border-radius:17px}.floating-app img{border-radius:12px}.app-a{left:22px;top:33px}.app-b{right:18px;top:32px}.app-c{right:38px;bottom:26px}.dot-a{width:22px;height:22px;bottom:39px;left:40px}.dot-b{width:10px;height:10px;top:35px;right:87px}.art-caption{font-size:6px;bottom:15px;left:42px}.welcome-copy{text-align:center}.welcome-kicker{font-size:9px;letter-spacing:.03em}.welcome-copy h1{font-size:clamp(32px,8.4vw,43px);margin:16px 0 16px;line-height:1.32}.welcome-copy p{font-size:13px;line-height:1.85;margin:0 0 21px}.enter-button{min-height:52px;min-width:190px;padding:14px 20px;border-radius:14px}.skip-welcome{margin:7px auto 0;min-height:44px;font-size:11px}.skip-welcome input{width:17px;height:17px}.welcome-foot{min-height:64px;font-size:9px;gap:15px}.welcome-foot>span:last-child{font-size:7px;letter-spacing:0}.welcome-foot i{font-size:16px}.hub-home{padding-top:32px}.home-top{display:block;margin-bottom:40px}.hub-intro h1{font-size:43px;margin:19px 0 18px}.hub-intro p{font-size:13px;line-height:1.85;margin-bottom:22px}.hub-kicker{font-size:9px}.hub-search{height:54px;max-width:none;border-radius:14px}.search-box input{font-size:16px}.search-key{display:none}.personal-note{display:none}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:24px}.eyebrow{font-size:8px}.section-caption{font-size:10px;max-width:100px;gap:10px;line-height:1.7}.section-caption>span{display:none}.category-grid,.directory-main .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-tile{border-radius:18px;padding:17px 15px;min-height:205px}.category-top{margin-bottom:19px;gap:4px}.category-art{width:32px;height:32px;border-radius:10px}.category-art svg{width:20px;height:20px}.category-count{font-size:9px}.category-tile h2{font-size:17px;margin-bottom:6px}.category-tile p{font-size:11px;line-height:1.7;margin-bottom:16px}.category-previews img{width:28px;height:28px;border-radius:9px;margin-left:-9px}.category-arrow{width:27px;height:27px;font-size:18px}.category-foot{gap:5px;min-height:29px}.hub-home .category-tile:last-child{grid-column:span 2;min-height:180px}.hub-bottom{gap:12px;font-size:10px;margin-top:23px;padding-top:14px}.hub-bottom button{font-size:10px}.breadcrumb{font-size:10px;margin-bottom:18px;gap:9px}.breadcrumb a{min-height:36px}.directory-intro{padding:27px 23px;gap:16px;min-height:166px;border-radius:21px;margin-bottom:23px}.directory-intro .hub-kicker{font-size:7px;letter-spacing:.06em}.directory-intro h1{font-size:28px;margin:13px 0 11px}.directory-intro p{font-size:12px;line-height:1.75}.directory-ornament{width:65px;height:65px;border-radius:22px}.directory-ornament svg{width:33px;height:33px}.directory-ornament>span{font-size:45px}.directory-controls{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px}.directory-controls .search-box{width:100%;height:50px}.back-categories{align-self:flex-start;font-size:12px;min-height:44px}.category-rail nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:7px;scrollbar-width:thin;padding-bottom:7px;overscroll-behavior-x:contain}.rail-link{flex:none;font-size:11px;min-height:44px;padding:10px 12px}.result-toolbar{gap:10px;margin-bottom:14px}.list-heading{gap:9px;font-size:10px;min-height:44px}.list-heading strong{font-size:14px}.view-switch button{min-width:44px;min-height:44px;padding:8px}.view-switch button span{display:none}.item-grid,.home-results .item-grid,.tools-grid{grid-template-columns:minmax(0,1fr);gap:12px}.directory-entry{padding:21px;border-radius:19px}.item-main{gap:13px}.item-avatar{width:55px;height:55px;border-radius:16px}.item-identity h3{font-size:17px}.item-account{font-size:12px}.item-bottom p{font-size:14px;margin:16px 0 20px;line-height:1.8}.item-type{font-size:10px}.item-category{font-size:11px}.item-stars{font-size:12px}.item-meta{padding-top:13px}.is-list .item-card{display:flex;padding:17px 19px;gap:0}.is-list .item-avatar{width:43px;height:43px;border-radius:13px}.is-list .item-identity h3{font-size:16px}.is-list .item-account{font-size:11px}.is-list .item-bottom p{font-size:12px;margin:10px 0 12px}.is-list .item-meta{padding-top:9px}.is-list .item-main{grid-row:auto}.rating-note{font-size:10px;margin-top:21px;line-height:1.9}.page-intro{padding:9px 0 27px;margin-bottom:25px}.page-intro h1{font-size:31px;margin:16px 0}.page-intro p{font-size:13px}.about-grid{grid-template-columns:minmax(0,1fr);gap:13px}.about-block{padding:25px}.about-block h2{font-size:20px;margin-top:17px}.about-block p{font-size:13px}.route-panel{padding:23px;display:block}.route-panel strong{font-size:14px}.route-panel span{font-size:12px}.route-panel a{font-size:12px;margin-top:10px}.contact-actions{gap:15px}.site-footer{padding:23px 0 max(23px,env(safe-area-inset-bottom,0px))}.footer-inner{gap:12px;font-size:10px}.footer-brand{font-size:16px}.footer-brand span{font-size:9px}.home-results{margin-top:30px}
}
@media(max-width:360px){.container{width:calc(100% - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));margin-left:calc(14px + env(safe-area-inset-left,0px));margin-right:calc(14px + env(safe-area-inset-right,0px))}.category-tile{padding:15px 12px}.category-count{font-size:8px}.category-tile h2{font-size:16px}.category-tile p{font-size:10px}.category-previews img{width:25px;height:25px}.directory-intro{padding:25px 20px}.directory-intro h1{font-size:25px}.directory-ornament{width:49px;height:49px;border-radius:16px}.directory-entry{padding:18px}.header-social{font-size:10px}.hub-intro h1{font-size:38px}.welcome-art{height:220px}}
@media(max-height:650px) and (min-width:601px){.welcome-top{min-height:85px}.welcome-layout{padding:20px 0 35px}.welcome-art{height:300px;aspect-ratio:auto}.welcome-copy h1{font-size:44px}.welcome-copy p{font-size:14px;margin-bottom:20px}.welcome-foot{min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.directory-entry:hover .item-avatar img,.enter-button:hover span,.directory-entry:hover .entry-arrow,.category-tile:hover .category-arrow{transform:none}}

/* Decorative light follows a mouse only; surfaces do not move. */
.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--mouse-x,50%) var(--mouse-y,0%),#ffffffa0,transparent 72%);opacity:0;transition:opacity .3s}
@media(hover:hover) and (pointer:fine){.category-tile:hover:before{opacity:1}.portrait-tile{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotate(-7deg);transition:transform .6s var(--ease)}}

@media(max-width:600px){.brand{min-height:44px}.site-header{padding-top:env(safe-area-inset-top,0px)}.welcome-top{padding-top:env(safe-area-inset-top,0px)}}
/* Motion direction: masked text, shared selection, and short state transitions. */
.reveal-line{display:block;overflow:clip;padding-bottom:.07em;margin-bottom:-.07em}
.reveal-ink{display:block}
.ink-accent{isolation:isolate}
.ink-accent:after{content:"";position:absolute;left:0;right:-.03em;bottom:.07em;height:.13em;background:#d5c4e6;z-index:-1;transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform 550ms var(--ease) 120ms;border-radius:100px}
.is-revealed .ink-accent:after{transform:scaleX(1)}
.welcome-art{background:radial-gradient(ellipse at 20% 18%,#f5e4d6,transparent 58%),radial-gradient(ellipse at 87% 82%,#e0e9e6,transparent 55%),#e9e2f1}
.art-orbit{border-style:dashed;border-color:#bfaed0a0}
.enter-button .enter-label{font-size:15px;line-height:1.4;transform:none;transition:color .2s}
.enter-button:hover .enter-label{transform:none}
.enter-button .enter-arrow{font-size:24px;line-height:1}
.enter-button:active .enter-arrow{transform:translate(2px,-2px)}
.directory-intro{transition:background-color 240ms var(--ease),border-color 240ms var(--ease)}
.directory-intro[data-tone=blue]{background-color:#e7e5f6}
.directory-intro[data-tone=violet]{background-color:#eee5f2}
.directory-intro[data-tone=mint]{background-color:#e3eee5}
.directory-intro[data-tone=amber]{background-color:#f8eddb}
.directory-intro[data-tone=rose]{background-color:#f4e3e3}
.directory-intro[data-tone=sky]{background-color:#e1ecf0}
.directory-intro[data-tone=slate]{background-color:#e8e8e6}
.nav,.view-switch,#category-rail{position:relative;isolation:isolate}
.motion-marker{position:absolute;top:0;left:0;display:block;pointer-events:none!important;z-index:0;background:#fff;box-shadow:0 2px 6px #2b243b09;border-radius:100px}
.view-switch .motion-marker{border-radius:7px}
#category-rail .motion-marker{border-radius:11px;background:#e9e1f1;box-shadow:none}
.nav>a,.view-switch>button,#category-rail>a{position:relative;z-index:1}
.control-motion-ready.nav a[aria-current=page],.control-motion-ready.view-switch button[aria-pressed=true],.control-motion-ready#category-rail a[aria-current]{background:transparent;box-shadow:none}
.control-motion-ready .rail-link:hover{background:transparent}
.category-art{transition:background .2s,box-shadow .3s}
.category-tile:active .category-art{background:#fff;box-shadow:inset 0 0 0 2px #b6a1c233}
.header-social,.footer-inner a,.personal-note>a{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:left calc(100% - 9px);transition:background-size 280ms var(--ease)}
@media(hover:hover) and (pointer:fine){.header-social:hover,.footer-inner a:hover,.personal-note>a:hover{background-size:100% 1px}}
@view-transition{navigation:none}
::view-transition{pointer-events:none}
::view-transition-group(root){animation-duration:180ms}
::view-transition-old(root){animation:page-soft-out 150ms ease-out both;pointer-events:none}
::view-transition-new(root){animation:page-soft-in 190ms ease-out both;pointer-events:none}
@keyframes page-soft-out{to{opacity:0}}
@keyframes page-soft-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.nav .motion-marker{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.ink-accent:after{transform:scaleX(1);transition:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}.enter-button:active .enter-arrow{transform:none}}

/* Returning home is resolved in the head, before the body is painted. */
html[data-entry=directory] #welcome-screen{display:none!important}
html[data-entry=directory] #directory-home[hidden],html[data-entry=directory] .site-header[hidden],html[data-entry=directory] .site-footer[hidden]{display:block!important}
.welcome-once-note{display:block;color:#837d8b;font-size:11px;margin-top:15px;line-height:1.8}
.hub-bottom .about-link{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;font-size:11px;color:#81718f}

/* Suu's reading room — editorial hierarchy, original cover art, quiet motion. */
.home-tutorial-entry{margin-top:40px;display:grid;grid-template-columns:1fr .7fr auto;gap:35px;align-items:center;position:relative;overflow:hidden;border:1px solid #d5cfdf;background:#eee9f5;border-radius:25px;padding:35px 38px;transition:border-color .2s}
.home-tutorial-title h2{font-size:30px;line-height:1.45;letter-spacing:-.05em;margin:13px 0 12px}.home-tutorial-title p{font-size:13px;line-height:1.9;color:#78707e;margin:0}.home-tutorial-art{display:flex;flex-direction:column;gap:4px;color:#9383a8;font-size:38px;font-weight:700;letter-spacing:-.07em;transform:rotate(-7deg);justify-self:center;user-select:none}.home-tutorial-art span{border-bottom:1px solid #d4cadf;padding:0 12px 6px}.home-tutorial-art i{font-style:normal;font-weight:400;color:#b3a2c4}.home-tutorial-cta{display:flex;align-items:center;gap:18px;font-size:13px;min-height:44px}.home-tutorial-cta>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b5a8c9;border-radius:50%;font-size:23px;transition:transform .24s var(--ease),background .24s}
.tutorial-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:22px 0 65px}.tutorial-hero h1{font-size:clamp(40px,4.2vw,59px);line-height:1.25;letter-spacing:-.06em;margin:23px 0}.tutorial-hero-copy>p{font-size:15px;line-height:1.9;color:#77717d;margin-bottom:24px}.tutorial-jump{display:inline-flex;gap:38px;align-items:center;min-height:48px;border-bottom:1px solid #9e8ab4;font-size:13px;font-weight:600}.tutorial-jump>span{font-size:21px;transition:transform .22s var(--ease)}.tutorial-byline{display:flex;align-items:center;gap:10px;margin-top:27px;font-size:11px;color:#88808e}.tutorial-byline img{border-radius:10px}.tutorial-byline b{margin:0 5px;font-weight:400}.tutorial-byline a{color:#60506f}
.field-notebook{position:relative;border:1px solid #c6b6d7;border-radius:16px 36px 36px 16px;background:#e8dff1;padding:26px 30px 20px 40px;box-shadow:7px 7px 0 #f7f6f2,8px 8px 0 #d3c6df;transform:rotate(3deg);overflow:hidden}.field-notebook:before{content:"";position:absolute;left:16px;top:0;bottom:0;border-left:1px solid #c9b8d8}.notebook-top,.notebook-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#806b91;font-size:9px;letter-spacing:.1em}.notebook-spark{display:block;font-size:52px;line-height:1;margin:23px 0 14px;color:#7a5c99}.notebook-lines>div{display:flex;align-items:center;gap:15px;border-top:1px solid #cfc0dc;padding:16px 0}.notebook-lines small{align-self:flex-start;color:#9983aa;font-size:10px;margin-top:5px}.notebook-lines strong{font-size:35px;letter-spacing:-.06em;color:#5d426e}.notebook-lines div>span{margin-left:auto;font-size:8px;letter-spacing:.05em;color:#957da7}.notebook-bottom{border-top:1px solid #cfc0dc;padding-top:17px}.notebook-bottom>span:last-child{font-size:30px;line-height:1}
.reading-room{border-top:1px solid var(--line);padding-top:37px;scroll-margin-top:115px}.tutorial-controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between;margin:23px 0 27px}.tutorial-filters{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.tutorial-filters button{border:1px solid transparent;background:transparent;border-radius:100px;padding:11px 15px;min-height:44px;font-size:12px;color:#807685;transition:background .2s,color .2s,border-color .2s}.tutorial-filters button[aria-pressed=true]{background:#292530;color:#fff;border-color:#292530}.tutorial-filters small{font-size:10px;margin-left:6px;opacity:.6}.tutorial-search{height:46px;width:235px;flex-shrink:1;background:#faf9f6}.tutorial-search input{font-size:14px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.tutorial-card{display:flex;flex-direction:column;min-width:0;background:#fcfbf8;border:1px solid #dfdbd5;border-radius:20px;overflow:hidden;transition:border-color .22s,box-shadow .22s}.tutorial-cover{position:relative;aspect-ratio:2.5;overflow:hidden;background:#eae4f0;border-bottom:1px solid #e5dfd6}.tutorial-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.tutorial-cover-fallback{display:none;font-weight:700;font-size:20px;color:#8d7c9e}.cover-unavailable{display:grid;place-items:center}.cover-unavailable .tutorial-cover-fallback{display:block}.tutorial-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.tutorial-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tutorial-tag{font-size:10px;padding:5px 9px;border-radius:5px;background:#ece6f4;color:#7b5c91}.tone-blue .tutorial-tag{background:#e4edf6;color:#587691}.tone-mint .tutorial-tag{background:#e2eee6;color:#587961}.tone-rose .tutorial-tag{background:#f3e4e7;color:#996b77}.tone-amber .tutorial-tag{background:#f1ebdb;color:#8c7851}.tutorial-number{font-size:11px;color:#b6aeb9;font-variant-numeric:tabular-nums}.tutorial-card h3{font-size:21px;line-height:1.5;font-weight:650;letter-spacing:-.035em;margin:0 0 12px;overflow-wrap:anywhere}.tutorial-card-body>p{font-size:13px;line-height:1.85;color:#88808d;margin:0 0 22px}.tutorial-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #ebe7e1;font-size:10px;color:#a393ad}.tutorial-card-arrow{display:grid;place-items:center;border:1px solid #ded4e6;width:32px;height:32px;border-radius:50%;font-size:20px;color:#7d648d;transition:transform .25s var(--ease),background .25s}.tutorial-empty{text-align:center;padding:50px 15px;border:1px dashed #ccc0d4;border-radius:20px}.tutorial-empty>span{font-size:40px;color:#a48bb8}.tutorial-empty h3{font-size:22px;margin:12px}.tutorial-empty p{font-size:13px;color:#8c7d95}.tutorial-empty button{min-height:44px;border:0;border-bottom:1px solid #c1afce;background:transparent;font-size:13px}.tutorial-reading-note{display:flex;gap:15px;margin:27px 0 30px;color:#9b8ba4}.tutorial-reading-note>span{font-size:22px}.tutorial-reading-note p{font-size:11px;line-height:1.9;margin:0;max-width:720px}
@media(hover:hover) and (pointer:fine){.tutorial-card:hover{border-color:#bca6ce;box-shadow:0 7px 20px #6851780d}.tutorial-card:hover .tutorial-cover img{transform:scale(1.035)}.tutorial-card:hover .tutorial-card-arrow,.home-tutorial-entry:hover .home-tutorial-cta>span{background:#e7ddef;transform:rotate(8deg)}.tutorial-filters button:hover:not([aria-pressed=true]){background:#ece7f0}.tutorial-jump:hover>span{transform:translateY(3px)}.home-tutorial-entry:hover{border-color:#b5a1ca}}
.tutorial-card:active .tutorial-card-arrow{transform:scale(.92)}
@media(max-width:1050px){.tutorial-hero{gap:45px}.tutorial-grid{gap:16px}.tutorial-card-body{padding:19px}.tutorial-card h3{font-size:19px}.tutorial-controls{align-items:stretch}.tutorial-search{width:100%;max-width:340px}.notebook-lines strong{font-size:30px}.notebook-lines div>span{font-size:7px}.header-inner{flex-wrap:wrap;gap:14px;padding:16px 0}.header-social{display:flex;margin-left:auto}.nav{order:3;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0}.nav a{padding:9px 5px;min-height:44px}.category-rail{top:175px}.reading-room{scroll-margin-top:170px}}
@media(max-width:800px){.tutorial-hero{gap:32px}.field-notebook{padding:22px 20px 18px 33px}.notebook-lines strong{font-size:26px}.notebook-lines div>span{display:none}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tutorial-entry{grid-template-columns:1fr auto;gap:20px}.home-tutorial-art{display:none}.tutorial-byline{font-size:10px}}
@media(max-width:600px){.nav a{font-size:12px}.tutorial-main{padding-top:20px}.tutorial-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:7px 0 38px}.tutorial-hero h1{font-size:43px;margin:19px 0 18px}.tutorial-hero-copy>p{font-size:13px;margin-bottom:16px}.tutorial-jump{font-size:12px}.tutorial-byline{margin-top:22px}.field-notebook{margin:0 8px 3px 3px;transform:rotate(2deg);padding:20px 24px 17px 36px;border-radius:13px 26px 26px 13px}.notebook-top,.notebook-bottom{font-size:8px}.notebook-spark{position:absolute;right:24px;top:48px;font-size:43px}.notebook-lines{margin-top:24px}.notebook-lines>div{padding:11px 0;gap:16px}.notebook-lines strong{font-size:27px}.notebook-lines div>span{display:none}.notebook-bottom{padding-top:13px}.notebook-bottom>span:last-child{font-size:23px}.reading-room{padding-top:28px}.reading-room h2{font-size:23px}.tutorial-controls{gap:12px;margin:18px 0 20px}.tutorial-filters{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:5px;padding-bottom:5px;scrollbar-width:thin;overscroll-behavior-x:contain}.tutorial-filters button{flex:none;padding-inline:13px}.tutorial-search{height:50px;width:100%;max-width:none}.tutorial-search input{font-size:16px}.tutorial-grid{grid-template-columns:minmax(0,1fr);gap:17px}.tutorial-card{border-radius:19px}.tutorial-card-body{padding:22px}.tutorial-meta{margin-bottom:12px}.tutorial-card h3{font-size:22px}.tutorial-card-body>p{font-size:13px;margin-bottom:17px}.tutorial-card-foot{padding-top:13px}.home-tutorial-entry{margin-top:29px;padding:24px;grid-template-columns:minmax(0,1fr);gap:19px;border-radius:20px}.home-tutorial-title h2{font-size:26px;margin:12px 0}.home-tutorial-title p{font-size:12px}.home-tutorial-cta{justify-content:space-between;font-size:12px}.tutorial-reading-note{margin-top:23px}.tutorial-reading-note p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tutorial-card:hover .tutorial-cover img,.tutorial-card:hover .tutorial-card-arrow,.tutorial-card:active .tutorial-card-arrow,.home-tutorial-entry:hover .home-tutorial-cta>span,.tutorial-jump:hover>span{transform:none}}

.community-panel{margin:38px 0 10px;padding:29px 32px;border:1px solid #cbd9d1;background:#e8efe9;border-radius:23px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px}.community-identity{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.08em;color:#638071;line-height:1.9}.community-identity img{border-radius:18px;flex:none}.community-identity small{font-size:10px;letter-spacing:0;color:#819687}.community-copy h2{font-size:23px;letter-spacing:-.04em;margin:0 0 8px}.community-copy p{font-size:12px;color:#798b7f;line-height:1.8;margin:0}.community-join{display:flex;align-items:center;gap:18px;min-height:48px;font-size:13px;font-weight:600}.community-join small{display:block;font-size:9px;font-weight:400;color:#819687;margin-top:7px}.community-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid #abc2b2;border-radius:50%;font-size:22px;color:#688a77;transition:transform .22s var(--ease),background .22s}.community-join:active .community-arrow{transform:scale(.93)}
@media(hover:hover) and (pointer:fine){.community-join:hover .community-arrow{background:#d7e5db;transform:rotate(8deg)}}
@media(max-width:1050px){.community-panel{grid-template-columns:minmax(0,1fr) auto;gap:20px}.community-identity{grid-column:1/-1}.community-copy h2{font-size:22px}}
@media(max-width:600px){.community-panel{grid-template-columns:minmax(0,1fr);padding:25px 23px;margin-top:29px;gap:21px;border-radius:20px}.community-identity{grid-column:auto}.community-identity img{width:46px;height:46px;border-radius:14px}.community-copy h2{font-size:23px}.community-join{justify-content:space-between;border-top:1px solid #cbd9d1;padding-top:18px}.community-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.community-join:hover .community-arrow,.community-join:active .community-arrow{transform:none}}

/* Contact is an explicit action, separate from the community invitation. */
.contact-links{display:flex;align-items:center;gap:9px;flex:none}.header-contacts{margin-left:auto}.social-link{display:flex;align-items:center;gap:10px;min-height:51px;padding:10px 13px;border:1px solid transparent;border-radius:13px;transition:background .2s,border-color .2s,box-shadow .2s}.social-link svg{width:18px;height:18px;flex:none}.social-link>span{display:flex;flex-direction:column;gap:4px;min-width:0}.social-link b{font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap;letter-spacing:0}.social-link small{font-size:9px;line-height:1.15;font-weight:400;opacity:.75;letter-spacing:.02em}.social-link i{font-size:15px;font-style:normal;line-height:1;opacity:.7;transition:transform .22s var(--ease)}.social-tg{background:#e3edf6;color:#34668e;border-color:#c9dce9}.social-x{background:#302c37;color:#fff;border-color:#302c37;box-shadow:0 2px 4px #24202c0a}.social-link .contact-short{display:none}.welcome-contacts{margin-left:auto}.welcome-top{gap:20px}.about-contacts .social-link{min-height:57px;padding:13px 17px}.about-contacts .social-link b{font-size:12px}.about-contacts .social-link small{font-size:10px}.route-panel .about-contacts a{margin:0}.route-panel .about-contacts span{font-size:inherit}.route-panel:has(.about-contacts){gap:25px;align-items:center}.route-panel:has(.about-contacts)>div:first-child{max-width:470px}
@media(hover:hover) and (pointer:fine){.social-tg:hover{background:#d2e4f2;border-color:#a7c7de;box-shadow:0 3px 10px #37709b10}.social-x:hover{background:#50445e;border-color:#50445e;box-shadow:0 3px 10px #30243818}.social-link:hover i{transform:translate(2px,-2px)}}
.social-link:active{box-shadow:inset 0 0 0 1px currentColor}.social-link:active i{transform:translate(1px,-1px)}
@media(min-width:1051px){.header-inner{gap:20px}.nav a{padding-inline:14px}}
@media(max-width:800px){.contact-links{gap:7px}.social-link{gap:8px;padding:10px}.social-link svg{width:16px;height:16px}.social-link i{display:none}.route-panel:has(.about-contacts){flex-direction:column;align-items:flex-start}.about-contacts{margin-top:19px}}
@media(max-width:600px){.header-inner{gap:12px 8px;padding:12px 0 10px}.header-inner .brand,.welcome-top .brand{gap:8px}.header-inner .brand>img,.welcome-top .brand>img{width:32px;height:32px;border-radius:10px}.header-inner .brand strong,.welcome-top .brand strong{font-size:21px}.header-inner .brand small,.welcome-top .brand small{font-size:8px;letter-spacing:0}.contact-links{gap:6px}.header-contacts,.welcome-contacts{margin-left:auto}.header-contacts .social-link,.welcome-contacts .social-link{padding:9px 10px;min-height:48px;border-radius:11px;gap:0}.header-contacts .social-link svg,.welcome-contacts .social-link svg{display:none}.header-contacts .contact-full,.welcome-contacts .contact-full{display:none}.header-contacts .contact-short,.welcome-contacts .contact-short{display:block;font-size:11px}.header-contacts small,.welcome-contacts small{font-size:8px}.welcome-top{gap:8px;min-height:90px}.about-contacts{width:100%;margin-top:19px;gap:9px}.about-contacts .social-link{flex:1;justify-content:center;min-height:58px;padding:12px 9px}.about-contacts .social-link b{font-size:11px}.about-contacts .social-link small{font-size:9px}}
@media(max-width:360px){.header-contacts .social-link,.welcome-contacts .social-link{padding-inline:8px}.header-inner .brand strong,.welcome-top .brand strong{font-size:20px}.header-inner .brand small,.welcome-top .brand small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.social-link:hover i,.social-link:active i{transform:none}}

/* The opening artwork stays alive; only its decorative layers move. */
.art-depth{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .85s var(--ease)}
.welcome-art .orbit-a{animation:suu-orbit-a 100s linear infinite}.welcome-art .orbit-b{animation:suu-orbit-b 125s linear infinite}.welcome-art .portrait-tile{animation:suu-portrait-drift 12s ease-in-out infinite;will-change:transform}.welcome-art .app-a{animation:suu-app-a 10s ease-in-out infinite}.welcome-art .app-b{animation:suu-app-b 13s ease-in-out -4s infinite}.welcome-art .app-c{animation:suu-app-c 11s ease-in-out -2s infinite}.motion-paused .art-depth *{animation-play-state:paused!important}
@keyframes suu-orbit-a{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}
@keyframes suu-orbit-b{from{transform:rotate(32deg)}to{transform:rotate(-328deg)}}
@keyframes suu-portrait-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(-3deg)}}
@keyframes suu-app-a{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-9px) rotate(-8deg)}}
@keyframes suu-app-b{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(7px) rotate(8deg)}}
@keyframes suu-app-c{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-7px) rotate(13deg)}}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ded9e3;border-radius:10px;background:#efede9;flex:none}.language-switch button{border:0;border-radius:7px;background:transparent;color:#8b8092;min-width:38px;min-height:38px;font-size:10px;padding:7px;font-weight:600;transition:background .2s,color .2s}.language-switch button[aria-pressed=true]{background:#fff;color:#403448;box-shadow:0 1px 4px #36263f0c}.header-contacts,.welcome-contacts{margin-left:0}
html[lang=en] .welcome-copy h1,html[lang=en] .hub-intro h1,html[lang=en] .tutorial-hero h1{letter-spacing:-.05em;font-size:clamp(35px,4.2vw,59px)}html[lang=en] .ink-accent{white-space:normal}html[lang=en] .category-tile h2{font-size:18px}html[lang=en] .brand small{font-size:10px}html[lang=en] .nav a{padding-inline:10px}html[lang=en] .social-link b{font-size:10px}html[lang=en] .welcome-layout{gap:38px}
@media(max-width:1050px){.header-actions{gap:10px}.language-switch button{min-height:44px;min-width:37px}.category-rail{top:180px}}
@media(max-width:600px){.header-inner>.brand{order:0}.header-inner>.header-actions{order:1}.header-actions{gap:7px}.header-actions .contact-links{gap:5px}.language-switch{border-radius:9px;gap:0;padding:2px}.language-switch button{min-width:29px;min-height:44px;padding:5px;font-size:9px}.header-actions .social-link{padding-inline:7px;min-height:48px}.header-actions .social-link small{font-size:7px}.header-actions .social-link .contact-short{font-size:10px}.header-inner .brand small,.welcome-top .brand small{display:none}.header-inner .brand>img,.welcome-top .brand>img{width:28px;height:28px;border-radius:9px}.header-inner .brand,.welcome-top .brand{gap:6px}.header-inner .brand strong,.welcome-top .brand strong{font-size:19px}.welcome-top{flex-wrap:wrap;justify-content:space-between;padding-block:12px;gap:8px}.header-inner .nav{grid-template-columns:repeat(6,minmax(0,1fr))}html[lang=en] .nav a{font-size:10px;padding-inline:2px}html[lang=en] .welcome-copy h1,html[lang=en] .hub-intro h1,html[lang=en] .tutorial-hero h1{font-size:clamp(31px,8vw,41px)}html[lang=en] .category-tile h2{font-size:16px;line-height:1.3}html[lang=en] .category-count{font-size:8px}html[lang=en] .category-tile p{line-height:1.6}html[lang=en] .welcome-layout{gap:20px}}
@media(max-width:360px){.header-inner{gap:8px 5px}.header-actions{gap:5px}.header-actions .social-link{padding-inline:5px}.header-inner .brand strong,.welcome-top .brand strong{font-size:17px}.header-inner .brand>img,.welcome-top .brand>img{width:25px;height:25px}.language-switch button{min-width:27px}.header-actions .social-link .contact-short{font-size:9px}}
@media(prefers-reduced-motion:reduce){.welcome-art .art-depth *{animation:none!important}.art-depth{transform:none!important;transition:none}}
html[lang=en] h1 .ink-accent{margin-left:.16em}
@media(max-width:1200px) and (min-width:1051px){.header-inner{flex-wrap:wrap;gap:14px;padding:16px 0}.header-inner .nav{order:3;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0}.header-inner .nav a{min-height:44px}.category-rail{top:180px}.reading-room{scroll-margin-top:180px}}
.enter-button .enter-label{font-size:15px;line-height:1.4}.enter-button .enter-arrow{font-size:24px}
@media(max-width:600px){.enter-button{max-width:100%;gap:24px}.enter-button .enter-label{font-size:14px}}

/* A deliberate opening scene: portrait, orbiting objects, and a clear next action. */
.welcome-layout{position:relative}.welcome-art{border:1px solid #d4c8de;box-shadow:inset 0 0 0 12px #ffffff24,0 24px 75px -38px #63457845;overflow:visible}.art-depth{transition:transform 650ms var(--ease)}.art-aura{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9,transparent 67%);pointer-events:none;transition:transform 850ms var(--ease)}.welcome-art .portrait-tile{box-shadow:0 26px 50px -13px #63477847;border:1px solid #d4c7e0}.portrait-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #fff;pointer-events:none}.welcome-art .orbit-a{border-style:solid;border-color:#ba9fcb80;animation-duration:72s}.welcome-art .orbit-b{border-style:dashed;border-color:#ac99b77a;animation-duration:96s}.orbit-satellite{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#b095c8;pointer-events:none;box-shadow:0 0 0 5px #b095c814}.satellite-one{animation:satellite-one 34s linear infinite}.satellite-two{width:5px;height:5px;background:#9cb2a4;animation:satellite-two 46s linear infinite}.welcome-copy .enter-button{min-height:58px;border-radius:100px;padding:11px 13px 11px 25px;gap:35px;box-shadow:0 8px 20px #29202f17}.welcome-copy .enter-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;font-size:22px}.welcome-copy .enter-label{font-size:15px}.welcome-copy .welcome-once-note{max-width:300px;font-size:10px;line-height:1.8;margin-top:15px;color:#988e9f}.hub-intro{position:relative}.replay-intro{display:inline-flex;align-items:center;gap:6px;border:1px solid #d6c9e1;border-radius:100px;background:#ede6f3;color:#745888;padding:8px 13px;min-height:44px;font-size:11px;font-weight:550;margin:0 0 18px;transition:background .2s,border-color .2s}.replay-intro>span:first-child{font-size:20px;transition:transform .4s var(--ease)}.hub-intro>.hub-kicker{display:flex;width:fit-content}.replay-intro:hover{background:#e6dbef;border-color:#bda5ce}.replay-intro:hover>span:first-child{transform:rotate(-45deg)}
.category-tile,.directory-entry,.tutorial-card{position:relative;isolation:isolate;overflow:hidden}.pointer-glow{position:absolute;inset:0 auto auto 0;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#fff9,transparent 67%);pointer-events:none;z-index:-1;opacity:.75}.tutorial-card .pointer-glow{background:radial-gradient(circle,#c5a6e525,transparent 67%);z-index:0}.directory-entry .pointer-glow{background:radial-gradient(circle,#dbc7eb42,transparent 67%);z-index:0}.category-tile:before{display:none}.pointer-lit .category-arrow{background:#fff9}.pointer-lit .entry-arrow,.pointer-lit .tutorial-card-arrow{color:#765293}
@keyframes satellite-one{from{transform:rotate(-20deg) translateX(170px) rotate(20deg)}to{transform:rotate(340deg) translateX(170px) rotate(-340deg)}}
@keyframes satellite-two{from{transform:rotate(120deg) translateX(138px) rotate(-120deg)}to{transform:rotate(-240deg) translateX(138px) rotate(240deg)}}
@media(max-width:1050px){.satellite-one,.satellite-two{display:none}.welcome-layout{gap:38px}.replay-intro{margin-bottom:15px}}
@media(max-width:600px){.welcome-layout{gap:25px;padding-bottom:28px}.welcome-art{height:250px;margin-top:6px;box-shadow:inset 0 0 0 7px #ffffff24,0 18px 42px -25px #63457845}.welcome-copy .welcome-once-note{margin-inline:auto;max-width:280px}.welcome-copy .enter-button{min-height:54px;padding:9px 10px 9px 23px}.welcome-copy .enter-label{font-size:14px}.replay-intro{font-size:10px;padding:7px 12px;margin-bottom:16px}.welcome-copy h1{margin-top:17px}.pointer-glow{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-satellite{animation:none!important}.replay-intro:hover>span:first-child{transform:none}.art-aura{transform:none!important;transition:none}.pointer-glow{display:none}}

/* Suu portrait: keep the original artwork, crop away its black square corners. */
img[src$="suu-avatar.png"]{border-radius:50%!important;clip-path:circle(48% at 50% 50%);border:0!important;box-shadow:none!important}
.welcome-art .portrait-tile{width:174px;height:174px;padding:0;background:transparent;border:0;border-radius:50%;box-shadow:none}.welcome-art .portrait-tile img{width:100%;height:100%;max-width:none;object-fit:cover}.welcome-art .portrait-tile>span,.welcome-art .portrait-tile:after{display:none}
.personal-note{transform:perspective(1000px) rotateZ(2deg);transform-origin:center;transition:transform 650ms var(--ease),box-shadow 350ms var(--ease);box-shadow:0 10px 30px -20px #73558c4d}.personal-note.note-following{box-shadow:0 24px 42px -24px #73558c65}
/* Explicit contact colors defeat route-panel link/span rules. */
.contact-links .social-x,.route-panel .contact-links .social-x{color:#fff;background:#302c37;border-color:#302c37}.contact-links .social-x span,.contact-links .social-x b,.contact-links .social-x svg,.contact-links .social-x i,.route-panel .contact-links .social-x span,.route-panel .contact-links .social-x b{color:#fff}.contact-links .social-x small,.route-panel .contact-links .social-x small{color:#e9e4ee;opacity:1}.contact-links .social-x i{opacity:.95}.contact-links .social-tg,.route-panel .contact-links .social-tg{color:#285777;background:#e3edf6}.contact-links .social-tg span,.contact-links .social-tg b,.contact-links .social-tg svg,.contact-links .social-tg i,.route-panel .contact-links .social-tg span,.route-panel .contact-links .social-tg b{color:#285777}.contact-links .social-tg small,.route-panel .contact-links .social-tg small{color:#486277;opacity:1}.contact-links .social-tg i{opacity:.95}
.note-head>span:nth-child(2),.note-stats,.personal-note>a{color:#675174}.personal-note>p{color:#49364f}.note-stats b{color:#584062}.section-caption,.eyebrow,.item-account,.item-category,.rating-note,.tutorial-number,.tutorial-card-foot,.site-footer,.footer-brand span{color:#76647f}.tutorial-card-body>p{color:#6f6176}.community-identity,.community-identity small,.community-copy p,.community-join small{color:#526d5b}.welcome-once-note,.welcome-copy .welcome-once-note{color:#776a7e}
@media(hover:hover) and (pointer:fine){.contact-links .social-x:hover{color:#fff;background:#50445e;border-color:#50445e}.contact-links .social-tg:hover{background:#d2e4f2}}
@media(max-width:1050px){.welcome-art .portrait-tile{width:152px;height:152px}}
@media(max-width:600px){.welcome-art .portrait-tile{width:122px;height:122px}.personal-note{transform:none}}
@media(prefers-reduced-motion:reduce){.personal-note,.personal-note.note-following{transform:rotate(2deg)!important;transition:none}}

/* Directory pages open directly on their useful content. */
.directory-main{padding-top:32px}.directory-main .breadcrumb{margin-bottom:21px}.directory-intro{min-height:166px;padding:29px 34px;margin-bottom:26px;border:1px solid #dcd2e6}.directory-intro h1{font-size:34px;line-height:1.3;margin:13px 0 10px}.directory-intro p{color:#705e7b}.directory-ornament{width:90px;height:90px;border-radius:28px}.directory-ornament svg{width:43px;height:43px}.directory-controls{gap:22px;margin-bottom:24px;align-items:center}.directory-context{font-size:12px;color:#796881;margin:0;line-height:1.8}.directory-context strong{color:#4f3b5b;font-weight:650;font-variant-numeric:tabular-nums;margin:0 3px}.directory-search-box{position:relative}.clear-directory-search{border:0;background:#ece7f1;border-radius:8px;min-width:36px;min-height:36px;font-size:22px;color:#695176;display:grid;place-items:center;flex:none;padding:0;line-height:1}.clear-directory-search:hover{background:#dfd4e9}.directory-search-box input{min-width:0;width:100%}.category-rail{border-right:1px solid #e6dfea;padding-right:13px}.category-rail .rail-link{color:#786381}.category-rail .rail-link[aria-current]{color:#543e66;font-weight:650}.category-rail .rail-link[aria-current] small{color:#70557f}.category-rail .eyebrow{color:#77617f}.result-toolbar{margin-bottom:16px}.directory-entry{border-color:#e1d7e6}.directory-entry:focus-visible,.tutorial-card:focus-visible,.category-tile:focus-visible{outline:3px solid #8c79da;outline-offset:3px}.directory-main .rating-note{max-width:660px;color:#806c8c}.category-rail nav{scroll-padding:7px}
@media(max-width:800px){.category-rail{border-right:0;border-bottom:1px solid #e6dfea;padding-right:0;padding-bottom:13px}.category-rail nav{margin:0}.rail-link{background:#f4eff8;border-color:#e1d5e9}.directory-context{font-size:11px}}
@media(max-width:600px){.directory-main{padding-top:22px}.directory-main .breadcrumb{margin-bottom:15px}.directory-intro{min-height:138px;padding:23px 22px;margin-bottom:21px;border-radius:20px}.directory-intro h1{font-size:28px;margin:11px 0 9px}.directory-intro p{font-size:12px;line-height:1.75}.directory-ornament{width:59px;height:59px;border-radius:19px}.directory-ornament svg{width:30px;height:30px}.directory-controls{gap:12px;margin-bottom:19px;align-items:stretch}.directory-context{font-size:11px}.directory-search-box{width:100%;height:52px}.clear-directory-search{min-height:44px;min-width:44px;background:transparent}.category-rail{padding-bottom:4px}.category-rail nav{padding-bottom:9px}.directory-workspace{gap:16px}.result-toolbar{margin-bottom:13px}.directory-entry{padding:21px}.directory-main .rating-note{margin-top:20px;font-size:10px}}

/* Press the visual surface while the native link keeps its full click area. */
.item-card.directory-entry{padding:0!important;border:0;background:transparent!important;display:flex;box-shadow:none!important;overflow:hidden}.item-card.directory-entry:before{display:none}.entry-surface{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:23px;border:1px solid #e1d7e6;border-radius:inherit;background:#fff;transform:scale(1);transform-origin:center;transition:transform 220ms cubic-bezier(.2,.8,.2,1),background-color 160ms ease,border-color 180ms ease;pointer-events:none}.entry-surface .item-main,.entry-surface .item-bottom,.entry-surface .item-meta{min-width:0}.item-card.directory-entry:active .entry-surface{transform:translateY(1px) scale(.982);background:#f4edf9;border-color:#b99bcc;transition-duration:80ms}.item-card.directory-entry:active .entry-arrow{transform:translate(2px,-1px);color:#6f448c}.is-list .item-card.directory-entry{display:flex}.is-list .entry-surface{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,1fr);column-gap:24px;padding:20px 23px}
@media(hover:hover) and (pointer:fine){.item-card.directory-entry:hover .entry-surface{border-color:#c3a9d2;background:#fffdfd;transform:translateY(-1px) scale(.998)}.item-card.directory-entry:active .entry-surface{transform:translateY(1px) scale(.982);background:#f4edf9}}
@media(max-width:1050px){.entry-surface{padding:20px}.is-list .entry-surface{grid-template-columns:minmax(175px,1fr) minmax(150px,1fr);column-gap:20px}}
@media(max-width:600px){.entry-surface{padding:21px}.is-list .entry-surface{display:flex;padding:17px 19px}.item-card.directory-entry:active .entry-surface{transform:scale(.985)}}
@media(max-width:360px){.entry-surface{padding:18px}}
@media(prefers-reduced-motion:reduce){.item-card.directory-entry .entry-surface,.item-card.directory-entry:hover .entry-surface,.item-card.directory-entry:active .entry-surface{transform:none;transition:none}.item-card.directory-entry:active .entry-surface{background:#f4edf9;border-color:#b99bcc}}

/* Phone and touch tablet: tactile feedback without delaying native navigation. */
@media(hover:none) and (pointer:coarse){
 .item-card.directory-entry .entry-surface{transition:transform 230ms cubic-bezier(.2,.8,.2,1),background-color 150ms ease,border-color 150ms ease}
 .item-card.directory-entry:active .entry-surface{transform:scale(.976);background:#f1e8f7;border-color:#af8fc5;transition-duration:65ms}
 .item-card.directory-entry:active .item-avatar{border-color:#c4a9d5}
 .category-tile,.tutorial-card,.home-tutorial-entry,.enter-button{transition:transform 220ms cubic-bezier(.2,.8,.2,1),background-color 150ms ease,border-color 150ms ease}
 .category-tile:active,.tutorial-card:active,.home-tutorial-entry:active{transform:scale(.985);transition-duration:70ms}
 .enter-button:active{transform:scale(.97);transition-duration:70ms}
 .nav a,.rail-link,.view-switch button,.tutorial-filters button{touch-action:manipulation}
}
@media(max-width:600px){
 .item-card.directory-entry{min-width:0}
 .entry-surface{min-width:0;padding:19px 20px}
 .is-list .entry-surface{padding:17px 19px}
 .entry-surface .item-identity,.entry-surface .item-bottom,.entry-surface .item-meta{min-width:0}
 .item-identity h3,.item-account,.item-bottom p{overflow-wrap:anywhere}
 .category-rail nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-inline:12px}
 .category-rail nav::-webkit-scrollbar{display:none}
 .category-rail .rail-link{min-height:46px}
 .view-switch button{min-height:44px;min-width:44px}
}
@media(max-width:360px){.entry-surface{padding:17px}.is-list .entry-surface{padding:16px}.entry-surface .item-main{gap:10px}.entry-surface .item-avatar{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){
 .category-tile:active,.tutorial-card:active,.home-tutorial-entry:active,.enter-button:active,.item-card.directory-entry:active .entry-surface{transform:none!important;transition:none!important}
}

/* The welcome action stays ahead of decoration even in a wide-layout mobile viewer. */
@media(max-width:1200px){
 .welcome-screen{width:100%;min-width:0;overflow-x:clip}
 .welcome-layout{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-width:0;padding:22px 0 36px}
 .welcome-copy{order:0;width:100%;min-width:0;text-align:center}
 .welcome-copy h1{font-size:clamp(32px,5vw,48px)}
 .welcome-copy p{max-width:520px;margin-inline:auto}
 .welcome-copy .enter-button{position:relative;z-index:4}
 .welcome-art{order:1;width:min(100%,350px);height:250px;margin:0 auto;flex:none}
 .welcome-top{flex-wrap:wrap}
}
@media(max-width:600px){
 .welcome-layout{gap:18px;padding:8px 0 22px}
 .welcome-copy h1{font-size:clamp(32px,8.4vw,43px)}
 .welcome-art{order:1;height:230px;margin-top:0}
 .welcome-copy .enter-button{min-height:56px;min-width:190px;touch-action:manipulation}
}