@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap");:root{--bg:#f4f3f0;--surface:#fbfaf8;--card:#fff;--ink:#1d1d1b;--ink-soft:#5f5e5a;--ink-faint:#94938e;--line:#d9d8d3;--line-strong:#c4c3bd;--accent:#dd5050;--art:#2a2a28;--overlay:rgba(29,29,27,.35);--rest-shadow:0 1px 2px rgba(29,29,27,.1),0 6px 14px rgba(29,29,27,.06);--lift-shadow:0 18px 30px rgba(29,29,27,.22),0 40px 70px rgba(29,29,27,.14);--radius:8px;--lb-w:min(640px,94vw)}html[data-theme=dark]{--bg:#1b1b1a;--surface:#232322;--card:#262625;--ink:#ecebe7;--ink-soft:#a3a29c;--ink-faint:#6e6d68;--line:#35342f;--line-strong:#45443f;--accent:#dd5050;--art:#e6e5e0;--overlay:rgba(0,0,0,.55);--rest-shadow:0 1px 2px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);--lift-shadow:0 20px 34px rgba(0,0,0,.6),0 44px 80px rgba(0,0,0,.5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--bg);color:var(--ink);font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;overflow-x:hidden;transition:background .3s ease,color .3s ease}#stage{position:relative;height:100vh;height:100dvh;width:100%;overflow:hidden;scroll-snap-align:start}#scene{perspective:1600px;perspective-origin:50% 42%}#scene,#table{position:absolute;inset:0}#table{transform-style:preserve-3d}#table:before{content:none}.card{position:absolute;top:0;left:0;width:252px;height:353px;transform-style:preserve-3d;cursor:-webkit-grab;cursor:grab;touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease}.card.dragging{cursor:-webkit-grabbing;cursor:grabbing;transition:box-shadow .18s ease}.flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.6,.02,.2,1);border-radius:var(--radius);box-shadow:var(--rest-shadow)}.card.lifted .flip{box-shadow:var(--lift-shadow)}.card.flipped .flip{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);background:#fff;border:1px solid var(--line-strong);overflow:hidden;display:flex;flex-direction:column}.face.back{transform:rotateY(180deg)}.art-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:16px 16px 8px}.art-wrap svg{width:78%;height:78%;color:var(--art);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cat-strip{border-top:1px solid var(--line);padding:8px 12px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cat-name{font-size:10.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.cat-name,.cat-tag{letter-spacing:0;text-transform:none;white-space:nowrap}.cat-tag{font-size:8.8px;color:var(--ink-faint)}.corner{position:absolute;top:9px;left:11px;width:8px;height:2px;background:var(--accent)}.back{background:var(--card);padding:14px}.back,.back-inner{align-items:center;justify-content:center}.back-inner{position:absolute;inset:10px;border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;gap:10px}.back-rule{width:34px;height:3px;background:var(--accent)}.back-mark{font-size:19.8px;letter-spacing:0;text-transform:none;color:var(--ink-soft)}.back-grid{inset:20px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:14px 14px;opacity:.35;border-radius:2px}.back-grid,.hud{position:absolute}.hud{z-index:9999}#brand{top:20px;left:22px;pointer-events:none}#brand .rule{width:26px;height:3px;background:var(--accent);margin-bottom:8px}#brand h1{margin:0;font-size:22px;font-weight:600}#brand h1,#brand p{letter-spacing:0;text-transform:none}#brand p{margin:3px 0 0;font-size:10.5px;color:var(--ink-faint)}#controls{top:18px;right:20px;display:flex;gap:8px;align-items:center}.btn{font-family:inherit;font-size:10.5px;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:8px 12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn:hover{color:var(--accent)}.btn:active,.btn:hover{border-color:var(--accent)}.btn:active{background:var(--accent);color:#fff}.btn-icon{padding:0;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.i-sun,html[data-theme=dark] .i-moon{display:none}html[data-theme=dark] .i-sun{display:block}#hint{bottom:52px;left:0;right:0;text-align:center;pointer-events:none;font-size:9.9px}#cue,#hint{letter-spacing:0;text-transform:none;color:var(--ink-faint)}#cue{bottom:16px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:6px 10px;font-family:inherit;font-size:9.4px;transition:color .15s}#cue:hover{color:var(--accent)}#cue svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#grid-view{min-height:100vh;background:var(--bg);border-top:1px solid var(--line);padding:clamp(28px,5vw,64px) clamp(20px,5vw,64px) 80px;scroll-snap-align:start}#grid-head{margin-bottom:18px}#filters{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 26px;padding:14px 0 15px;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#filters::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;white-space:nowrap;font-family:inherit;font-size:9.9px;letter-spacing:0;text-transform:none;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:8px 14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--accent)}.chip.active,.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:#fff}.chip.active:hover{color:#fff}#grid-head .rule{width:26px;height:3px;background:var(--accent);margin-bottom:10px}#grid-head h2{margin:0;font-size:16.5px;font-weight:600;letter-spacing:0;text-transform:none}#grid-head p{margin:5px 0 0;font-size:10.5px}#grid-head p,#up{letter-spacing:0;text-transform:none;color:var(--ink-faint)}#up{float:right;margin-top:2px;font-family:inherit;font-size:9.9px;background:none;border:none;cursor:pointer;transition:color .15s}#up:hover{color:var(--accent)}#grid{columns:260px;column-gap:22px}.tile{background:var(--card);border:1px solid var(--line);border-radius:2px;page-break-inside:avoid;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 22px;display:block;width:100%;cursor:default;transition:background .15s,border-color .15s}.tile:hover{background:var(--surface);border-color:var(--line-strong)}.tile .art-wrap{flex:1 1;padding:38px}.tile:hover .art-wrap svg{color:var(--accent)}.tile .art-wrap svg{width:64%;height:64%;color:var(--art);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:color .15s}.tile .cat-strip{border-top:1px solid var(--line);padding:14px 18px 16px}#foot{background:var(--bg);border-top:1px solid var(--line);padding:64px clamp(20px,5vw,64px) 72px;flex-wrap:wrap;gap:16px 24px}#foot,#foot .fbrand{display:flex;align-items:center}#foot .fbrand{gap:10px}#foot .ftick{width:20px;height:3px;background:var(--accent)}#foot .fbrand span{font-size:13.2px;font-weight:600;letter-spacing:0;text-transform:none}#foot nav{display:flex;gap:22px;margin-left:auto}#foot a{font-size:10.5px;letter-spacing:0;text-transform:none;color:var(--ink-soft);text-decoration:none;transition:color .15s}#foot a:hover{color:var(--accent)}#foot .flicence{width:100%;font-size:9.9px;letter-spacing:0;text-transform:none;color:var(--ink-faint)}#page{transition:margin-right .38s cubic-bezier(.22,.61,.36,1)}body.lb-open #page{margin-right:var(--lb-w)}#overlay{position:fixed;inset:0;z-index:10000;background:var(--overlay);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}#overlay.open{opacity:1;visibility:visible}#lightbox{position:fixed;top:0;right:0;z-index:10001;width:var(--lb-w);height:100%;background:var(--surface);border-left:1px solid var(--line-strong);transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;padding:24px 30px 30px}#lightbox.open{transform:translateX(0)}.lb-close{align-self:flex-end;background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:22px;line-height:1;padding:2px 4px;transition:color .15s}.lb-close:hover{color:var(--accent)}.lb-preview{margin:6px 0 22px;border:1px solid var(--line);background:var(--card);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.lb-preview svg{width:56%;height:56%;color:var(--art);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lb-name{margin:0 0 4px;font-size:20.9px;font-weight:600;letter-spacing:0}.lb-cat{font-size:9.9px}.lb-cat,.lb-label{letter-spacing:0;text-transform:none;color:var(--ink-faint)}.lb-label{margin:22px 0 10px;font-size:9.4px}.lb-tags{display:flex;flex-wrap:wrap;gap:8px}.lb-tag{font-size:9.9px;letter-spacing:0;text-transform:none;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:16px;padding:6px 12px;background:var(--bg);transition:color .15s,border-color .15s}.lb-tag:hover{color:var(--accent);border-color:var(--accent)}.lb-dl{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;text-decoration:none;background:var(--accent);color:#fff;border-radius:16px;font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;padding:15px;cursor:pointer;transition:filter .15s}.lb-dl:hover{filter:brightness(1.06)}.lb-dl svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:640px){.card{width:150px;height:210px}.art-wrap{padding:12px 12px 6px}#brand{top:14px;left:14px}#brand h1{font-size:17.6px}#brand p{display:none}#controls{top:12px;right:12px;gap:6px;max-width:70vw;flex-wrap:wrap;justify-content:flex-end}.btn{padding:6px 8px;font-size:8.8px;letter-spacing:0}.btn-icon{width:30px;height:30px}#hint{bottom:44px;font-size:8.8px}#grid-view{padding:24px 16px 60px}#grid{column-count:1;column-gap:14px}.tile{margin-bottom:14px}#grid-head h2{font-size:15.4px}#foot{padding:44px 16px 52px}#foot nav{gap:16px}#lightbox{width:100vw}body.lb-open #page{margin-right:0}#overlay{background:transparent}}.c-img{display:block;-webkit-user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none}.art-wrap img,.c-img{max-width:100%;max-height:100%;object-fit:contain}.tile .art-wrap{padding:0}.tile .art-wrap img{width:100%;height:auto;display:block}.lb-preview{padding:14px}.lb-preview img{max-width:100%;max-height:100%;object-fit:contain}.chip,.lb-tag{text-transform:capitalize}.back-dl{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:9.9px;color:#fff;background:var(--accent);border-radius:14px;padding:7px 14px;text-decoration:none;cursor:pointer}.back-dl:hover{filter:brightness(1.06)}#mic{bottom:16px;right:20px;width:67px;height:67px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;color:var(--ink);transition:background .15s,color .15s,border-color .15s}#mic:hover{border-color:var(--accent);color:var(--accent)}#mic svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#mic.listening{background:var(--accent);color:#fff;border-color:var(--accent);animation:micpulse 1.1s ease-in-out infinite}@keyframes micpulse{0%,to{box-shadow:0 0 0 0 rgba(221,80,80,.5)}50%{box-shadow:0 0 0 9px rgba(221,80,80,0)}}@media (max-width:640px){#mic{width:61px;height:61px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));right:12px}}#mic-tags{bottom:95px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}#mic-tags .vtag{font-size:13px;text-transform:capitalize;white-space:nowrap;color:#fff;background:var(--accent);border-radius:16px;padding:8px 15px;box-shadow:0 4px 14px rgba(29,29,27,.16);opacity:0;transform:translateY(10px);animation:vtagin .34s cubic-bezier(.2,.75,.3,1) forwards}@keyframes vtagin{to{opacity:1;transform:translateY(0)}}@media (max-width:640px){#mic-tags{bottom:88px;right:12px}}#brand .rule,.corner{display:none}