:root{--bg:#070421;--bg2:#0e0735;--panel:#120a3f;--panel2:#181052;--line:#ffffff18;--muted:#b7afd1;--text:#fff;--purple:#7b2cff;--purple2:#9a45ff;--pink:#ff2f91;--yellow:#ffd32a;--green:#25cf6d;--blue:#25a6ff;--radius:18px;--shadow:0 18px 50px #02000d70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,"Segoe UI Rounded","Segoe UI",Arial,sans-serif}.app-body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 42% -15%,#4b17b960 0,transparent 34%),radial-gradient(circle at 90% 20%,#163c9d45 0,transparent 29%),linear-gradient(135deg,#07031d,#0c0731 58%,#07132d);overflow-x:hidden}.app-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 70% 65%,#9e70ff 0 1px,transparent 2px);background-size:70px 70px,110px 110px}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(600px,1fr) 430px;gap:12px;max-width:1920px;margin:auto;padding:10px 10px 78px;min-height:100vh}.sidebar{position:sticky;top:10px;height:calc(100vh - 20px);border:1px solid var(--line);border-radius:22px;padding:14px 10px;background:linear-gradient(180deg,#0d092eeb,#11103eed);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.brand{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;line-height:.84;margin:2px 0 12px}.brand-paint{font-size:30px;font-weight:1000;letter-spacing:-2px;background:linear-gradient(90deg,#ff416d,#ffce31,#52db7d,#3ebdff,#b66cff);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #fff8}.brand small{font-size:15px;font-weight:1000;margin-top:8px}.side-profile{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff08;margin-bottom:8px}.side-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,#5d2aff,#ff3b9a);border:2px solid #fff4}.side-profile small,.side-profile strong,.side-profile span{display:block}.side-profile small{font-size:9px;color:#d2cae9}.side-profile strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile span{font-size:9px;color:#ffd84e;font-weight:900}.side-xp{grid-column:1/-1;height:5px;border-radius:99px;background:#ffffff15;overflow:hidden}.side-xp b{display:block;height:100%;background:linear-gradient(90deg,#ffd32a,#ff8e2e);border-radius:inherit}.sidebar nav{display:grid;gap:3px;min-height:0;overflow:auto;padding:2px}.sidebar nav a{height:39px;border-radius:12px;text-decoration:none;color:#e9e4f7;display:grid;grid-template-columns:25px 1fr auto;align-items:center;padding:0 11px;font-size:12px;font-weight:800;transition:.16s;position:relative}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:linear-gradient(100deg,#7431ff,#a43ef0);box-shadow:0 8px 22px #6f1ee742}.sidebar nav a b{font-size:8px;padding:4px 7px;border-radius:99px;background:#df24b4}.sidebar nav a i{font-style:normal;font-size:9px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ff304f}.mascot-card{margin-top:auto;border-radius:18px;padding:9px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(155deg,#24105c,#3f0f76);border:1px solid #d52df560;min-height:155px}.mascot-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,#a648ff55,transparent 40%)}.mascot-card>*{position:relative}.mascot-card img{height:76px;display:block;margin:-3px auto -2px;object-fit:contain}.mascot-card strong{display:block;color:#ffdd40;font-size:11px}.mascot-card span{display:block;font-size:9px;margin:4px 0 6px}.mini-progress{height:7px;border-radius:20px;background:#ffffff17;overflow:hidden}.mini-progress b{height:100%;display:block;background:linear-gradient(90deg,#ffd627,#ff9b20)}.mascot-card button{width:100%;margin-top:7px;border:0;border-radius:10px;padding:8px;background:linear-gradient(#ffe642,#ffb713);color:#3a2100;font-weight:1000;font-size:10px;cursor:pointer}.content{min-width:0;display:flex;flex-direction:column;gap:10px}.topbar{height:52px;display:grid;grid-template-columns:minmax(240px,1fr) auto auto 38px auto;gap:9px;align-items:center}.menu-button{display:none}.search{height:42px;border:1px solid #ffffff20;background:#ffffff0c;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:9px;box-shadow:inset 0 1px 0 #fff1}.search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font:700 12px system-ui}.search input::placeholder{color:#ada6c6}.premium-btn,.login-link{height:40px;border:1px solid #d79b1766;border-radius:11px;padding:0 18px;background:linear-gradient(180deg,#ffd943,#ffae16);color:#351b00;font-weight:1000;font-size:11px;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #ffa80028}.diamond-wallet{height:40px;display:flex;align-items:center;gap:7px;padding:0 9px 0 13px;border:1px solid #9347ff55;border-radius:12px;background:#100a38;font-size:11px}.diamond-wallet strong{font-size:13px}.diamond-wallet button{width:24px;height:24px;border-radius:50%;border:0;background:#ff2f91;color:#fff;font-weight:1000}.notification-button{height:38px;border:1px solid #ffffff19;border-radius:11px;background:#ffffff08;color:#fff;position:relative;font-size:20px}.notification-button i{position:absolute;right:-4px;top:-5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ff304f;font-size:8px;font-style:normal}.user-menu{height:46px;display:flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff07}.user-menu>span{font-size:25px}.user-menu small,.user-menu strong,.user-menu em{display:block;font-style:normal;line-height:1.1}.user-menu small{font-size:8px;color:#ccc5df}.user-menu strong{font-size:10px;max-width:70px;overflow:hidden;text-overflow:ellipsis}.user-menu em{font-size:8px;color:#ffd944}.user-menu form button{border:0;background:transparent;color:#fff}.hero{height:224px;border-radius:18px;overflow:hidden;position:relative;display:grid;grid-template-columns:46% 54%;background:radial-gradient(circle at 45% 20%,#652ce4 0,transparent 43%),linear-gradient(120deg,#4a19c9,#1d39d3 56%,#5624d1);border:1px solid #a67aff44;box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;width:280px;height:280px;border:32px solid #ffef6a;border-radius:50%;left:-165px;top:-130px;opacity:.36}.hero:after{border-color:#ff4cb8;left:-135px;top:-100px}.hero-copy{position:relative;z-index:2;padding:22px 0 20px 37px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{color:#fff;font-size:30px;line-height:1.02;margin:0;font-weight:1000;text-shadow:0 3px 0 #22126a}.hero h1 strong{font-size:39px;color:#ffd62a}.hero h1 mark{background:none;color:#ffdd38}.hero p{font-size:12px;max-width:360px;margin:10px 0 12px;color:#f2ecff}.hero button{border:0;border-radius:12px;background:linear-gradient(90deg,#ff2f91,#df2bd4);padding:11px 22px;color:#fff;font-weight:1000;box-shadow:0 10px 25px #c40f7c55}.hero-art{position:relative;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#3b27d6 0,transparent 25%)}.hero-art b{position:absolute;z-index:2;right:18px;top:17px;width:73px;height:73px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#5fd35f,#1ba942);border:5px solid #b4f797;color:#fff;font-size:14px;line-height:1.05;box-shadow:0 8px 20px #071}.category-strip{height:62px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:7px;border-radius:15px;background:#110b3c;border:1px solid var(--line)}.category-strip button{min-width:0;border:1px solid #ffffff16;border-radius:11px;background:#ffffff0b;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px;font:800 10px system-ui;cursor:pointer;transition:.17s}.category-strip button img{width:33px;height:33px;border-radius:9px;object-fit:cover;box-shadow:0 3px 9px #0005}.category-strip button span{font-size:23px}.category-strip button b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-strip button:hover,.category-strip button.is-selected{background:linear-gradient(120deg,#8134ff,#b03de8);transform:translateY(-1px);box-shadow:0 8px 18px #6d1bdf44}.all-categories{background:#f7f5ff!important;color:#25194b!important}.dashboard-section{padding:0 3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;height:32px}.section-title h2{color:#fff;font-size:15px;margin:0;font-weight:1000}.section-title button{border:1px solid #ffffff15;border-radius:9px;padding:6px 11px;background:#ffffff08;color:#fff;font:800 9px system-ui}.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.age-card{height:106px;border:0;border-radius:14px;overflow:hidden;position:relative;text-align:left;padding:16px;color:#163715;cursor:pointer;box-shadow:inset 0 0 0 1px #fff4;transition:.17s}.age-card strong{font-size:26px;display:block;line-height:.9}.age-card span{font-size:12px;font-weight:1000}.age-card img{position:absolute;right:0;bottom:0;width:63%;height:100%;object-fit:cover;object-position:center}.age-card.green{background:linear-gradient(120deg,#bff978,#e8ff9b)}.age-card.yellow{background:linear-gradient(120deg,#ffd85d,#ffc264);color:#833700}.age-card.pink{background:linear-gradient(120deg,#ff8fc4,#ffb3d5);color:#9a154f}.age-card.blue{background:linear-gradient(120deg,#82d7ff,#a5e8ff);color:#07509b}.age-card:hover,.age-card.is-selected{transform:translateY(-3px) scale(1.01);box-shadow:0 11px 24px #0005,inset 0 0 0 3px #fff}.mission-preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mission-preview-row article{min-width:0;display:grid;grid-template-columns:37px 1fr auto;gap:8px;align-items:center;border-radius:13px;padding:9px 10px;background:linear-gradient(150deg,#1d124f,#15103c);border:1px solid #ffffff18}.mission-preview-row article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;font-size:22px}.mission-preview-row b,.mission-preview-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-preview-row b{font-size:9px}.mission-preview-row small{font-size:8px;color:#beb6d3}.mission-preview-row i{display:block;height:5px;border-radius:20px;background:#ffffff16;margin-top:5px;overflow:hidden}.mission-preview-row i:before{content:"";display:block;width:var(--p);height:100%;background:linear-gradient(90deg,#ffd32a,#ff8d21)}.mission-preview-row article>strong{font-size:8px;color:#5ee6ff}.drawing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.drawing-card{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:#fff;color:#171927;border:1px solid #ffffff22;box-shadow:0 7px 18px #0003;cursor:pointer;transition:.18s;isolation:isolate}.drawing-card:hover,.drawing-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 28px #0006;outline:2px solid #a55cff}.drawing-card img{width:100%;aspect-ratio:1/1.06;display:block;object-fit:cover;background:#fff}.drawing-card>strong{display:block;font-size:9px;text-align:center;padding:6px 4px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-card>small{display:block;text-align:center;color:#716a7e;font-size:7px;padding:0 4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heart{position:absolute;right:6px;top:6px;z-index:3;width:24px;height:24px;border-radius:50%;border:0;background:#fff;color:#ff2f72;font-size:16px;box-shadow:0 3px 9px #0003}.premium-tag,.cost-tag,.continue-tag{position:absolute;left:5px;top:5px;border-radius:99px;padding:3px 6px;font-size:7px;font-weight:1000;color:#fff;background:#ff9d16}.premium-tag{background:linear-gradient(90deg,#ffd52c,#ff8a16);color:#4a2500}.cost-tag{background:#3f7dff}.continue-tag{top:auto;bottom:37px;background:#29c979}.catalog-actions{text-align:center;padding:8px}.primary-btn{border:0;border-radius:11px;background:linear-gradient(90deg,#ff2f91,#7b2cff);color:#fff;padding:10px 17px;font-weight:1000}.library-coming,.empty-personal{grid-column:1/-1;display:flex;align-items:center;gap:12px;border:1px dashed #ffffff26;border-radius:14px;padding:18px;background:#ffffff08}.library-coming span,.empty-personal>span{font-size:36px}.library-coming strong,.library-coming p,.empty-personal strong,.empty-personal p{margin:0;display:block}.library-coming p,.empty-personal p{font-size:10px;color:#c5bdd7}.library-coming a,.empty-personal a{margin-left:auto;text-decoration:none;color:#fff;border-radius:10px;padding:8px 11px;background:#7b2cff;font-size:9px;font-weight:900}.edu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.edu-grid button{height:85px;border:0;border-radius:12px;padding:10px;text-align:left;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#38183b;background:#f7d8e7;cursor:pointer}.edu-grid button:nth-child(2){background:#f8d1e0}.edu-grid button:nth-child(3){background:#c7e9f8}.edu-grid button:nth-child(4){background:#ffd97f}.edu-grid button:nth-child(5){background:#ffc9bd}.edu-grid button:nth-child(6){background:#d7f0be}.edu-grid b{font-size:10px}.edu-grid span{font-size:7px}.edu-grid i{margin-top:auto;font-style:normal;font-size:24px;font-weight:1000}.personal-section,.missions-section{padding-top:5px}.personal-grid{grid-template-columns:repeat(6,1fr)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.achievement-grid article{padding:12px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff15}.achievement-grid span{font-size:22px}.achievement-grid b,.achievement-grid small{display:block}.achievement-grid b{font-size:11px}.achievement-grid small{font-size:8px;color:#bfb7d1}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission-grid article{display:flex;gap:9px;padding:11px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff16}.mission-grid article>span{font-size:25px}.mission-grid strong,.mission-grid small,.mission-grid em{display:block}.mission-grid strong{font-size:10px}.mission-grid small,.mission-grid em{font-size:8px;color:#bdb5d3;font-style:normal}.mission-progress{height:5px;border-radius:20px;background:#ffffff17;margin:7px 0;overflow:hidden}.mission-progress b{height:100%;display:block;background:linear-gradient(90deg,#ffcf25,#ff8c1d)}.studio{position:sticky;top:10px;height:calc(100vh - 20px);min-width:0;border-radius:20px;overflow:hidden;border:1px solid #ffffff18;background:linear-gradient(180deg,#100b35,#0b092a);box-shadow:var(--shadow);display:flex;flex-direction:column}.studio-head{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 9px;border-bottom:1px solid #ffffff12}.back-button{border:0;background:#ffffff08;color:#fff;border-radius:9px;padding:7px 8px;font-weight:900;font-size:9px}.studio-heading{min-width:0}.studio-heading strong,.studio-heading small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-heading strong{font-size:11px}.studio-heading small{font-size:7px;color:#bfb6d4}.studio-actions{display:flex;gap:4px}.studio-actions button{height:32px;min-width:32px;border:1px solid #ffffff11;border-radius:8px;background:#ffffff08;color:#fff}.studio-actions .save-btn{padding:0 14px;background:linear-gradient(90deg,#ff2e91,#de38a5);font-weight:1000}.studio-body{min-height:0;flex:1;display:flex;flex-direction:column}.canvas-stage{padding:8px 9px 6px;min-height:0}.canvas-wrap{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 26px #0005}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-loader{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#fff;color:#42247e;font-size:12px}.canvas-loader.hidden{display:none}.canvas-loader span{font-size:26px}.canvas-status{display:flex;justify-content:space-between;gap:8px;padding:5px 2px 0;color:#9f97ba;font-size:7px}.studio-controls{min-height:0;flex:1;display:flex;flex-direction:column;overflow:auto;border-top:1px solid #ffffff12}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#ffffff06;padding:5px;gap:4px}.tool-tabs button{border:0;border-radius:8px;background:transparent;color:#d7d0e7;padding:7px 3px;font:800 8px system-ui}.tool-tabs button.active,.tool-tabs button.is-selected{background:linear-gradient(90deg,#6e2ce9,#8837e6);color:#fff}.control-panel{display:none}.control-panel.panel-visible{display:grid}.tools{grid-template-columns:repeat(6,1fr);gap:5px;padding:7px}.tools button{height:54px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff08;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px}.tools button span{font-size:7px;margin-top:4px}.tools button.active,.tools button.is-selected{background:#271454;border-color:#a052ff;box-shadow:0 0 0 2px #8b3aff33}.size-control{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;font-size:8px}.size-control input{accent-color:#7a36ff}.size-control b{font-size:8px}.color-panel{padding:8px 10px;gap:8px}.palette{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.palette button{aspect-ratio:1;border-radius:50%;border:2px solid transparent;box-shadow:0 2px 7px #0005}.palette button.active,.palette button.is-selected{border-color:#fff;transform:scale(1.12)}.custom-color{display:flex;justify-content:space-between;align-items:center;font-size:8px}.custom-color input{width:38px;height:25px;border:0;background:transparent}.effects-panel{padding:9px;gap:8px}.rainbow-tool{border:0;border-radius:11px;padding:10px;color:#fff;background:linear-gradient(90deg,#ffca17,#ff5c21,#e522d1,#662cff);font-weight:1000}.rainbow-tool small{display:block;font-size:7px}.effect-hint{font-size:8px;color:#bfb8d2;background:#ffffff08;border-radius:9px;padding:9px}.stickers-panel{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.stickers-panel button{height:55px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff08;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px}.stickers-panel button span{font-size:7px;margin-top:3px}.stickers-panel button.is-selected{background:#35146f;border-color:#a052ff}.magic-helper{display:grid;padding:8px;gap:7px}.magic-helper header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:7px;border-radius:11px;padding:6px;background:linear-gradient(120deg,#392074,#731e91)}.magic-helper header img{width:48px;height:40px;object-fit:cover;border-radius:8px}.magic-helper header b,.magic-helper header small{display:block}.magic-helper header b{font-size:9px}.magic-helper header small{font-size:7px;color:#e0d8ec}.magic-helper header i{font-style:normal;font-size:6px;border-radius:99px;padding:3px 5px;background:#ff2d91}.assistant-messages{max-height:82px;overflow:auto;background:#ffffff07;border-radius:9px;padding:7px}.assistant-message{font-size:8px;margin:0;padding:6px 8px;border-radius:8px;background:#fff;color:#302447}.assistant-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.assistant-quick-actions button{border:1px solid #ffffff10;border-radius:8px;background:#ffffff08;color:#fff;padding:7px;font:800 7px system-ui}.assistant-form{display:grid;grid-template-columns:1fr auto;gap:5px}.assistant-form input{min-width:0;border:1px solid #ffffff16;border-radius:8px;padding:8px;background:#ffffff08;color:#fff;font-size:8px}.assistant-form button{border:0;border-radius:8px;background:#7b2cff;color:#fff;font-weight:900}.achievement-bar{position:fixed;z-index:8;left:212px;right:10px;bottom:8px;height:58px;border:1px solid #ffffff18;border-radius:14px;background:#0e0a32ec;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 15px 40px #0008}.achievement-bar>div{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid #ffffff12;font-size:21px}.achievement-bar>div:last-child{border:0}.achievement-bar b,.achievement-bar small{display:block}.achievement-bar b{font-size:9px}.achievement-bar small{font-size:7px;color:#bcb4cf}.clickable{position:relative;overflow:hidden;transition:transform .15s,filter .15s,box-shadow .15s}.clickable:active,.is-pressed{transform:scale(.96)!important;filter:brightness(1.12)}.click-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff8;transform:translate(-50%,-50%);animation:ripple .52s ease-out forwards;pointer-events:none}@keyframes ripple{to{width:220px;height:220px;opacity:0}}.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 5px #8d3aff!important}.toast{position:fixed;z-index:80;left:50%;bottom:80px;transform:translate(-50%,15px);background:#201052;color:#fff;border:1px solid #ffffff22;border-radius:11px;padding:10px 16px;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal[hidden]{display:none}.modal{position:fixed;z-index:90;inset:0;background:#03000dbb;display:grid;place-items:center;padding:18px}.modal-card{width:min(460px,94vw);border-radius:22px;padding:26px;text-align:center;background:linear-gradient(145deg,#21105d,#0d082d);border:1px solid #ffffff22;box-shadow:0 30px 100px #000}.modal-close{float:right;border:0;background:#ffffff10;color:#fff;border-radius:50%;width:31px;height:31px}.premium-crown{font-size:42px}.modal-card h2{margin:5px}.modal-card p{color:#c6bfd7;font-size:11px}.premium-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.premium-benefits span{border-radius:9px;padding:9px;background:#ffffff08;font-size:9px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 25% 10%,#5b27c9,transparent 35%),linear-gradient(140deg,#08051e,#1d0b49);color:#fff}.auth-card{width:min(430px,94vw);padding:30px;border-radius:24px;background:#100a31;border:1px solid #ffffff20;box-shadow:0 30px 90px #0009}.auth-logo{text-decoration:none;color:#fff;font-size:24px;font-weight:1000}.auth-logo span{color:#ff3a92}.auth-card h1{font-size:24px}.auth-card>p{color:#c9c1d9;font-size:11px}.auth-form{display:grid;gap:12px}.auth-form label{font-size:10px;font-weight:900}.auth-form input{width:100%;margin-top:5px;border:1px solid #ffffff1d;border-radius:11px;padding:12px;background:#ffffff08;color:#fff}.auth-form .primary-btn{width:100%}.auth-switch{text-align:center}.auth-switch a{color:#ff7bc0}.alert{border-radius:10px;padding:10px;font-size:10px}.alert.error{background:#5a1734;color:#ffc5d7}
@media(max-width:1450px){.app-shell{grid-template-columns:178px minmax(570px,1fr) 390px}.hero h1{font-size:27px}.hero h1 strong{font-size:35px}.drawing-grid{grid-template-columns:repeat(5,1fr)}.drawing-card:nth-child(n+11){display:none}.achievement-bar{left:200px}.studio-actions button:nth-child(1),.studio-actions button:nth-child(2){display:none}}
@media(max-width:1180px){.app-shell{grid-template-columns:176px minmax(0,1fr);padding-bottom:72px}.studio{position:fixed;z-index:50;inset:0;width:100%;height:100dvh;border-radius:0;transform:translateX(105%);transition:.25s}.studio.open{transform:translateX(0)}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) 360px}.canvas-stage{display:grid;place-items:center}.canvas-wrap{width:min(78vh,100%)}.achievement-bar{left:198px}.hero{grid-template-columns:48% 52%}.drawing-grid{grid-template-columns:repeat(6,1fr)}.drawing-card:nth-child(n){display:block}}
@media(max-width:860px){.app-shell{display:block;padding:8px 8px 74px}.sidebar{position:fixed;z-index:60;left:8px;top:8px;bottom:8px;width:225px;height:auto;transform:translateX(-110%);transition:.22s}.sidebar.open{transform:translateX(0)}.topbar{grid-template-columns:40px 1fr auto auto}.menu-button{display:block;height:40px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff08;color:#fff}.premium-btn{display:none}.notification-button{display:none}.user-menu{display:none}.hero{height:210px}.category-strip{overflow:auto;display:flex}.category-strip button{min-width:130px}.age-grid{grid-template-columns:1fr 1fr}.mission-preview-row{grid-template-columns:1fr 1fr}.drawing-grid,.personal-grid{grid-template-columns:repeat(4,1fr)}.edu-grid{grid-template-columns:repeat(3,1fr)}.achievement-bar{left:8px}.studio-body{grid-template-columns:1fr}.studio-controls{max-height:43vh}.canvas-wrap{width:min(57vh,100%)}}
@media(max-width:600px){.topbar{grid-template-columns:36px 1fr auto;height:48px}.diamond-wallet{height:38px}.login-link{font-size:0;width:40px;padding:0}.login-link:after{content:"👤";font-size:18px}.hero{height:252px;display:block}.hero-copy{padding:18px 16px;width:62%;height:100%}.hero h1{font-size:22px}.hero h1 strong{font-size:30px}.hero p{font-size:10px}.hero-art{position:absolute;right:0;top:0;width:58%;height:100%}.hero-art b{width:58px;height:58px;font-size:11px}.age-card{height:90px}.age-card strong{font-size:22px}.mission-preview-row{display:flex;overflow:auto}.mission-preview-row article{min-width:220px}.drawing-grid,.personal-grid{grid-template-columns:repeat(3,1fr)}.edu-grid{display:flex;overflow:auto}.edu-grid button{min-width:130px}.achievement-grid{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:1fr}.achievement-bar{height:54px;overflow:auto;display:flex}.achievement-bar>div{min-width:160px;padding:0 10px}.studio-head{grid-template-columns:auto 1fr auto}.studio-actions button{display:none}.studio-actions .save-btn{display:block}.canvas-stage{padding:6px}.canvas-wrap{width:min(54vh,100%)}.palette{grid-template-columns:repeat(9,1fr)}.tools{grid-template-columns:repeat(6,1fr)}.tools button{height:49px}.section-title h2{font-size:13px}}
@media(max-width:410px){.hero-copy{width:70%}.hero-art{width:52%}.drawing-grid,.personal-grid{grid-template-columns:repeat(2,1fr)}.age-grid{gap:6px}.age-card{height:82px;padding:12px}.age-card img{width:68%}.search{padding:0 9px}.search input{font-size:10px}}