.tlottie-player{position:relative;overflow:hidden}.tlottie-player>canvas{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;inset:0}.tlottie-player>canvas.tlottie-ready{opacity:1}.tlottie-player>.tlottie-shimmer{z-index:1;opacity:1;pointer-events:none;background-color:#80808026;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tlottie-player>.tlottie-shimmer:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000,#80808066,#0000);width:60%;animation:1.6s ease-in-out infinite tlottie-shimmer-sweep;position:absolute;top:0;bottom:0;left:-60%}.tlottie-player>.tlottie-shimmer.tlottie-hidden{opacity:0}.tlottie-player>.tlottie-shimmer.tlottie-hidden:after{animation-play-state:paused}@keyframes tlottie-shimmer-sweep{0%{transform:translate(0)}to{transform:translate(266%)}}@media(prefers-reduced-motion:reduce){.tlottie-player>.tlottie-shimmer:after{animation:none}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f5f7fa;--surface: #ffffff;--surface-soft: #edf2f7;--text: #172536;--muted: #58697b;--faint: #64768a;--accent: #38bdf8;--accent-hover: #22afea;--accent-ink: #08749a;--on-accent: #123244;--accent-soft: #e5f5fc;--border: #dce3ec;--danger: #bd3657;--focus: #08749a;--hero: #e7f0f9;--shadow: 0 16px 52px #12243a1c;--radius: 20px;--nav-height: 74px;--z-header: 10;--z-nav: 20;--z-bulk: 30;--z-skip: 40}[data-theme=dark]{color-scheme:dark;--bg: #101820;--surface: #19232e;--surface-soft: #22303e;--text: #edf4fa;--muted: #a5b6c7;--faint: #a5b6c7;--accent: #65d2ff;--accent-hover: #99e2ff;--accent-ink: #65d2ff;--accent-soft: #203c4b;--border: #314252;--danger: #ff91ad;--focus: #65d2ff;--hero: #1d3042;--shadow: 0 16px 52px #0005}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,a{transition:background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:34px;line-height:1.15;letter-spacing:-.035em;font-weight:750}h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}h3{font-size:15px;line-height:1.4;font-weight:650}p{text-wrap:pretty}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;padding:12px 18px;z-index:var(--z-skip);background:var(--surface);border-radius:8px}.skip-link:focus{top:12px}.app-header{height:86px;padding:0 max(28px,calc((100% - 1320px)/2));display:flex;align-items:center;gap:40px;background:var(--surface);position:sticky;top:0;z-index:var(--z-header)}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0;font-size:20px;font-weight:750;letter-spacing:-.04em;line-height:1.15}.logo-mark{width:43px;height:43px;border-radius:14px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.desktop-nav{display:flex;gap:6px;margin-inline:auto}.desktop-nav a{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;color:var(--muted);font-weight:600}.desktop-nav a:hover{background:var(--surface-soft);color:var(--text)}.desktop-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.nav-count{font-size:12px;padding:1px 6px;border-radius:6px;background:var(--surface)}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:13px;background:var(--surface-soft);flex-shrink:0}.icon-btn:hover{color:var(--accent-ink)}.container{max-width:1376px;padding:44px 28px 40px;margin:0 auto;outline:none}.page-kicker{font-size:13px;font-weight:650;color:var(--accent-ink);margin-bottom:14px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:var(--accent-ink);font-weight:600;padding:4px 0}.text-btn:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}.filter-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;min-height:50px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:0 16px;flex:1 1 280px;color:var(--muted)}.search-box:focus-within{outline:2px solid var(--focus);outline-offset:2px}.search-box input{min-width:0;width:100%;height:48px;background:transparent;border:0;color:var(--text);outline:none}.search-box input::placeholder{color:var(--faint);opacity:1}.search-box button{width:36px;height:44px;display:grid;place-items:center;flex-shrink:0}.select-field{display:block;min-width:160px;max-width:100%}.select-field select{width:100%;max-width:100%;min-height:50px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);padding:0 32px 0 14px;cursor:pointer;text-overflow:ellipsis}.result-count{color:var(--muted);white-space:nowrap;font-size:13px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:20px}.collection-card,.attr-card{background:var(--surface);border:0;border-radius:var(--radius);position:relative;min-width:0;transition:border-color .18s ease-out,box-shadow .18s ease-out}.collection-card:hover,.attr-card:hover{box-shadow:0 6px 22px #16334a08}.card-open{display:block;width:100%;padding:12px;text-align:left;border-radius:inherit}.cover-box{height:168px;width:100%;display:grid;place-items:center;border-radius:13px}.card-caption{padding:16px 3px 5px}.card-caption h3{overflow-wrap:anywhere}.card-caption>span{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.fav-btn{position:absolute;z-index:3;top:6px;right:6px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface)}.fav-btn:hover,.fav-btn.on{color:var(--danger);background:var(--surface-soft)}.collection-card .fav-btn{background:transparent}.show-more{display:flex;justify-content:center;margin-top:30px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border-radius:12px;font-weight:600;font-size:14px;border:1px solid transparent;text-align:center}.primary-btn{background:var(--accent);color:var(--on-accent)}.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.secondary-btn{border-color:var(--border);background:var(--surface);color:var(--text)}.secondary-btn:hover:not(:disabled){background:var(--surface-soft)}.is-saved{color:var(--danger)}.page-heading{margin-bottom:34px;display:flex;justify-content:space-between;gap:20px}.page-heading h1{margin-bottom:12px}.page-heading p:not(.page-kicker){color:var(--muted);max-width:65ch}.section-heading{display:flex;align-items:center;gap:14px;margin:48px 0 20px}.section-heading span{color:var(--muted)}.back-button{margin:-16px 0 20px}.collection-intro{display:flex;align-items:center;gap:32px;margin-bottom:32px}.detail-cover{border-radius:26px;padding:10px;background:var(--hero)}.detail-info{flex:1}.detail-info>.muted{margin-bottom:8px;font-size:13px}.detail-summary{color:var(--muted);margin:12px 0 20px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.collection-facts{display:grid;gap:15px;margin:0;padding-left:28px;border-left:1px solid var(--border)}.collection-facts dt,.attribute-facts dt{font-size:12px;color:var(--muted)}.collection-facts dd{margin:2px 0 0;font-weight:600;font-size:14px}.section-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:24px}.section-tabs button{padding:12px 0 15px;color:var(--muted);font-size:15px;font-weight:600;position:relative}.section-tabs button.active{color:var(--accent-ink)}.section-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent);border-radius:3px}.section-tabs span{margin-left:7px;color:var(--muted);font-size:12px}.results-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 22px;color:var(--muted);font-size:13px}.check-label{display:flex;gap:9px;align-items:center;min-height:44px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.catalog-controls{margin:0;padding:0;border:0;min-inline-size:0}.attr-select-wrap{position:relative;min-width:0}.attr-select-wrap.selected .attr-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.attr-card{height:100%}.attr-card .card-open{padding:10px}.attr-media{height:138px;display:grid;place-items:center}.attr-card .card-caption{padding:9px 2px 4px}.attr-card .card-caption h3{font-size:14px}.card-caption .collection-label{font-size:11px}.card-caption .rarity{display:inline-block;color:var(--muted);font-size:12px}.card-caption .rarity.rare,.card-caption .rarity[class*=craft-]{color:var(--accent-ink)}.backdrop-swatch{height:138px;border-radius:12px;display:grid;place-items:center}.swatch-dot{width:24px;height:24px;border-radius:50%;opacity:.8}.pick-box{position:absolute;z-index:3;top:4px;left:4px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.pick-box input{position:absolute;width:24px;height:24px;opacity:0;cursor:pointer}.pick-box span{display:grid;place-items:center;width:21px;height:21px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--accent-ink);font-weight:700;pointer-events:none}.pick-box input:focus-visible+span{outline:3px solid var(--focus);outline-offset:4px}.pick-box input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:var(--z-bulk);display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow);width:max-content;max-width:calc(100% - 32px)}.bulk-bar .select-field{min-width:90px;width:100px}.bulk-bar select{min-height:44px}.bulk-bar strong{font-size:13px;white-space:nowrap}.inline-status{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:var(--z-bulk);background:var(--surface);padding:15px 24px;box-shadow:var(--shadow);border-radius:14px;max-width:90%}.empty-state{padding:66px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:14px}.empty-state>svg{color:var(--muted)}.empty-state p{max-width:50ch;color:var(--muted)}.notice{padding:16px 18px;border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;color:var(--muted);font-size:13px;margin-bottom:20px}.muted{color:var(--muted)}.lottie{isolation:isolate;position:relative;flex-shrink:0;max-width:100%;display:grid;place-items:center}.lottie canvas{max-width:100%}.art-skeleton{position:absolute;inset:18%;border-radius:40%;background:var(--surface-soft)}.missing-art{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.missing-art span{font-size:11px;text-align:center}.card-skeleton{height:240px;border-radius:var(--radius);background:var(--surface-soft)}.heading-skeleton{width:50%;height:70px;margin-bottom:50px;border-radius:18px;background:var(--surface-soft)}.dialog{border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);padding:28px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:var(--shadow)}.dialog::backdrop{background:#10203099}.dialog-close{position:absolute;top:14px;right:14px;z-index:1}.dialog>h2{margin:8px 0 20px}.modal-art{height:236px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;background:var(--surface-soft)}.modal-collection{font-size:13px}.colour-sample{width:68px;height:68px;border-radius:50%}.attribute-facts{display:flex;gap:32px;padding:18px 0;margin:0 0 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.attribute-facts dd{font-size:22px;margin:3px 0 0;font-weight:650}.modal-actions{display:flex;gap:10px;margin-bottom:16px}.modal-actions>button{flex:1}.colour-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--muted);font-size:11px}.colour-values span{display:flex;gap:5px;align-items:center}.colour-values i{width:14px;height:14px;border-radius:50%;border:1px solid var(--border)}.share-link{margin-top:10px;font-size:13px}.download-panel{border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.download-panel>p{font-size:13px;color:var(--muted);margin-bottom:10px}.download-actions{display:flex;gap:10px;flex-wrap:wrap}.download-actions .select-field{flex:1;min-width:110px}.download-actions button{flex:1}.download-error{color:var(--danger);font-size:13px;margin-top:10px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:70px;align-items:start}.studio-canvas-area{min-width:0}.studio-preview{aspect-ratio:1;border-radius:30px;position:relative;overflow:hidden;width:100%}.studio-model{position:absolute;inset:17.5%;display:grid;place-items:center}.studio-model .lottie{width:100%!important;height:100%!important}.pattern-field{position:absolute;inset:0;pointer-events:none}.pattern-field img{position:absolute;aspect-ratio:1}.studio-caption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:14px}.studio-caption span:first-child{font-weight:650}.studio-caption span:last-child{color:var(--muted)}.studio-note{font-size:12px;line-height:1.65;margin-top:14px;color:var(--muted);max-width:65ch}.studio-empty{position:absolute;inset:0;display:grid;place-items:center;color:#34465c;font-size:14px}.studio-filter>label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.studio-slots{margin-top:24px}.studio-slot{margin-bottom:18px}.slot-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.lock-button{min-height:38px;font-size:12px;color:var(--muted);padding:5px 0 5px 10px}.lock-button.locked{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}.slot-pick{display:flex;gap:15px;align-items:center;width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:left}.slot-pick:hover{border-color:var(--accent)}.slot-thumbnail{width:58px;height:58px;border-radius:11px;background:var(--surface-soft);flex-shrink:0}.slot-pick strong{font-size:14px;display:block}.slot-pick small{font-size:12px;color:var(--muted);display:block;margin-top:3px}.slot-change{margin-left:auto;font-size:12px;color:var(--accent-ink)}.shuffle-btn{width:100%}.control-hint{text-align:center;color:var(--muted);font-size:12px;margin:10px 0 26px}.studio-export{display:flex;gap:10px}.studio-export button{flex:1}.studio-format{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 20px}.picker-dialog{width:min(830px,calc(100vw - 32px))}.picker-dialog>h2{padding-right:40px;margin-bottom:22px}.picker-meta{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:var(--muted);font-size:13px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px}.picker-option{padding:8px;border:1px solid var(--border);border-radius:14px;text-align:left;background:var(--surface)}.picker-option:hover{border-color:var(--accent);background:var(--surface-soft)}.picker-art{height:110px;display:grid;place-items:center;border-radius:8px}.picker-option strong,.picker-option span,.picker-option small{display:block;overflow-wrap:anywhere}.picker-option strong{font-size:13px;margin-top:10px}.picker-option span,.picker-option small{font-size:11px;margin-top:4px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.bottom-nav{display:none}@media(max-width:1100px){.app-header{padding-inline:24px;gap:18px}.desktop-nav a{padding-inline:12px;font-size:14px}.studio-layout{gap:34px}.collection-facts{display:none}}@media(max-width:760px){.app-header{height:68px;padding-inline:18px}.logo{font-size:19px}.logo-mark{width:38px;height:38px;border-radius:12px}.theme-toggle{margin-left:auto}.desktop-nav{display:none}.container{padding:28px 18px calc(110px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-size:11px;color:var(--muted)}.bottom-nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.page-kicker{font-size:12px;margin-bottom:12px}.filter-toolbar{gap:10px}.filter-toolbar .search-box{flex-basis:100%}.filter-toolbar .select-field{flex:1;min-width:130px}.filter-toolbar select{font-size:13px}.result-count{font-size:12px}.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-card{border-radius:17px}.card-open{padding:8px}.cover-box{height:148px}.cover-box .lottie{width:126px!important;height:126px!important}.card-caption{padding:12px 3px 8px}.card-caption h3{font-size:14px}.fav-btn,.pick-box{width:44px;height:44px}.fav-btn{top:2px;right:2px}.attr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attr-media,.backdrop-swatch{height:142px}.card-caption .collection-label{font-size:12px}.page-heading{margin-bottom:24px}h1{font-size:28px}.page-heading p{font-size:14px}.collection-intro{gap:18px;flex-wrap:wrap}.detail-cover{padding:0;flex:0 0 100px}.detail-cover .lottie{width:100px!important;height:100px!important}.detail-info{min-width:200px}.detail-info h1{font-size:26px}.detail-info>.muted{font-size:12px}.detail-summary{font-size:12px}.detail-actions{gap:8px}.detail-actions .primary-btn,.detail-actions .secondary-btn{padding-inline:12px;font-size:13px}.section-tabs{gap:22px}.section-tabs span{display:none}.results-row{font-size:12px;gap:6px}.bulk-bar{width:calc(100% - 24px);max-width:none;bottom:calc(80px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 112px 44px;gap:9px;padding:12px}.bulk-bar strong{grid-column:1}.bulk-bar .select-field{grid-column:2;grid-row:1;width:112px}.bulk-bar .icon-btn{grid-column:3;grid-row:1}.bulk-bar .primary-btn{grid-column:1 / -1;grid-row:2;width:100%}.inline-status{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 28px);font-size:13px}.dialog{padding:22px 18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.modal-art{height:204px}.modal-art .lottie{width:180px!important;height:180px!important}.modal-actions{flex-wrap:wrap}.studio-layout{grid-template-columns:1fr;gap:26px}.studio-preview{border-radius:24px;max-width:520px;margin-inline:auto}.studio-note{font-size:12px}.studio-caption{font-size:13px}.lock-button{min-height:44px}.slot-change{font-size:12px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-option span,.picker-option small{font-size:12px}.picker-meta{gap:10px;flex-wrap:wrap}.site-footer{margin-top:40px;font-size:12px}}@media(max-width:370px){.container{padding-inline:12px}.cover-box{height:130px}.slot-change{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--cat-pop-ease: cubic-bezier(.22, 1, .36, 1)}.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.header-actions .theme-toggle{margin-left:0}.logo{gap:10px}.logo-mark{width:46px;height:46px;border-radius:0;background:none}.cat-mark{display:block;flex-shrink:0;object-fit:contain;user-select:none}.cat-scene{flex-shrink:0;overflow:visible}.cat-portrait{transform-origin:120px 145px}.cat-hearts{transform-box:fill-box;transform-origin:center;animation:cat-heart-pop .65s var(--cat-pop-ease) both}.cat-snooze{animation:cat-snooze 3s ease-in-out 2}.empty-state>.cat-scene{width:164px;height:123px;margin-bottom:0}.cat-toast{position:fixed;right:24px;bottom:24px;z-index:var(--z-bulk);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 10px 12px 16px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);animation:cat-toast-in .22s var(--cat-pop-ease)}.cat-toast strong{display:block;font-size:14px}.cat-toast small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.cat-toast .icon-btn{flex-shrink:0}.cat-studio-note{display:flex;align-items:center;gap:10px;min-height:48px;margin:8px 0 16px}.cat-studio-note .control-hint{margin:0}.cat-shuffle-reaction{animation:cat-nod .55s var(--cat-pop-ease);transform-origin:center bottom}.catalog-loading{display:flex;align-items:center;gap:18px;padding:28px 0 40px}.catalog-loading strong{font-size:18px}.catalog-loading p{color:var(--muted);margin-top:8px;font-size:14px}.yarn-loader{flex-shrink:0;overflow:visible;vertical-align:middle}.yarn-roll{transform-origin:29px 29px}.is-spinning .yarn-roll{animation:yarn-roll 1.5s linear infinite}.art-skeleton{display:grid;place-items:center;background:none;border-radius:0}.art-skeleton .yarn-loader{opacity:.8}.fav-btn.on svg{animation:cat-heart-tap .32s var(--cat-pop-ease)}@keyframes yarn-roll{to{transform:rotate(360deg)}}@keyframes cat-heart-pop{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cat-snooze{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}@keyframes cat-nod{0%,to{transform:rotate(0)}30%{transform:rotate(-10deg)}65%{transform:rotate(6deg)}}@keyframes cat-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cat-heart-tap{0%,to{transform:scale(1)}45%{transform:scale(1.22)}}@media(max-width:760px){.header-actions{gap:2px}.logo-mark,.logo-mark .cat-mark{width:40px;height:40px}.cat-toast{right:12px;bottom:calc(88px + env(safe-area-inset-bottom))}.catalog-loading strong{font-size:16px}}@media(max-width:370px){.logo{font-size:18px;gap:6px}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[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}}:root{--shell-gap: 24px;--shell-top: max( 16px, env(safe-area-inset-top), var(--tg-content-safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px) );--nav-bottom: calc(12px + max( env(safe-area-inset-bottom), var(--tg-content-safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px) )) ;--banner-lilac: #eeebf7;--banner-lilac-ink: #4d3b70;--banner-blue: #e6f1f8;--banner-blue-ink: #235879}[data-theme=dark]{--banner-lilac: #2d293d;--banner-lilac-ink: #e3d5fb;--banner-blue: #213546;--banner-blue-ink: #c6e6fb}html{scroll-padding-top:112px}.app-header{width:calc(100% - var(--shell-gap) * 2);max-width:1320px;height:76px;margin:var(--shell-top) auto 0;padding:0 18px;gap:24px;top:var(--shell-top);border-radius:24px}.container{max-width:1368px;padding:24px var(--shell-gap) 48px}.desktop-nav a{border-radius:14px}.catalog-tools{display:grid;gap:10px;margin-bottom:18px}.catalog-search{border:0;width:100%;min-height:54px;border-radius:18px}.catalog-search input{height:52px}.catalog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.catalog-banners{margin-bottom:24px}.banner-placeholder{min-height:176px;margin-bottom:24px;border-radius:24px;background:var(--surface-soft)}.banner-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px;margin:-3px}.banner-track::-webkit-scrollbar{display:none}.catalog-banner{position:relative;display:flex;align-items:center;min-width:0;min-height:176px;padding:22px 24px;border-radius:24px;scroll-snap-align:start;color:var(--banner-lilac-ink);background:var(--banner-lilac)}.banner-blue{color:var(--banner-blue-ink);background:var(--banner-blue)}.banner-copy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;position:relative}.banner-copy h2{font-size:24px;line-height:1.2;letter-spacing:-.025em}.banner-copy p{margin-top:8px;font-size:13px;line-height:1.5;max-width:28ch}.banner-action{display:inline-flex;align-items:center;gap:14px;margin-top:auto;padding-top:15px;font-size:13px;font-weight:650}.banner-action>span{transition:transform .18s ease-out;font-size:18px;line-height:1}.catalog-banner:hover .banner-action>span{transform:translate(2px,-2px)}.catalog-banner>img{flex:0 0 35%;width:35%;max-width:190px;height:148px;object-fit:contain;margin:-8px -10px -8px 8px}.catalog-banner>img[hidden]{display:none}.collections-grid{gap:16px}.collection-card{border-radius:22px}.collection-card:hover{box-shadow:none}.collection-card .card-caption{padding-top:10px}@media(max-width:1000px)and (min-width:761px){.app-header{gap:12px;padding-inline:14px}.desktop-nav a{padding-inline:10px;font-size:13px}.banner-copy h2{font-size:21px}.catalog-banner{padding-inline:20px}.catalog-banner>img{flex-basis:30%;width:30%;margin-left:2px}}@media(max-width:760px){:root{--shell-gap: 12px;--shell-top: max( 12px, env(safe-area-inset-top), var(--tg-content-safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px) )}html{scroll-padding-top:96px}.app-header{height:64px;padding-inline:10px;gap:10px;border-radius:22px}.container{padding:18px var(--shell-gap) calc(120px + env(safe-area-inset-bottom))}.logo{gap:8px;font-size:18px}.header-actions{gap:4px}.header-actions .icon-btn{background:transparent;border-radius:14px}.header-actions .icon-btn:hover{background:var(--surface-soft)}.bottom-nav{left:50%;right:auto;bottom:var(--nav-bottom);transform:translate(-50%);width:calc(100% - var(--shell-gap) * 2);max-width:460px;padding:6px;border-radius:24px}.bottom-nav a{min-height:50px;border-radius:18px;font-size:10px;gap:3px}.bottom-nav a:hover{background:var(--surface-soft)}.bottom-nav a[aria-current=page]{background:var(--accent-soft)}.catalog-banners{margin-bottom:18px}.banner-placeholder{min-height:152px;margin-bottom:18px;border-radius:22px}.banner-track{grid-auto-columns:100%;gap:12px}.catalog-banner{min-height:152px;padding:18px;border-radius:22px}.banner-copy h2{font-size:20px}.banner-copy p{margin-top:6px;font-size:12px;max-width:25ch}.banner-action{font-size:12px;gap:9px}.catalog-banner>img{flex-basis:32%;width:32%;height:110px;max-width:135px;margin-left:2px}.catalog-search{min-height:50px;border-radius:17px}.catalog-search input{height:48px;font-size:14px}.catalog-tools{gap:8px;margin-bottom:14px}.collections-grid{gap:12px}.collection-card{border-radius:20px}.collection-card .cover-box{height:144px}.bulk-bar{bottom:calc(92px + env(safe-area-inset-bottom))}.inline-status,.cat-toast{bottom:calc(94px + env(safe-area-inset-bottom))}}@media(max-width:370px){.banner-copy h2{font-size:18px}.catalog-banner{padding-inline:16px}.catalog-banner>img{flex-basis:26%;width:26%}.banner-action{font-size:11px}.collection-card .cover-box{height:124px}}.banner-copy h2,.banner-copy p{overflow-wrap:anywhere}.catalog-search-row{display:flex;align-items:stretch;gap:12px}.catalog-search{min-width:0;flex:1}.catalog-sort-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:54px;padding:0 20px;border-radius:18px;background:var(--surface);font-size:13px;font-weight:600}.catalog-sort-button:hover,.catalog-sort-button[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-ink)}.dialog.sort-panel{width:min(400px,calc(100vw - 40px));margin:auto 20px auto auto;border:0;padding:28px;animation:sort-panel-in .2s ease-out}.sort-panel>h2{padding-right:32px;font-size:23px}.sort-options{margin:0;padding:0;border:0;display:grid;gap:4px}.sort-option{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border-radius:14px;cursor:pointer}.sort-option:hover{background:var(--surface-soft)}.sort-option:has(input:checked){background:var(--accent-soft);color:var(--accent-ink)}.sort-option input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--accent)}.sort-apply{width:100%;margin-top:24px}@keyframes sort-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:760px){.catalog-search-row{gap:8px}.catalog-sort-button{width:50px;min-height:50px;padding:0;border-radius:17px}.catalog-sort-button>span{display:none}.dialog.sort-panel{margin:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - 24px);border-radius:28px 28px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));animation-name:sort-sheet-in}.sort-panel>h2{font-size:22px}}@keyframes sort-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.nav-symbol{flex-shrink:0;overflow:visible;transition:transform .18s ease-out}.bottom-nav a[aria-current=page] .nav-symbol{transform:translateY(-1px)}.bottom-nav{box-shadow:0 4px 18px #12243a14}[data-theme=dark] .bottom-nav{box-shadow:0 4px 18px #00000038}.header-login{min-height:44px;padding:10px 16px;border:0;border-radius:14px}.profile-gifts{padding:20px 0;border-top:1px solid var(--border)}.profile-gifts h3{font-size:16px;margin-bottom:8px}.profile-gifts p{margin:0 0 8px;color:var(--muted)}.profile-gifts small{color:var(--muted)}.profile-page{max-width:640px;margin-inline:auto;font-size:1rem}.profile-page .page-heading{margin-bottom:24px}.profile-panel{padding:24px;border-radius:var(--radius);background:var(--surface)}.profile-identity,.profile-loading{display:flex;align-items:center;gap:16px;padding-bottom:24px}.profile-avatar{flex:0 0 64px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--accent-ink);background:var(--accent-soft);font-size:1.25rem;font-weight:700}.profile-skeleton{background:var(--surface-soft)}.profile-name{min-width:0}.profile-name h2{margin:0 0 4px;font-size:1.25rem;overflow-wrap:anywhere}.profile-name p,.profile-loading p{margin:0;color:var(--muted);overflow-wrap:anywhere}.profile-login,.profile-import{padding-bottom:24px}.profile-login p,.profile-import p{margin:0 0 16px;color:var(--muted);max-width:65ch}.profile-import{padding-top:24px}.profile-import h3{margin:0 0 8px;font-size:1rem}.profile-row{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px 0;border-top:1px solid var(--border);text-align:left}.profile-row>svg{flex-shrink:0;color:var(--muted)}.profile-row-copy{flex:1;min-width:0}.profile-row-copy strong,.profile-row-copy small{display:block}.profile-row-copy small{margin-top:4px;color:var(--muted);font-size:.875rem}.profile-row:hover:not(:disabled){color:var(--accent-ink)}.profile-row:active:not(:disabled){background:var(--surface-soft)}.profile-count{font-variant-numeric:tabular-nums;color:var(--muted)}.profile-chevron{transform:rotate(180deg)}.profile-switch{display:inline-flex;align-items:center;width:40px;height:24px;padding:3px;border-radius:24px;background:var(--muted)}.profile-switch:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--surface)}.profile-switch.is-on{justify-content:flex-end;background:var(--accent)}.profile-logout{color:var(--danger)}.profile-logout>svg{color:currentColor}.profile-notice{margin-bottom:24px}.profile-notice p{margin:0 0 12px;color:var(--danger)}.profile-footnote{margin:16px 8px 0;color:var(--muted);font-size:.875rem}@media(max-width:760px){.profile-panel{padding:20px 16px}.profile-login .primary-btn,.profile-import .secondary-btn{width:100%}}@media(max-width:370px){.header-login{padding-inline:12px}}.favorites-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;margin-bottom:24px;border-radius:20px;background:var(--surface)}.favorites-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:48px;padding:10px 12px;border-radius:15px;color:var(--muted);font-weight:600;font-size:14px}.favorites-tabs [role=tab]:hover{background:var(--surface-soft)}.favorites-tabs [aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink)}.favorites-tab-count{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.favorites-panel .search-box{border:0}.favorites-empty{padding-block:36px}.favorites-empty .cat-scene{width:160px;height:120px}@media(max-width:760px){.favorites-tabs{gap:2px;padding:4px;margin-bottom:20px;border-radius:18px}.favorites-tabs [role=tab]{flex-direction:column;gap:2px;min-height:54px;padding:8px 2px;font-size:12px;border-radius:14px}.favorites-tab-count{font-size:11px}.favorites-empty h2{font-size:21px}}