@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#4b3155;background:#fff5fb;font-synthesis:none;--pink:#ff5ea8;--purple:#8b62e6;--ink:#4b3155;--soft:#fff0f8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0,#ffe2f2 0,transparent 34%),#fffafb}button{font:inherit;color:inherit}.app{width:min(100%,680px);min-height:100vh;margin:auto;padding:0 18px 108px;background:#ffffffb8}button{cursor:pointer;border:0}.top,.subtop{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-family:"Baloo 2";font-size:28px;font-weight:800;letter-spacing:2px;color:var(--pink)}.top-actions,.wide-actions{display:flex;gap:10px}.pill,.level{display:flex;align-items:center;gap:5px;border-radius:30px;background:#fff;padding:9px 13px;box-shadow:0 5px 18px #d890b62b;font-weight:800}.level{font-size:12px;color:#8d6598}.level svg{width:15px}.round{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 18px #d890b62b}.round svg{width:21px}.subtop h2{font:800 22px "Baloo 2";margin:0;text-align:center}.hero{padding:0;position:relative;width:100%;height:235px;border-radius:30px;overflow:hidden;background:#ffd6ea;box-shadow:0 15px 32px #db83ae33}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.hero:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#5c2b5ab8)}.hero span{position:absolute;z-index:2;left:23px;bottom:20px;color:#fff;font:700 20px "Baloo 2"}.hello{display:flex;justify-content:space-between;align-items:center;padding:24px 4px 14px}.hello h1{font:800 25px "Baloo 2";margin:0}.hello p{margin:0;color:#92789b}.hello b{font-size:12px;background:#fff0d9;color:#d37b24;padding:8px;border-radius:14px}.play{width:100%;min-height:57px;border-radius:18px;background:linear-gradient(135deg,var(--pink),#aa64e9);color:#fff;font-weight:900;letter-spacing:.4px;box-shadow:0 10px 22px #df69ad4a;display:flex;align-items:center;justify-content:center;gap:9px}.play svg{width:20px}.israe-spotlight{width:100%;margin-top:15px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:2px solid #ffe2f1;border-radius:20px}.israe-spotlight>b{font-size:25px}.israe-spotlight span{display:flex;flex:1;flex-direction:column}.israe-spotlight small,.mode small,.book small,.about small{color:#9a7e9d}.section-title{font:800 20px "Baloo 2";margin:25px 2px 10px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{min-height:132px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:23px;background:#fff;box-shadow:0 7px 20px #74486e14}.mode>span{padding:9px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#ff8bbc,#9a79ec)}.mode strong{margin-top:10px}.bottom{position:fixed;z-index:20;bottom:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),650px);height:76px;display:flex;justify-content:space-around;align-items:center;border:1px solid #ffe1f0;background:#fffcfeea;backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 12px 35px #6b31512e}.nav{width:22%;background:transparent;color:#a68ca9;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:800}.nav svg{width:23px}.nav.on{color:var(--pink)}.categories{display:flex;gap:8px;overflow:auto;padding:5px 0 15px;scrollbar-width:none}.chip{white-space:nowrap;padding:9px 15px;border-radius:25px;background:#fff;color:#957699;font-weight:800}.chip.on{color:#fff;background:var(--pink)}.book-grid,.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.book{position:relative;padding:0;overflow:hidden;text-align:left;background:#fff;border-radius:21px;box-shadow:0 7px 20px #74486e17}.book img{display:block;width:100%;aspect-ratio:2/2.65;object-fit:cover}.book-info{padding:12px;display:flex;flex-direction:column}.book .new{position:absolute;z-index:2;top:9px;left:9px;padding:5px 8px;color:#fff;background:#ff5ea8;border-radius:12px;font-size:9px;font-weight:900}.canvas-card{padding:8px;background:#fff;border-radius:25px;box-shadow:0 8px 28px #7f547423}.canvas-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:2/3;border-radius:19px;touch-action:none;background:#fff}.canvas-wrap img,.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.canvas-wrap canvas{z-index:2}.tools{margin-top:14px;padding:13px;background:#fff;border-radius:23px;box-shadow:0 8px 28px #7f547423}.colors{display:flex;overflow:auto;gap:9px;padding:2px}.swatch{flex:0 0 31px;width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #eadce5}.swatch.selected{box-shadow:0 0 0 3px var(--ink)}.toolrow{margin-top:13px;display:flex;justify-content:space-between;gap:6px}.tool{width:47px;height:45px;display:grid;place-items:center;border-radius:14px;background:#fff0f7}.tool svg{width:20px}.tool.on{background:#f6d9ff;color:#8c53dc}.tool.done{background:var(--pink);color:#fff}.brush-panel{margin-top:14px;padding:14px;border-radius:16px;background:#fff4fa}.brush-head,.opacity-row{display:flex;align-items:center;gap:10px}.brush-head output,.opacity-row output{margin-left:auto;font-weight:800}.brush-preview{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff}.brush-preview i{display:block;border-radius:50%}.range{accent-color:var(--pink);width:100%;margin:13px 0}.presets{display:flex;gap:6px;overflow:auto}.presets button{white-space:nowrap;padding:7px 9px;border-radius:12px;background:#fff;font-size:11px}.presets button.on{background:var(--purple);color:#fff}.opacity-row{margin-top:9px;font-size:12px}.opacity-row .range{flex:1}.toast{position:fixed;z-index:50;left:50%;bottom:103px;transform:translate(-50%);padding:12px 20px;border-radius:25px;background:#513054;color:#fff;font-weight:800;box-shadow:0 8px 25px #0003}.dress-stage,.jewel-stage{height:290px;border-radius:29px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#fff 0,#ffe0f0 50%,#e9dcff);overflow:hidden}.avatar{position:relative;width:170px;height:250px}.avatar .hair{position:absolute;left:35px;top:17px;width:100px;height:103px;border-radius:52% 52% 42% 42%}.avatar .face{position:absolute;left:51px;top:47px;width:68px;height:78px;border-radius:48%;background:#f6c3a7;color:#8a4a50;font-style:normal;font-size:25px;padding-top:30px}.avatar .dress{position:absolute;left:37px;top:112px;width:96px;height:120px;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);border-radius:12px}.avatar b{position:absolute;z-index:5;top:3px;left:69px;font-size:36px}.sparkles{position:absolute;font-size:30px;color:#fff}.picker{margin-top:15px;padding:15px;border-radius:20px;background:#fff}.picker h3{font:800 17px "Baloo 2";margin:0 0 10px}.pick-row{display:flex;gap:13px}.pick{width:48px;height:48px;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e8dce7}.pick.on,.mini-gem.on{box-shadow:0 0 0 3px #563c62}.pick.emoji{font-size:24px;background:#fff4fa}.wide-actions{margin-top:15px}.wide-actions button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border-radius:17px;background:#fff}.wide-actions button.primary{color:#fff;background:var(--pink)}.wide-actions svg{width:18px}.jewel-stage{height:260px}.jewel-stage p{margin-top:-55px;font-weight:800}.necklace{position:relative;width:245px;height:135px;border:6px solid #e0b74f;border-top:0;border-radius:0 0 50% 50%}.necklace i{position:relative;top:98px;display:inline-block;width:35px;height:35px;margin:0 8px;transform:rotate(45deg);border:4px solid #f5d77a}.necklace b{position:absolute;left:90px;top:101px;width:54px;height:54px;display:grid;place-items:center;color:#fff;transform:rotate(45deg);border:5px solid #f5d77a}.gem-row{display:flex;align-items:center;gap:10px;margin:11px 0}.gem-row strong{width:55px;font-size:12px}.mini-gem{width:30px;height:30px;border-radius:8px;transform:rotate(45deg);border:3px solid white}.profile-hero{position:relative;overflow:hidden;border-radius:30px;background:#ffd8ea}.profile-hero img{display:block;width:100%;height:360px;object-fit:cover}.profile-hero>div{position:absolute;inset:auto 0 0;padding:65px 22px 22px;color:#fff;background:linear-gradient(transparent,#59334fe6)}.profile-hero span{font-size:10px;font-weight:900;letter-spacing:2px}.profile-hero h1{font:800 33px "Baloo 2";margin:4px 0}.profile-hero p{margin:0}.story{padding:20px 7px}.story h2{font:800 21px "Baloo 2";margin-bottom:5px}.story p{color:#7f6587;line-height:1.6}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.value-grid article{padding:14px 9px;text-align:center;border-radius:18px;background:#fff}.value-grid b{font-size:25px}.value-grid h3{margin:5px 0;font-size:13px}.value-grid p{margin:0;font-size:10px;color:#947b99}.soft-button{width:100%;margin-top:10px;min-height:49px;border-radius:17px;background:#ffe7f3;color:#cf4588;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.empty{text-align:center;padding:75px 20px}.empty>div{font-size:65px}.empty h2{font:800 25px "Baloo 2";margin-bottom:5px}.empty p{color:#917795}.gallery-grid article{overflow:hidden;border-radius:20px;background:#fff}.gallery-grid img{width:100%;aspect-ratio:2/3;object-fit:cover}.gallery-grid article>div{display:flex;align-items:center;padding:9px}.gallery-grid span{flex:1;display:flex;min-width:0;flex-direction:column}.gallery-grid strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-grid small{font-size:9px}.gallery-grid button{padding:6px;background:transparent}.gallery-grid svg{width:16px}.reward-total{margin:10px 0 16px;padding:28px;text-align:center;border-radius:28px;background:linear-gradient(135deg,#ffdb78,#ff9bbb);color:#fff}.reward-total svg{width:38px;height:38px;fill:#fff}.reward-total strong{display:block;font:800 42px "Baloo 2"}.reward-total span{font-weight:800}.progress-card{padding:16px;border-radius:19px;background:#fff}.progress-card>div{display:flex;justify-content:space-between;font-size:12px}.progress-card i{display:block;height:10px;margin-top:11px;border-radius:10px;background:#f3e8f0}.progress-card i b{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ffbf59,#ff66ad)}.reward-list{display:grid;gap:10px;margin-top:15px}.reward-list article{display:flex;align-items:center;gap:12px;padding:14px;border-radius:19px;background:#f2edf1;color:#a598a4}.reward-list article.unlocked{background:#fff;color:var(--ink)}.reward-list article>b{font-size:28px}.reward-list article>span{display:flex;flex:1;flex-direction:column}.reward-list small{font-size:11px}.reward-list em{font-size:11px;color:#49b874;font-style:normal;font-weight:900}.reward-list svg{width:18px}.safe-note{text-align:center;color:#9b7e9c;font-size:12px}.settings-card{overflow:hidden;border-radius:22px;background:#fff}.setting{width:100%;display:flex;align-items:center;gap:12px;padding:17px;background:#fff;text-align:left;border-bottom:1px solid #f5eaf1}.setting i{padding:9px;border-radius:12px;color:var(--pink);background:#fff0f7}.setting span{display:flex;flex:1;flex-direction:column}.setting small{color:#9e899f}.switch{width:46px;height:27px;padding:3px;border-radius:20px;background:#d9cfd7}.switch em{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--pink)}.switch.on em{transform:translate(19px)}.privacy,.about{display:flex;gap:13px;margin-top:16px;padding:17px;border-radius:21px;background:#f0ecff}.privacy>svg{flex:0 0 auto;color:#7457cf}.privacy h3{margin:0}.privacy p{margin:5px 0;color:#796d88;font-size:12px;line-height:1.5}.about{align-items:center;background:#fff}.about span{display:flex;flex-direction:column}.about svg{color:var(--pink)}.zoom-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px}.zoom-bar button{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 4px 14px #74486e17}.zoom-bar button:last-child{margin-left:5px;color:var(--pink)}.zoom-bar svg{width:19px}.zoom-bar strong{min-width:58px;text-align:center;font-size:13px}.canvas-viewport{width:100%;max-height:68vh;overflow:auto;border-radius:19px;overscroll-behavior:contain;background:#f7edf3;scrollbar-width:thin}.canvas-wrap{min-width:100%;width:auto}.canvas-wrap canvas.panning{cursor:grab}.mobile-hint{text-align:center;margin:9px 0 0;color:#9b829d;font-size:10px;font-weight:700}.toolrow .tool{width:42px}@media(max-width:390px){.app{padding-left:12px;padding-right:12px}.toolrow{gap:4px}.toolrow .tool{width:39px;height:43px}.subtop h2{font-size:18px}.level{padding:8px 9px}}@media(min-width:600px){.app{padding-left:30px;padding-right:30px}.book-grid{grid-template-columns:repeat(3,1fr)}.hero{height:300px}.modes{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}