:root{--purple:#7137ed;--orange:#ff902a;--ink:#21104d;--muted:#756a88}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font-main);line-height:1.6}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-2px}h2{font-size:clamp(25px,2.7vw,36px);letter-spacing:-1px}h3{font-size:19px}p{color:var(--muted)}em{font-style:normal;color:var(--orange)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap,.library-container{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;line-height:1.1}.brand img{width:42px;height:42px}.brand small{display:block;font-size:10px;margin-top:4px}.purple{color:var(--purple)}.library-hero{background:radial-gradient(ellipse at 80% 30%,#e9dfff,transparent 70%),linear-gradient(110deg,#f7f3ff,#f4effe);overflow:hidden}.library-breadcrumb{display:flex;gap:10px;font-size:12px;padding-top:26px;color:#766986}.library-breadcrumb a:hover{color:var(--purple)}.library-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:38px 0 54px}.library-eyebrow{font-size:11px;font-weight:800;color:var(--purple);letter-spacing:1.5px;margin-bottom:15px}.library-lead{max-width:540px;margin-top:22px;font-size:16px}.library-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--purple);color:white;border:0;border-radius:11px;font-size:14px;font-weight:700;padding:13px 21px;transition:transform .2s,box-shadow .2s}.library-button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #7137ed22}.library-hero .library-button{margin-top:24px}.library-hero-art{position:relative}.library-hero-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply;animation:float 6s ease-in-out infinite}.library-spark{position:absolute;top:4%;right:12%;color:var(--orange);font-size:35px;animation:spark 4s ease-in-out infinite}.library-catalog{padding-top:38px;padding-bottom:50px}.catalog-toolbar{display:flex;gap:14px;max-width:900px;margin:auto}.catalog-search{display:flex;align-items:center;gap:14px;flex:1;border:1px solid #ded5ef;border-radius:14px;padding:8px 20px;box-shadow:0 4px 12px #45266904}.catalog-search>span{font-size:28px;color:var(--purple)}.catalog-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:5px 0;font-size:14px;color:var(--ink)}.catalog-search:focus-within{box-shadow:0 0 0 3px #7137ed20;border-color:var(--purple)}.catalog-filter-button{background:white;border:1px solid #ded5ef;border-radius:13px;color:var(--ink);padding:10px 22px}.catalog-filter-button[aria-expanded=true]{background:#f3edff;border-color:var(--purple)}.catalog-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 38px}.catalog-tabs button{padding:9px 19px;border:1px solid #e8e1f4;border-radius:30px;color:#514268;background:#faf7ff;font-size:13px;transition:all .2s}.catalog-tabs button:hover{border-color:#9f78ec;transform:translateY(-2px)}.catalog-tabs button[aria-pressed=true]{color:white;background:var(--purple);border-color:var(--purple);box-shadow:0 5px 15px #7137ed20}.catalog-advanced{max-width:900px;margin:16px auto;padding:16px 20px;border-radius:13px;background:#f8f4ff;display:flex;justify-content:space-between;align-items:end;gap:15px}.catalog-advanced label{font-size:12px;font-weight:700}.catalog-advanced select{display:block;padding:8px 12px;margin-top:6px;border:1px solid #ddd2ef;border-radius:8px;background:white;font-size:13px}.catalog-advanced button{background:transparent;color:var(--purple);border:0;font-size:13px;padding:8px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px;gap:20px}.catalog-heading p{margin-top:10px;font-size:14px}.catalog-heading>span{font-size:12px;white-space:nowrap;color:#89789a}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{border:1px solid #ede7f5;border-radius:14px;overflow:hidden;background:white;box-shadow:0 4px 10px #2c105905;transition:transform .25s,box-shadow .25s,border-color .25s}.catalog-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px #3a176c12;border-color:#c9b4ef}.catalog-art{position:relative;overflow:hidden;aspect-ratio:235/139}.catalog-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.catalog-card:hover .catalog-art img{transform:scale(1.045)}.catalog-tag{position:absolute;left:12px;top:12px;background:#fff;border-radius:30px;padding:4px 11px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #3118490d}.catalog-body{padding:19px}.catalog-body p{font-size:12px;margin-top:8px}.catalog-actions{display:flex;gap:12px;margin-top:19px}.catalog-actions button{flex:1;display:flex;justify-content:center;align-items:center;gap:9px;min-height:42px;border-radius:8px;font-size:12px;font-weight:700;transition:background .2s}.catalog-preview{color:var(--purple);background:white;border:1px solid #9c73f4}.catalog-preview:hover{background:#f6f0ff}.catalog-use{background:var(--purple);border:1px solid var(--purple);color:white}.catalog-use:hover{background:#5d24d5}.catalog-note{text-align:center;font-size:11px;margin-top:25px;color:#92829f}.catalog-empty{text-align:center;background:#faf7ff;border-radius:16px;padding:50px 25px}.catalog-empty>span{font-size:42px;color:var(--purple)}.catalog-empty p{margin:14px 0 20px}.library-flow{background:linear-gradient(120deg,#f5efff,#faf7ff);padding:34px 38px;border-radius:20px;text-align:center;overflow:hidden;position:relative}.library-flow h2{font-size:28px}.library-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center;margin-top:32px;text-align:left}.library-steps>div{display:flex;gap:16px;align-items:center}.step-icon{width:58px;height:58px;flex-shrink:0;border-radius:50%;background:linear-gradient(130deg,#8746ff,#6327e5);color:white;font-size:26px;display:grid;place-items:center;box-shadow:0 0 0 8px #7137ed08}.library-steps b{color:var(--orange);font-size:21px}.library-steps h3{font-size:16px;margin:3px 0 6px}.library-steps p{font-size:12px}.flow-arrow{color:var(--orange);font-size:29px;animation:arrow 3s ease-in-out infinite}.library-consult{display:flex;align-items:center;gap:40px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(110deg,#fff3eb,#fff1e9);margin-top:24px;padding:25px 35px}.library-consult img{width:32%;height:auto;mix-blend-mode:multiply}.library-consult h2{font-size:30px}.library-consult p{font-size:14px;margin:14px 0 20px}.orange{background:linear-gradient(110deg,#ff7b22,#ff992e)}.consult-spark{margin-left:auto;font-size:65px;color:#ffb255;animation:spark 5s infinite}.library-cta{margin-top:55px;background:radial-gradient(ellipse at 80% 20%,#652acc,#29106d 70%);color:white;padding:55px 0;position:relative;overflow:hidden;text-align:center}.library-cta:before,.library-cta:after{content:'';position:absolute;width:90%;height:120%;border:1px solid #b97fff30;border-radius:50%;left:5%;top:-10%;transform:rotate(-10deg);pointer-events:none}.library-cta:after{transform:rotate(13deg);width:110%;left:-5%}.library-cta .library-container{position:relative;z-index:1}.library-cta .library-eyebrow{color:#c7acff}.library-cta p:not(.library-eyebrow){color:#e0d1f8;margin:18px 0 25px;font-size:15px}.library-cta .library-button{margin:5px}.outline{background:transparent;border:1px solid #c2a7fa}.cta-star{position:absolute;left:5%;top:30%;color:#ffb953;font-size:46px;animation:spark 4s infinite}.library-dialog{border:1px solid #e0d6f1;border-radius:24px;padding:35px;max-width:520px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 120px #1b073a40;text-align:center;max-height:90dvh;overflow:auto}.library-dialog::backdrop{background:#17063699;backdrop-filter:blur(5px)}.library-dialog h2{font-size:28px;padding:0 20px}.dialog-close{position:absolute;top:12px;right:15px;background:#f5efff;border:0;border-radius:50%;width:32px;height:32px;color:var(--purple);font-size:25px}.demo-disclaimer{font-size:12px;margin:15px 0}#demoStage{min-height:240px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}#demoResult{min-height:48px;font-size:14px;margin:16px 0}.demo-wheel{width:215px;height:215px;background:conic-gradient(#ff9b39 0deg 45deg,#9357f0 45deg 90deg,#ffdb77 90deg 135deg,#ba94fb 135deg 180deg,#ff8fbb 180deg 225deg,#ffba51 225deg 270deg,#8756e7 270deg 315deg,#d1b5fd 315deg);border:10px solid #7137ed;border-radius:50%;box-shadow:0 8px 20px #7137ed20;display:grid;place-items:center;transition:transform 2s cubic-bezier(.16,1,.3,1)}.demo-wheel button{width:68px;height:68px;border-radius:50%;border:4px solid white;background:#ff902a;color:#fff;font-weight:800;box-shadow:0 0 0 6px #ffce85}.demo-pick{border:2px solid #dbc8fc;background:linear-gradient(135deg,#8b49f6,#6025cd);color:white;border-radius:17px;padding:28px 18px;min-width:100px;min-height:120px;font-size:34px;transition:transform .2s}.demo-pick:hover{transform:translateY(-5px)}.demo-quiz{width:100%;display:grid;gap:10px}.demo-quiz p{font-weight:700;color:var(--ink);margin-bottom:10px}.demo-quiz button{border:1px solid #e1d4f7;background:#f8f3ff;padding:13px;border-radius:10px;color:#452575}.demo-quiz button.correct{background:#e4f7eb;border-color:#55b77a}.demo-quiz button.wrong{background:#ffeded;border-color:#e67a7a}.demo-puzzle{display:grid;grid-template-columns:repeat(2,95px);gap:7px}.demo-puzzle button{height:85px;border:0;border-radius:12px;background:#efe5ff;color:var(--purple);font-size:29px;font-weight:800}.demo-puzzle button.selected{background:#7137ed;color:white}.use-actions{display:flex;flex-direction:column;gap:14px;margin-top:25px}.library-dialog>p{margin-top:15px}.light{background:#f2eaff;color:var(--purple)}
@keyframes float{50%{transform:translateY(-10px)}}@keyframes spark{50%{transform:rotate(15deg) scale(1.12)}}@keyframes arrow{50%{transform:translateX(6px)}}
@media(max-width:900px){.library-hero-grid{grid-template-columns:1fr 1fr}.library-hero h1{font-size:40px}.catalog-grid{gap:16px}.catalog-body{padding:14px}.catalog-body h3{font-size:16px}.catalog-actions{gap:7px}.catalog-use span{display:none}.library-steps{gap:15px}.step-icon{width:40px;height:40px;font-size:22px}.library-steps>div{gap:10px}.library-consult{gap:25px}.consult-spark{display:none}}
@media(max-width:650px){.wrap,.library-container{padding-left:20px;padding-right:20px}.library-hero-grid{grid-template-columns:1fr;gap:12px;padding-top:25px;padding-bottom:24px}.library-hero h1{font-size:39px;letter-spacing:-1.6px}.library-lead{font-size:14px}.library-hero-art{max-width:430px;justify-self:center}.library-hero-art img{max-height:250px;object-fit:contain}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-body{padding:12px}.catalog-body h3{font-size:15px;min-height:36px}.catalog-actions{flex-direction:column;margin-top:13px;gap:8px}.catalog-tag{font-size:9px;left:7px;top:7px;padding:3px 7px}.catalog-body p{font-size:10px}.catalog-filter-button{padding:8px 13px}.catalog-filter-button span{display:none}.catalog-search{padding:7px 12px}.catalog-tabs{gap:7px}.catalog-tabs button{font-size:12px;padding:8px 13px}.catalog-heading{align-items:start}.catalog-heading h2{font-size:25px}.catalog-heading>span{padding-top:5px}.catalog-advanced{align-items:start;flex-direction:column}.library-flow{padding:30px 23px}.library-flow h2{font-size:25px}.library-steps{grid-template-columns:1fr;margin-top:25px;gap:20px}.library-steps>div{gap:20px}.step-icon{width:54px;height:54px}.flow-arrow{display:none}.library-consult{flex-direction:column;text-align:center;padding:20px 24px 30px;gap:10px}.library-consult img{width:80%;max-width:320px}.library-consult h2{font-size:26px}.library-cta{padding:42px 0}.library-cta h2{font-size:30px}.cta-star{font-size:24px;left:0;top:0}.library-dialog{padding:32px 20px}.library-dialog h2{font-size:24px}.demo-pick{min-width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Library visual refinement: soft technology surfaces and tactile game cards. */
.library-page{background:#fff;--ink:#23114b;--muted:#796d8b}.library-page h1,.library-page h2{font-weight:800;letter-spacing:-1.4px}.library-hero{position:relative;border-bottom:1px solid #e9dffb;background:radial-gradient(ellipse at 90% 20%,#eadcff 0,transparent 55%),radial-gradient(ellipse at 10% 90%,#fff1e4 0,transparent 50%),#f8f4ff}.library-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7137ed06 1px,transparent 1px),linear-gradient(90deg,#7137ed06 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}.library-hero .library-container{position:relative}.library-hero-grid{padding-top:48px;padding-bottom:60px;gap:38px}.library-hero h1{line-height:1.27;font-size:clamp(36px,4.2vw,58px)}.library-hero h1 em{background:linear-gradient(105deg,#ff7a21,#e8832c);background-clip:text;-webkit-background-clip:text;color:transparent}.library-hero .library-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;background:#fff9;border:1px solid #e2d3f9;border-radius:30px;font-size:10px;letter-spacing:1.1px}.library-hero .library-eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#ff902a;box-shadow:0 0 0 4px #ff902a17}.library-lead{line-height:1.9}.library-hero-art{padding:18px;isolation:isolate}.library-hero-art:before{content:'';position:absolute;inset:0;border:1px solid #c5a7f04a;border-radius:50%;transform:rotate(-12deg);z-index:-1}.library-hero-art:after{content:'';position:absolute;inset:-18px 8px;border:1px dashed #7137ed25;border-radius:50%;transform:rotate(18deg);z-index:-1}.library-hero-art img{filter:drop-shadow(0 18px 20px #7137ed13);border-radius:25px}.library-catalog{padding-top:46px;padding-bottom:58px}.catalog-toolbar{background:#fff;padding:8px;border:1px solid #eee5fa;border-radius:20px;box-shadow:0 12px 40px #4f287210;max-width:940px}.catalog-search{border:0;box-shadow:none;background:#faf7fe;border-radius:12px;min-height:53px}.catalog-search input{font-size:13px}.catalog-filter-button{background:#f1eaff;border-color:#e4d6fa;color:#7137ed;font-size:13px;font-weight:600;min-width:120px}.catalog-tabs{margin:25px 0 46px;gap:12px}.catalog-tabs button{font-weight:600;padding:10px 21px;background:#fff;font-size:12px}.catalog-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#8551ef,#672be4);box-shadow:0 7px 18px #7137ed24}.catalog-heading{padding-bottom:19px;border-bottom:1px solid #eee5f7;margin-bottom:28px}.catalog-heading h2{font-size:32px}.catalog-heading>span{background:#f5efff;color:#7137ed;padding:7px 12px;border-radius:30px;font-weight:600;font-size:11px}.catalog-grid{gap:27px}.catalog-card{border-radius:19px;border:1px solid #eadff5;box-shadow:0 6px 20px #32145c08;position:relative}.catalog-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px #401b781b;border-color:#b795ec}.catalog-art{border-bottom:1px solid #eee3f9;background:#f1e8ff}.catalog-tag{font-family:var(--font-main);font-weight:700;top:9px;left:9px;padding:5px 12px;box-shadow:0 4px 14px #2a10441a}.catalog-body{padding:21px}.catalog-body h3{font-size:17px;font-weight:700;line-height:1.45;letter-spacing:-.4px}.catalog-body p{font-size:11px;margin-top:7px}.catalog-actions{gap:10px;margin-top:20px}.catalog-actions button{min-height:44px;font-size:11px;font-weight:600;border-radius:10px}.catalog-preview{border-color:#d4bdef;background:#fdfbff}.catalog-use{background:linear-gradient(110deg,#8548f5,#6426de);box-shadow:0 4px 11px #7137ed1b}.catalog-use:hover{box-shadow:0 8px 18px #7137ed35}.catalog-use span{color:#ffd09e}.catalog-note{max-width:710px;margin:28px auto 0;line-height:1.9}.library-flow{border:1px solid #e9ddfa;background:radial-gradient(ellipse at 15% 80%,#efe2ff,transparent 50%),#f8f4ff;padding:40px}.library-flow h2{font-size:26px;line-height:1.4}.library-flow .library-eyebrow{font-size:10px}.step-icon{background:linear-gradient(145deg,#975cff,#6525df);border:2px solid #fff9;box-shadow:0 8px 20px #7137ed26,0 0 0 8px #7137ed07}.library-steps h3{font-size:15px;font-weight:700}.library-steps p{font-size:11px;line-height:1.8}.library-consult{margin-top:28px;border:1px solid #ffe0c9;padding:30px 38px;background:radial-gradient(ellipse at 95% 0,#ffdfbd,transparent 45%),#fff3ea}.library-consult h2{font-size:28px;line-height:1.4}.library-consult p{font-size:13px;line-height:1.8}.library-consult img{border-radius:18px}.library-cta{padding:66px 0;margin-top:60px;background:radial-gradient(ellipse at 15% 0,#5722bd,transparent 50%),radial-gradient(ellipse at 95% 80%,#5c21b6,transparent 55%),#261057}.library-cta h2{font-size:34px;line-height:1.4;letter-spacing:-1px}.library-cta .library-eyebrow{font-size:10px;letter-spacing:2px}.library-cta p:not(.library-eyebrow){font-size:14px}.library-button{font-size:12px;font-weight:600;border-radius:12px;min-height:47px}.library-dialog{font-family:var(--font-main)}.library-dialog h2{font-size:25px;line-height:1.4}.library-dialog>p{line-height:1.8}.demo-disclaimer{font-size:11px}#demoStage button{font-family:inherit}
@media(max-width:900px){.library-hero-grid{gap:12px}.library-hero h1{font-size:40px}.catalog-grid{gap:17px}.catalog-body{padding:16px}.catalog-body h3{font-size:15px}.library-flow{padding:32px 25px}}
@media(max-width:650px){.library-hero-grid{padding-top:30px;padding-bottom:30px;gap:15px}.library-hero h1{font-size:36px;letter-spacing:-1.2px}.library-hero-art{margin:8px 0;padding:12px}.library-hero-art:after{inset:0}.catalog-toolbar{padding:6px;gap:6px;border-radius:16px}.catalog-filter-button{min-width:42px;padding:8px 10px;font-size:22px}.catalog-tabs{gap:8px;margin-bottom:30px}.catalog-tabs button{padding:9px 13px;font-size:11px}.catalog-heading{gap:10px}.catalog-heading h2{font-size:25px}.catalog-heading p{font-size:12px}.catalog-heading>span{font-size:10px;padding:5px 9px}.catalog-grid{gap:14px}.catalog-card{border-radius:15px}.catalog-body{padding:13px 11px}.catalog-body h3{font-size:13px;letter-spacing:-.3px;min-height:38px}.catalog-body p{font-size:10px;line-height:1.6}.catalog-tag{font-size:9px;padding:4px 9px;top:7px;left:7px}.catalog-actions button{font-size:11px;min-height:40px}.library-flow{padding:30px 24px}.library-flow h2{font-size:24px}.library-consult{padding:24px;gap:18px}.library-consult h2{font-size:25px}.library-cta{margin-top:42px;padding:45px 0}.library-cta h2{font-size:28px}.library-cta p:not(.library-eyebrow){font-size:12px}.library-button{padding:12px 17px}}