:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c2440;background:#f7f5fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif}.header{height:82px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fbfaff;border-bottom:1px solid #e5e0ef}.logo{display:flex;align-items:center;gap:9px}.logo b{font:700 1.35rem Georgia,serif}.logo small{font-size:.56rem;letter-spacing:.2em;color:#8d7fac}.gem{display:inline-grid;place-items:center;width:32px;height:32px;color:var(--gem);font-size:1.5rem;filter:drop-shadow(0 3px 4px color-mix(in srgb,var(--gem),transparent 55%));text-shadow:-1px -1px #fff9}.header nav,footer nav{display:flex;align-items:center;gap:26px;font-size:.9rem;font-weight:750}.pill,.button{padding:12px 19px;border-radius:999px;background:#4e3c91;color:#fff!important}.hero{min-height:690px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:stretch;background:#111936;color:#fff}.hero>div{padding:110px 6vw 90px max(30px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;justify-content:center}.hero img{width:100%;height:100%;min-height:690px;object-fit:cover}.eyebrow{color:#c496ff;font-size:.75rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(4rem,7vw,7.5rem);line-height:.9;letter-spacing:-.06em}.hero h1 em{color:#f4bf66;font-weight:400}.hero>div>p:not(.eyebrow){max-width:600px;margin:26px 0;color:#bdc5e2;font-size:1.12rem;line-height:1.75}.actions{display:flex;gap:22px;align-items:center;margin:15px 0 22px}.actions a:first-child,.final a,.page form button{padding:16px 22px;border-radius:12px;background:#7e5fd3;color:#fff;font-weight:850}.actions a:last-child{border-bottom:1px solid #7180ac;font-weight:800}.hero small{color:#8793b9}.proof{min-height:72px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;background:#f0c56c;font-weight:850}.features{padding:110px max(24px,calc((100% - 1120px)/2));text-align:center}.features h2,.collections h2,.modes h2,.final h2{font-size:clamp(2.7rem,5vw,5rem)}.features>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:#ded9e9;text-align:left}.features article{padding:38px;background:#f7f5fb}.features article>b{color:#8469c3}.features h3{font-size:1.45rem}.features p,.collections p,.modes span{color:#6e7186;line-height:1.7}.collections{min-height:680px;padding:100px max(24px,calc((100% - 1120px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;background:#171d3e;color:#fff}.collections>div:first-child a{display:inline-block;margin-top:25px;color:#f1c66b;font-weight:850}.collection-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.collection-stack>span{height:76px;padding:0 20px;display:flex;align-items:center;gap:14px;border:1px solid #39426d;border-radius:16px;background:#20284e;font-weight:800;transform:translate(calc((var(--i) % 2) * 12px))}.modes{padding:110px max(24px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.mode-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-list article{min-height:190px;padding:28px;display:flex;flex-direction:column;border:1px solid #ddd7ea;border-radius:22px;background:#fff}.mode-list b{margin:18px 0 8px;font-size:1.04rem}.final{padding:110px 24px;text-align:center;background:#724fb5;color:#fff}.final p{color:#ded2f3}.final a{display:inline-block;margin-top:15px;background:#f3c563;color:#292044}footer{padding:42px max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:35px;background:#10162f;color:#d9dbec}footer>span{margin-right:auto;color:#858ba9;font-size:.8rem}.library{min-height:100vh}.library-head{padding:75px max(24px,calc((100% - 1180px)/2)) 40px;text-align:center}.library-head h1,.page h1,.admin h1{font-size:clamp(2.8rem,5vw,5rem)}.library-head>p:not(.eyebrow){color:#73758a}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 20px}.filters button,.studio-modes button{padding:9px 14px;border:1px solid #d8d2e5;border-radius:999px;background:#fff;color:#605e70}.filters button.active,.studio-modes button.active{background:#4e3c91;color:#fff}.search{width:min(450px,100%);padding:13px 16px;border:1px solid #d6d0e3;border-radius:12px}.art-grid{width:min(1180px,calc(100% - 40px));margin:0 auto 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.art-grid>a{overflow:hidden;border:1px solid #ddd8e7;border-radius:20px;background:#fff;transition:.2s}.art-grid>a:hover{transform:translateY(-4px);box-shadow:0 16px 30px #35275e1a}.art-grid>a>div:last-child{padding:18px}.art-grid span{color:#8876af;font-size:.72rem;text-transform:uppercase}.art-grid h2{margin:7px 0;font-size:1.25rem}.art-grid p{color:#77788a;font-size:.82rem}.art-preview{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:16px;background:#222b50}.art-preview i{border-radius:35%;box-shadow:inset -2px -2px #0003,inset 2px 2px #fff6}.studio{min-height:100vh;background:#171c36;color:#fff}.studio-head{height:72px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #303757}.studio-head>div{text-align:center}.studio-head>div span{display:block;color:#858ead;font-size:.7rem}.studio-head>a:last-child{justify-self:end;color:#afb5cf}.studio-modes{padding:10px;display:flex;justify-content:center;gap:8px;background:#202642}.studio-layout{display:grid;grid-template-columns:210px minmax(380px,1fr) 230px;min-height:calc(100vh - 126px)}.studio-layout>aside{padding:28px;background:#202642}.palette{display:grid;gap:9px}.palette button{min-height:52px;padding:7px 10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;border:1px solid #3b4364;border-radius:12px;background:#171c36;color:#fff}.palette button.active{outline:3px solid #f0c76a}.palette span{color:#959dbb}.hint,.studio-info button{width:100%;margin-top:20px;padding:12px;border:1px solid #5a648c;border-radius:10px;background:transparent;color:#fff}.progress{height:8px;margin-top:30px;border-radius:99px;background:#11152b}.progress span{display:block;height:100%;border-radius:99px;background:#f0c76a}.progress b{display:block;margin-top:9px;font-size:.72rem;color:#a8aec7}.canvas-wrap{padding:35px;display:grid;place-items:center;overflow:auto;background:radial-gradient(circle,#32395d,#151a34)}.canvas{width:min(72vh,100%);display:grid;grid-template-columns:repeat(var(--size),1fr);gap:2px;padding:10px;border:5px solid #d6ad5b;background:#0d1228;box-shadow:0 25px 60px #0008}.canvas button{aspect-ratio:1;padding:0;border:0;border-radius:22%;background:color-mix(in srgb,var(--cell),#20294c 75%);color:#adb2ca;font-size:clamp(.42rem,1.2vw,.72rem);touch-action:none}.canvas button.matching{background:color-mix(in srgb,var(--cell),#fff 62%);color:#252846}.canvas button.placed{background:transparent}.canvas button.placed .gem{width:100%;height:100%;font-size:clamp(.55rem,2vw,1.25rem)}.canvas button.hinted{animation:hint 1s infinite}@keyframes hint{50%{outline:4px solid #fff;transform:scale(1.18)}}.studio-info h2{font-size:1.5rem}.studio-info p{color:#aab1cc;line-height:1.6}.studio-info label{display:block;margin:15px 0;color:#c9cce0}.complete{position:fixed;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;text-align:center;background:#10152aee}.complete .gem{width:90px;height:90px;font-size:5rem}.complete h2{font-size:3.5rem}.complete a{padding:14px 20px;border-radius:12px;background:#f2c76b;color:#25203b;font-weight:850}.page{min-height:100vh;display:flex;flex-direction:column}.page>section{width:min(650px,calc(100% - 40px));margin:auto;padding:80px 0}.page footer{margin-top:auto}.page form{display:grid;gap:16px}.page label{display:grid;gap:7px;font-weight:800}.page input,.invite input,.settings input{padding:13px;border:1px solid #d4cee2;border-radius:10px}.page form button{border:0}.page h2{margin-top:35px}.page p{color:#666b80;line-height:1.7}.page .button{display:inline-block}.quiet{margin-top:20px;padding:10px;border:0;background:transparent}.error{padding:12px!important;border-radius:10px;background:#fee8ed;color:#9b2840!important}.loading{min-height:100vh;display:grid;place-items:center;background:#171c36;color:#fff}.admin{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f4f2f8}.admin>aside{padding:28px 18px;display:flex;flex-direction:column;gap:7px;background:#151b37;color:#fff}.admin>aside .logo{margin-bottom:25px}.admin>aside button,.admin>aside a{padding:12px 14px;text-align:left;border:0;border-radius:9px;background:transparent;color:#b8bed6}.admin>aside button.active{background:#6d52b3;color:#fff}.admin>aside a{margin-top:auto}.admin>section{min-width:0;padding:55px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.metrics>b{padding:25px;border:1px solid #ddd7e9;border-radius:16px;background:#fff;font:700 2rem Georgia,serif}.metrics span{display:block;margin-top:8px;color:#7c7e91;font:500 .72rem system-ui}.table{max-height:65vh;overflow:auto;border:1px solid #ddd7e9;border-radius:16px;background:#fff}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #eeeaf3;font-size:.8rem}.invite{display:flex;gap:8px;margin:20px 0}.invite button,.settings button{padding:12px 18px;border:0;border-radius:10px;background:#594298;color:#fff}.settings{max-width:600px;display:grid;gap:14px;padding:28px;border-radius:18px;background:#fff}.settings label{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings label input:not([type=checkbox]){width:65%}.seasonal{padding:110px max(24px,calc((100% - 1120px)/2));background:#f3ecdf}.seasonal-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.seasonal-heading h2{max-width:760px;margin-bottom:0;font-size:clamp(2.7rem,5vw,5rem)}.seasonal-heading>p{color:#6e6571;line-height:1.75}.seasonal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.holiday-card{min-height:400px;padding:34px;display:flex;flex-direction:column;border-radius:26px;color:#fff;box-shadow:0 22px 45px #35243d1c;transition:.2s}.holiday-card:hover{transform:translateY(-5px)}.holiday-card i{height:120px;font: 5rem Georgia,serif}.holiday-card span{font-size:.7rem;font-weight:900;letter-spacing:.16em;opacity:.75}.holiday-card h3{margin:12px 0;font-size:2.3rem}.holiday-card p{line-height:1.6;opacity:.82}.holiday-card b{margin-top:auto}.holiday-card.halloween{background:linear-gradient(145deg,#24152f,#834021)}.holiday-card.christmas{background:linear-gradient(145deg,#123c33,#8e2935)}.holiday-card.new-year-s{background:linear-gradient(145deg,#0d1d45,#654e98)}.filter-groups{margin:30px auto 20px}.filter-groups .filters{margin:8px 0}.filters>b{align-self:center;margin-right:8px;color:#77738a;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.seasonal-filters button{border-color:#c69b54;background:#fffaf0}.seasonal-filters button.active{background:#8a5828}@media(max-width:900px){.header nav a:not(.pill){display:none}.hero{grid-template-columns:1fr}.hero img{min-height:430px}.proof{grid-template-columns:1fr 1fr;gap:1px}.proof span{padding:18px}.collections,.modes{grid-template-columns:1fr}.seasonal-heading{grid-template-columns:1fr;gap:10px}.seasonal-grid{grid-template-columns:1fr}.holiday-card{min-height:310px}.art-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:150px 1fr}.studio-info{display:none}.admin{grid-template-columns:170px 1fr}.admin>section{padding:35px 24px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header{height:68px;padding:0 15px}.hero>div{padding:75px 24px}.hero h1{font-size:4rem}.hero img{min-height:300px}.actions{align-items:flex-start;flex-direction:column}.features>div,.mode-list{grid-template-columns:1fr}.collections{padding-top:75px;padding-bottom:75px}.collection-stack{grid-template-columns:1fr}.art-grid{grid-template-columns:1fr 1fr;gap:9px}.art-grid>a>div:last-child{padding:12px}.studio-head{grid-template-columns:1fr auto}.studio-head>div{display:none}.studio-layout{display:block}.studio-layout>aside:first-child{padding:10px;position:sticky;top:0;z-index:4}.studio-layout>aside .eyebrow,.studio-layout>aside .hint,.studio-layout>aside .progress{display:none}.palette{display:flex;overflow:auto}.palette button{min-width:72px;grid-template-columns:32px 1fr}.palette button span{display:none}.canvas-wrap{padding:14px;min-height:calc(100vh - 190px)}.canvas{width:100%}.admin{display:block}.admin>aside{position:sticky;top:0;z-index:5;padding:10px;flex-direction:row;overflow:auto}.admin>aside .logo,.admin>aside a{display:none}.admin>section{padding:25px 15px}.metrics{grid-template-columns:1fr 1fr}.invite{flex-direction:column}footer{align-items:flex-start;flex-direction:column}footer nav{flex-wrap:wrap}}