:root{color:#2b2f35;background:#fbf6ee;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fbf6ee}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.appShell{position:relative;overflow-x:hidden;min-height:100vh;padding:18px 20px 92px;padding-top:max(18px,calc(env(safe-area-inset-top) + 14px));padding-bottom:calc(92px + env(safe-area-inset-bottom));--ornament-a: #315f58;--ornament-b: #d3a15e;--ornament-c: #c9b5ee;background:linear-gradient(90deg,rgb(141 103 72 / 4%) 0 1px,transparent 1px),linear-gradient(0deg,rgb(141 103 72 / 4%) 0 1px,transparent 1px),linear-gradient(135deg,#fff8ef,#eff8f1 45%,#f8f2ff);background-size:34px 34px,34px 34px,auto}.appShell:before,.appShell:after{content:"";position:fixed;pointer-events:none;z-index:0}.appShell:before{inset:0;background-image:radial-gradient(circle at 18px 20px,rgb(255 210 118 / 62%) 0 1px,transparent 2px),radial-gradient(circle at 86px 44px,rgb(138 183 169 / 42%) 0 1px,transparent 2px),radial-gradient(circle at 54px 88px,rgb(179 149 226 / 40%) 0 1px,transparent 2px);background-size:126px 126px;opacity:.8}.appShell:after{inset:10px;border:1px solid color-mix(in srgb,var(--ornament-b) 42%,transparent);border-radius:28px;background:radial-gradient(circle at 14px 14px,var(--ornament-b) 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 14px) 14px,var(--ornament-c) 0 3px,transparent 4px),radial-gradient(circle at 14px calc(100% - 14px),var(--ornament-c) 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),var(--ornament-b) 0 3px,transparent 4px),linear-gradient(90deg,var(--ornament-a) 0 10px,transparent 10px calc(100% - 10px),var(--ornament-a) calc(100% - 10px)),linear-gradient(0deg,var(--ornament-b) 0 10px,transparent 10px calc(100% - 10px),var(--ornament-b) calc(100% - 10px));opacity:.22;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:7px;box-shadow:inset 0 0 0 1px #ffffff7a}.appShell>*{position:relative;z-index:1}.appShell.ornament-ru{--ornament-a: #315f58;--ornament-b: #d3a15e;--ornament-c: #c9b5ee}.appShell.ornament-en,.appShell.ornament-fr,.appShell.ornament-de{--ornament-a: #375f95;--ornament-b: #d1a553;--ornament-c: #91c8b8}.appShell.ornament-es,.appShell.ornament-it,.appShell.ornament-pt{--ornament-a: #8f3d4d;--ornament-b: #e0b75e;--ornament-c: #3f8c78}.appShell.ornament-tr,.appShell.ornament-ar{--ornament-a: #4b2c83;--ornament-b: #d4af37;--ornament-c: #e30a17}.appShell.ornament-zh,.appShell.ornament-ja,.appShell.ornament-ko{--ornament-a: #7f2d2a;--ornament-b: #d4af37;--ornament-c: #2f7f73}.appShell.country-turkey,.appShell.country-persia,.appShell.country-arabic_world{--ornament-a: #173f6f;--ornament-b: #d4af37;--ornament-c: #e30a17}.appShell.country-india,.appShell.country-china,.appShell.country-japan,.appShell.country-korea{--ornament-a: #7f2d2a;--ornament-b: #d4af37;--ornament-c: #2f8f7a}.appShell.country-russia,.appShell.country-armenia,.appShell.country-poland,.appShell.country-hungary{--ornament-a: #315f58;--ornament-b: #d3a15e;--ornament-c: #b04b52}.appShell.country-spain,.appShell.country-italy,.appShell.country-brazil,.appShell.country-latin_america{--ornament-a: #8f3d4d;--ornament-b: #e0b75e;--ornament-c: #3f8c78}.appShell.country-england,.appShell.country-ireland,.appShell.country-scotland,.appShell.country-scandinavia,.appShell.country-finland,.appShell.country-iceland,.appShell.country-germany,.appShell.country-france{--ornament-a: #375f95;--ornament-b: #d1a553;--ornament-c: #91c8b8}.appShell.country-west_africa,.appShell.country-nigeria_yoruba,.appShell.country-native_america,.appShell.country-hawaii_polynesia,.appShell.country-indonesia,.appShell.country-vietnam{--ornament-a: #245d54;--ornament-b: #d9a441;--ornament-c: #c45c3f}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto 18px;padding:10px 12px;border:1px solid rgb(181 139 93 / 16%);border-radius:22px;background:linear-gradient(180deg,#ffffffc2,#fffaf3ad),#fffdf9;box-shadow:0 16px 44px #4f3b2714;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbarActions{display:flex;align-items:center;gap:10px}.brandMark{display:flex;align-items:center;gap:12px;min-width:0}.brandTili{position:relative;display:block;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 34% 43%,#231f24 0 8%,transparent 9%),radial-gradient(circle at 66% 43%,#231f24 0 8%,transparent 9%),radial-gradient(circle at 50% 62%,#2d2425 0 5%,transparent 6%),radial-gradient(circle at 50% 56%,#fff1df 0 48%,transparent 49%),linear-gradient(145deg,#cdb8f2,#a995db);box-shadow:0 10px 24px #714e832e}.brandTili:before,.brandTili:after{content:"";position:absolute;top:-12px;width:14px;height:24px;border-radius:99px 99px 10px 10px;background:#aac77b;transform-origin:bottom center}.brandTili:before{left:17px;transform:rotate(-28deg)}.brandTili:after{right:11px;transform:rotate(24deg)}.brandTili>span{position:absolute;left:18px;bottom:8px;width:9px;height:5px;border-radius:0 0 99px 99px;border-bottom:2px solid #2d2425}.brandText strong,.brandText span{display:block}.brandText strong{color:#5e3b78;font-family:Georgia,Trebuchet MS,serif;font-size:19px}.brandText span{color:#73727b;font-size:13px}.statusPill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgb(78 118 107 / 18%);border-radius:999px;background:#ffffffbd;color:#3f6861;font-size:14px;font-weight:800;box-shadow:0 10px 30px #59473114}.statusPill span{width:9px;height:9px;border-radius:50%;background:#78b6a5}.statusPill.polling span,.statusPill.starting span{animation:pulse 1.1s ease-in-out infinite;background:#e69c6d}.statusPill.error span{background:#d76363}.appNav{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:760px;margin:0 auto;padding:7px;border:1px solid rgb(116 91 70 / 14%);border-radius:24px;background:linear-gradient(180deg,#ffffffdb,#fffaf4f0),#fffdf9;box-shadow:0 18px 46px #45342429,inset 0 0 0 1px #ffffffa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.appNav button{display:grid;place-items:center;gap:3px;min-height:54px;border:0;border-radius:18px;background:transparent;color:#6c6873;cursor:pointer;font-size:12px;font-weight:950;line-height:1.05;padding:5px 4px}.appNav .navIcon{position:relative;display:grid;place-items:center;width:24px;height:22px;border-radius:10px;background:#f4ecdf;color:#836a51;font-size:15px;line-height:1}.appNav .navIcon:before,.appNav .navIcon:after{content:"";position:absolute}.navCreate:before,.navCreate:after{left:6px;right:6px;top:10px;height:2px;border-radius:99px;background:currentColor}.navCreate:after{left:11px;right:auto;top:5px;width:2px;height:12px}.navReader:before{inset:5px 5px 4px;border:2px solid currentColor;border-radius:3px 8px 8px 3px}.navReader:after{left:11px;top:6px;bottom:5px;width:2px;border-radius:99px;background:currentColor;opacity:.55}.navLibrary:before{left:6px;top:5px;width:4px;height:13px;border-radius:2px;background:currentColor;box-shadow:6px 0 0 currentColor,12px 0 0 currentColor}.navLibrary:after{left:5px;right:4px;bottom:4px;height:2px;border-radius:99px;background:currentColor;opacity:.42}.navProfile:before{top:5px;left:8px;width:8px;height:8px;border-radius:50%;background:currentColor}.navProfile:after{left:5px;right:5px;bottom:4px;height:7px;border-radius:9px 9px 4px 4px;background:currentColor}.navAccount:before{inset:4px 5px;border:2px solid currentColor;border-radius:5px}.navAccount:after{right:7px;top:6px;width:3px;height:3px;border-radius:50%;background:currentColor}.appNav button.active{background:linear-gradient(160deg,#356b62,#2f5a54),#315f58;color:#fff;box-shadow:0 10px 24px #315f582e,inset 0 0 0 1px #ffffff29}.appNav button.active .navIcon{background:#ffffff38;color:#fff7e8}.accountPanel{position:relative;overflow:hidden;display:grid;gap:14px;max-width:1440px;margin:0 auto;padding:16px;border:2px solid rgb(160 117 83 / 18%);border-radius:24px;background:linear-gradient(90deg,rgb(117 88 49 / 4%) 0 1px,transparent 1px),linear-gradient(180deg,#ffffffeb,#fff9f0eb),#fffdf9;background-size:28px 28px,auto,auto;box-shadow:0 28px 82px #45342424,inset 0 0 0 7px #ffffff5c}.accountHeader,.accountActions{display:flex;justify-content:space-between;align-items:center;gap:12px}.accountHeader h2{margin-bottom:0;overflow-wrap:anywhere}.accountTabBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;border:1px solid rgb(160 117 83 / 16%);border-radius:20px;background:linear-gradient(135deg,rgb(255 225 166 / 22%),transparent 38%),linear-gradient(315deg,rgb(188 226 209 / 22%),transparent 34%),#fffdf9d1}.accountTabBar button{display:grid;gap:3px;min-height:62px;border:1px solid transparent;border-radius:15px;background:transparent;color:#635d66;cursor:pointer;padding:10px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.accountTabBar button:hover,.accountTabBar button.active{border-color:#315f582e;background:linear-gradient(180deg,#ffffffeb,#f7fdf9f5),#fffefa;box-shadow:0 10px 24px #315f581a;color:#315f58}.accountTabBar strong{font-size:14px;line-height:1.15}.accountTabBar span{color:#807983;font-size:11px;font-weight:800;line-height:1.25}.accountDashboard{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:14px;align-items:stretch}.accountContent{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:14px;align-items:start}.accountSideStack{display:grid;gap:14px}.accountSettingsPanel,.wideAccountPanel{width:100%;max-width:720px}.accountSettingsPanel{display:grid;gap:14px}.accountRoadmap{padding:14px;border:1px solid #eee4d7;border-radius:18px;background:#fffefa}.accountRoadmap ul{display:grid;gap:6px;margin:0;padding-left:20px;color:#5e5a63}.accountRoadmap{align-self:stretch}.accountProfileCard{width:100%;box-shadow:none}.settingsCard{display:grid;gap:14px;padding:16px;border:1px solid #ead7c0;border-radius:20px;background:linear-gradient(135deg,rgb(255 225 166 / 22%),transparent 36%),linear-gradient(315deg,rgb(188 226 209 / 26%),transparent 34%),#fffefa;box-shadow:0 16px 38px #45342414}.settingsCardHeader{display:flex;justify-content:space-between;gap:12px}.settingsCardHeader h2{margin-bottom:0}.settingsGrid{display:grid;gap:12px}.storyHistory{display:grid;gap:8px}.tokenWallet,.achievementsBoard{display:grid;gap:14px;padding:16px;border:1px solid #ead7c0;border-radius:20px;background:radial-gradient(circle at 82% 18%,rgb(255 225 166 / 44%) 0 15%,transparent 16%),linear-gradient(135deg,#eff9f0d6,#fffdf9f0),#fffefa;box-shadow:0 16px 38px #45342414}.tokenWalletHeader,.achievementsHeader{display:flex;justify-content:space-between;gap:12px;align-items:start}.tokenWalletHeader h2,.achievementsHeader h2{margin-bottom:0}.tokenWalletHeader h2{color:#315f58;font-size:34px;line-height:1}.tokenWalletHeader span,.achievementsHeader span{border:1px solid rgb(49 95 88 / 16%);border-radius:999px;background:#f2faf5;color:#315f58;font-size:12px;font-weight:900;padding:7px 10px;white-space:nowrap}.tokenStats{display:grid;gap:8px;color:#67616b;font-size:13px;line-height:1.35}.tokenStats span{position:relative;padding-left:18px}.tokenStats span:before{content:"";position:absolute;top:.48em;left:0;width:8px;height:8px;border-radius:50%;background:#d3a15e;box-shadow:0 0 0 4px #d3a15e29}.tokenPacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tokenPacks button{display:grid;gap:4px;min-height:104px;border:1px solid #eadfd3;border-radius:16px;background:linear-gradient(180deg,#ffffffd1,#fff8eee0),#fffaf4;color:#35313c;cursor:pointer;padding:10px;text-align:left}.tokenPacks button:hover{border-color:#91c8b8;background:#f2faf5}.tokenPacks strong{font-size:13px}.tokenPacks span{color:#315f58;font-size:18px;font-weight:900}.tokenPacks small,.storeNote{color:#7d7882;font-size:12px;line-height:1.35}.storeNote{margin:0}.achievementsScore{padding:6px 14px;border:1px solid rgb(49 95 88 / 20%);border-radius:999px;background:#f2faf5;color:#315f58;font-size:15px;font-weight:900;white-space:nowrap;align-self:center}.achievementsProgressBar{height:7px;background:#eee4d7;border-radius:999px;overflow:hidden}.achievementsProgressFill{height:100%;background:linear-gradient(90deg,#315f58,#5a9e90);border-radius:999px;transition:width .7s cubic-bezier(.4,0,.2,1)}.achievementGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px 14px;border:1.5px solid #eee4d7;border-radius:20px;background:#fffaf4;gap:6px;opacity:.55;transition:opacity .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.achievement.unlocked{opacity:1}.achievementMedal{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#e8e0d6;border:3px solid #d4c8bc;flex-shrink:0;transition:box-shadow .25s ease,background .25s ease,border-color .25s ease;position:relative}.achievement.unlocked.achievement--bronze{background:linear-gradient(160deg,#fffaf4,#fdf2e2);border-color:#c47a3a38;box-shadow:0 3px 12px #c47a3a1f}.achievement.unlocked.achievement--bronze .achievementMedal{background:linear-gradient(145deg,#f5c18a,#c47a3a);border-color:#b56a2a;box-shadow:0 0 0 3px #f5d8b0,0 6px 18px #b4641e59}.achievement.unlocked.achievement--bronze .achievementTierStars,.achievement.unlocked.achievement--bronze small{color:#c47a3a}.achievement.unlocked.achievement--silver{background:linear-gradient(160deg,#fafafa,#f3f3f3);border-color:#82828238;box-shadow:0 3px 12px #6464641a}.achievement.unlocked.achievement--silver .achievementMedal{background:linear-gradient(145deg,#f0f0f0,#8a8a8a);border-color:#888;box-shadow:0 0 0 3px #e0e0e0,0 6px 18px #64646447}.achievement.unlocked.achievement--silver .achievementTierStars{color:#888}.achievement.unlocked.achievement--silver small{color:#707070}.achievement.unlocked.achievement--gold{background:linear-gradient(160deg,#fffdf0,#fff8d6);border-color:#c8940a47;box-shadow:0 3px 16px #d4a0172e}.achievement.unlocked.achievement--gold .achievementMedal{background:linear-gradient(145deg,#ffe57a,#c8940a);border-color:#b07f08;box-shadow:0 0 0 3px #fce87a,0 6px 22px #d4a01773}.achievement.unlocked.achievement--gold .achievementTierStars{color:#c8940a}.achievement.unlocked.achievement--gold small{color:#a87808}.achievementTierStars{font-size:10px;letter-spacing:1px;color:#ccc4b8;line-height:1}.achievementBody{display:flex;flex-direction:column;gap:3px}.achievement strong{display:block;color:#35313c;font-size:13px;font-weight:700;line-height:1.2}.achievement p{margin:0;color:#7a7280;font-size:11px;line-height:1.35}.achievement small{font-size:11px;font-weight:700;color:#b4a898}.storyHistory button{display:grid;gap:4px;width:100%;min-height:58px;border:1px solid #eadfd3;border-radius:14px;background:#fffaf4;color:#35313c;cursor:pointer;padding:10px 12px;text-align:left}.storyHistory button:hover{border-color:#91c8b8;background:#eef9f4}.storyHistory span{font-weight:900}.storyHistory small,.accountEmpty{color:#7d7882;line-height:1.45}.accountEmpty{margin:0}.accountActions{justify-content:flex-end}.accountLegal{display:flex;flex-wrap:wrap;gap:10px;margin-right:auto}.accountLegal a{color:#315f58;font-size:13px;font-weight:900;text-decoration:none}.accountLegal a:hover{text-decoration:underline}.accountActions button{min-height:42px;border:0;border-radius:13px;background:#f0f7f2;color:#315f58;cursor:pointer;font-weight:900;padding:10px 14px}.accountActions .dangerButton{background:#fff1ef;color:#a2443d}.accountActions .subtleDangerButton{background:#fffaf4;color:#8a5b55}.splashShell{position:relative;display:block;width:100vw;min-height:100vh;min-height:100svh;overflow:hidden;background:#17111f}.splashBackdrop{position:absolute;inset:-24px;background:linear-gradient(#17111f29,#17111f2e),url(/intro/tili-intro-poster.png) center / cover no-repeat;filter:blur(18px) saturate(1.12);transform:scale(1.05)}.splashPoster,.splashVideo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .18s ease}.splashPoster{z-index:1}.splashPoster.isHidden{opacity:0}.splashVideo{z-index:2;opacity:0}.splashVideo.isPlaying{opacity:1}.splashStartButton{position:absolute;z-index:3;left:50%;bottom:max(28px,env(safe-area-inset-bottom));min-width:164px;min-height:54px;border:1px solid rgb(255 246 231 / 70%);border-radius:999px;background:linear-gradient(135deg,#fffbf2f5,#ffe6b8f0),#fff5df;color:#315f58;cursor:pointer;font-size:19px;font-weight:900;letter-spacing:0;box-shadow:0 18px 42px #26181447,inset 0 1px #ffffffb8;transform:translate(-50%)}.splashStartButton:active{transform:translate(-50%) translateY(1px)}.authShell{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 82% 16%,rgb(255 218 139 / 44%) 0 8%,transparent 9%),radial-gradient(circle at 14% 78%,rgb(202 180 238 / 34%) 0 9%,transparent 10%),radial-gradient(circle at 18px 18px,rgb(255 255 255 / 62%) 0 2px,transparent 3px),linear-gradient(135deg,#fff8ef,#f5f8ef 48%,#f6f0ff);background-size:34px 34px,auto}.authCard{display:grid;grid-template-columns:minmax(220px,330px) minmax(300px,420px);gap:24px;width:min(100%,820px);overflow:hidden;border:2px solid rgb(160 117 83 / 18%);border-radius:28px;background:#fffdf9eb;padding:18px;box-shadow:0 28px 80px #45342424}.authRecoveryCard{display:grid;grid-template-columns:180px minmax(0,420px);gap:22px;width:min(100%,680px);overflow:hidden;border:2px solid rgb(160 117 83 / 18%);border-radius:28px;background:#fffdf9f0;padding:18px;box-shadow:0 28px 80px #45342424}.authRecoveryMascot{min-height:220px}.authRecoveryCopy{display:grid;align-content:center;gap:12px}.authRecoveryCopy h1,.authRecoveryCopy p{margin:0}.authRecoveryActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.authMascot{display:grid;place-items:center;min-height:480px;border:1px solid #f0d9cc;border-radius:22px;background:radial-gradient(circle at 30% 20%,#ffe1a6 0 11%,transparent 12%),radial-gradient(circle at 74% 18%,#c9b5ee 0 10%,transparent 11%),linear-gradient(145deg,#fff4e8,#edf8f3),#fffaf4}.authMascot img{width:min(76%,250px);border-radius:28px;object-fit:cover;object-position:center top;filter:drop-shadow(0 24px 22px rgb(93 76 61 / 16%))}.authCopy,.authForm{align-self:center}.authCopy h1{max-width:360px;font-family:Georgia,Trebuchet MS,serif;font-size:42px}.authCopy p:last-child{color:#706f78;font-size:17px;line-height:1.55}.authForm{display:grid;gap:14px}.registrationSetup{display:grid;gap:12px;padding:12px;border:1px solid #eee4d7;border-radius:16px;background:radial-gradient(circle at 90% 16%,rgb(255 225 166 / 36%) 0 12%,transparent 13%),#fffefa}.socialAuth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.socialAuth button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #eadfd3;border-radius:14px;background:#fffefa;color:#35313c;cursor:pointer;font-weight:950}.socialAuth button:disabled{cursor:default;opacity:.6}.socialAuth span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f3ecdf;color:#315f58;font-weight:950}.authDivider{display:flex;align-items:center;gap:10px;color:#8a858d;font-size:12px;font-weight:850}.authDivider:before,.authDivider:after{content:"";height:1px;flex:1;background:#eadfd3}.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:15px;background:#f3ecdf}.authTabs button{min-height:40px;border:0;border-radius:11px;background:transparent;color:#6c6873;cursor:pointer;font-weight:950}.authTabs button.active{background:#fffdf9;color:#315f58;box-shadow:0 8px 18px #4534241a}.authSubmit{width:100%}.passwordField{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #eadfd3;border-radius:14px;background:#fffefa}.passwordField:focus-within{border-color:#91c8b8;box-shadow:0 0 0 4px #91c8b829}.passwordField input{border:0;background:transparent;box-shadow:none}.passwordField input:focus{outline:0}.passwordField button{min-height:38px;margin-right:4px;border:0;border-radius:11px;background:#f0f7f2;color:#315f58;cursor:pointer;font-size:12px;font-weight:950;padding:0 10px}.authNote{margin:0;color:#7d7882;font-size:13px;line-height:1.45}.workspace{display:grid;grid-template-columns:minmax(340px,450px) minmax(0,1fr);gap:22px;max-width:1440px;margin:0 auto;align-items:start}.createView,.readerView,.libraryView,.profileView{max-width:1440px;margin:0 auto}.createView{display:grid;grid-template-columns:minmax(320px,620px);gap:18px;justify-content:center;align-items:start}.libraryHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.libraryHeader h1{max-width:none;margin-bottom:0}.libraryHeader span{flex:none;padding:9px 12px;border-radius:999px;background:#fff9ef;color:#8a5b34;font-size:13px;font-weight:950}.libraryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.libraryCard{display:grid;gap:8px;min-height:230px;overflow:hidden;border:1px solid rgb(116 91 70 / 16%);border-radius:20px;background:#fffefa;color:#35313c;cursor:pointer;padding:12px;text-align:left;box-shadow:0 18px 42px #4534241a}.libraryCover{display:grid;place-items:center;width:100%;height:138px;border-radius:16px;background:radial-gradient(circle at 25% 24%,#ffe8b8 0 18%,transparent 19%),radial-gradient(circle at 78% 26%,#bfe4d6 0 15%,transparent 16%),linear-gradient(135deg,#fff2dc,#edf8f3 54%,#f4ebff)}.libraryCover span{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:#ffffffb8;color:#315f58;font-size:30px;font-weight:950;box-shadow:0 12px 26px #4534241a}.libraryCard.isOpening{box-shadow:0 0 0 2px #315f58,0 18px 42px #45342424}.libraryCard:disabled{cursor:default}.libraryCover.hasCover{padding:0;overflow:hidden}.libraryCover img{width:100%;height:100%;object-fit:cover;display:block}.libraryCard>span{color:#9a6b55;font-size:12px;font-weight:900}.libraryCard strong{color:#302c36;font-size:17px;line-height:1.2}.libraryCard small{color:#315f58;font-weight:900}.libraryEmpty,.profileCard{border:1px solid rgb(116 91 70 / 16%);border-radius:24px;background:linear-gradient(180deg,#ffffffe5,#fff9efe0),#fffdf9;box-shadow:0 24px 70px #4534241f,inset 0 0 0 7px #ffffff57}.libraryEmpty{display:grid;justify-items:center;gap:10px;min-height:420px;padding:38px 18px;text-align:center}.libraryEmpty p{max-width:420px;color:#706f78;line-height:1.5}.profileCard{display:grid;grid-template-columns:minmax(220px,340px) minmax(320px,520px);gap:24px;overflow:hidden;width:min(100%,920px);padding:18px}.profilePreview{position:relative;display:grid;align-content:end;gap:8px;min-height:430px;border:1px solid #f0d9cc;border-radius:22px;background:radial-gradient(circle at 26% 22%,#ffe2a7 0 10%,transparent 11%),radial-gradient(circle at 78% 18%,#c9ecdb 0 13%,transparent 14%),linear-gradient(90deg,rgb(141 103 72 / 5%) 0 1px,transparent 1px),linear-gradient(145deg,#fff4e8,#edf8f3 58%,#f2ebff),#fffaf4;background-size:auto,auto,32px 32px,auto,auto;padding:24px}.profilePreview:before{content:"";position:absolute;inset:12px;border:1px solid rgb(201 154 101 / 24%);border-radius:16px;pointer-events:none}.profilePreview img,.profilePreview span{display:grid;place-items:center;width:132px;height:132px;border-radius:38px;background:#ffffffb8;color:#315f58;font-size:34px;font-weight:950;box-shadow:0 18px 38px #4534241f}.profilePreview img{object-fit:cover}.profilePreview strong,.profilePreview small{display:block}.profilePreview strong{color:#302c36;font-size:28px;line-height:1.1}.profilePreview small{color:#6f6872;font-weight:800;overflow-wrap:anywhere}.profileForm{align-self:center;display:grid;gap:14px}.photoManager{display:grid;gap:12px;padding:12px;border:1px solid #eadfd3;border-radius:16px;background:#fffefa}.photoManagerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.photoManagerHeader div{display:grid;gap:3px}.photoManagerHeader span{color:#5b5964;font-size:13px;font-weight:850}.photoManagerHeader strong{color:#9a6b55;font-size:12px;font-weight:950}.photoManagerHeader label,.avatarButton{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:12px;background:#315f58;color:#fffefa;cursor:pointer;font-size:12px;font-weight:950;padding:0 12px}.photoManagerHeader label.disabled{cursor:default;opacity:.55}.avatarButton:disabled{cursor:progress;opacity:.72}.photoManagerHeader input{display:none}.photoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.photoThumb{position:relative;overflow:hidden;min-height:104px;border:1px solid #eadfd3;border-radius:14px;background:#f7efe5}.photoThumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.photoThumb button{width:100%;min-height:30px;border:0;background:#fffaf4;color:#7d3d3d;cursor:pointer;font-size:11px;font-weight:950}.photoEmpty{margin:0;color:#7d7882;font-size:13px;line-height:1.45}.avatarButton{width:100%;background:#f0f7f2;color:#315f58}.avatarStatus{margin:-2px 0 0;color:#315f58;font-size:12px;font-weight:850;line-height:1.35;text-align:center}.profileForm h1{max-width:420px;font-size:36px}.profileNote{margin:0;color:#7d7882;font-size:13px;line-height:1.45}.creatorPanel,.reader{border:2px solid rgb(160 117 83 / 18%);border-radius:24px;background:linear-gradient(90deg,rgb(141 103 72 / 4%) 0 1px,transparent 1px),linear-gradient(180deg,#ffffffe5,#fff9f0e0),#fffdf9;background-size:30px 30px,auto,auto;box-shadow:0 28px 78px #45342424,inset 0 0 0 7px #ffffff57;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.creatorPanel{position:relative;display:grid;gap:16px;overflow:hidden;padding:16px}.creatorPanel:before{content:"";position:absolute;inset:10px;border:1px solid rgb(201 154 101 / 18%);border-radius:18px;pointer-events:none}.creatorPanel>*{position:relative;z-index:1}.mascotHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;min-height:188px;overflow:hidden;padding:18px;border:2px solid #f0d9cc;border-radius:18px;background:radial-gradient(circle at 88% 16%,rgb(255 226 166 / 58%) 0 12%,transparent 13%),radial-gradient(circle at 72% 78%,rgb(176 222 205 / 52%) 0 15%,transparent 16%),linear-gradient(90deg,rgb(141 103 72 / 5%) 0 1px,transparent 1px),linear-gradient(150deg,#fff1e0f5,#eff9f0f0),#fff7ed;background-size:auto,auto,30px 30px,auto,auto}.mascotHero:before{content:"";position:absolute;inset:10px;border:1px solid rgb(201 154 101 / 30%);border-radius:12px;pointer-events:none}.mascotHero:after{content:"";position:absolute;right:12px;bottom:10px;width:104px;height:18px;border-radius:50%;background:#62533f1f}.heroCopy{position:relative;z-index:1}.softCharacter{position:relative;z-index:1;align-self:end;justify-self:center;width:92px;height:116px;border-radius:44px 44px 28px 28px;background:linear-gradient(160deg,#c9b5ee,#a995db);box-shadow:0 18px 24px #58432f24}.softCharacter:before,.softCharacter:after{content:"";position:absolute;border-radius:999px}.softCharacter:before{top:-22px;left:32px;width:14px;height:34px;background:#9ebf7b}.softCharacter:after{top:30px;left:20px;width:52px;height:38px;background:#fff1df}.softCharacter span{position:absolute;right:26px;bottom:18px;width:28px;height:24px;border-radius:12px;background:#ffc2cb}.eyebrow{margin:0 0 5px;color:#9a6b55;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:280px;margin-bottom:9px;color:#302c36;font-family:Georgia,Trebuchet MS,serif;font-size:28px;line-height:1.08}h2{margin-bottom:8px;color:#302c36;font-family:Georgia,Trebuchet MS,serif;font-size:24px;line-height:1.12}h3{margin-bottom:12px;color:#35313c;font-family:Georgia,Trebuchet MS,serif;font-size:24px;line-height:1.18}.heroCopy p:last-child,.emptyReader p,.taleCover p,.readerActions span,.launchDock span{color:#706f78}.formSection{position:relative;display:grid;gap:12px;padding:14px;overflow:hidden;border:2px solid #ead7c0;border-radius:18px;background:linear-gradient(90deg,rgb(141 103 72 / 4%) 0 1px,transparent 1px),linear-gradient(180deg,#fffefa,#fff8ef);background-size:26px 26px,auto;box-shadow:0 16px 34px #45342414,inset 0 0 0 5px #ffffff6b}.formSection:before,.formSection:after{content:"";position:absolute;bottom:10px;width:18px;height:18px;pointer-events:none}.formSection:before{left:10px;border-bottom:2px solid rgb(217 165 95 / 54%);border-left:2px solid rgb(217 165 95 / 54%);border-radius:0 0 0 7px}.formSection:after{right:10px;border-bottom:2px solid rgb(217 165 95 / 54%);border-right:2px solid rgb(217 165 95 / 54%);border-radius:0 0 7px}.ornamentSection{background:linear-gradient(135deg,rgb(255 225 166 / 34%),transparent 32%),linear-gradient(315deg,rgb(188 226 209 / 34%),transparent 30%),linear-gradient(90deg,rgb(141 103 72 / 4%) 0 1px,transparent 1px),#fffefa;background-size:auto,auto,26px 26px,auto}.storyTuningGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:7px}.field>span{color:#5b5964;font-size:13px;font-weight:850}.genderToggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.genderBtn{border:1.5px solid #dfd2c5;border-radius:12px;background:linear-gradient(180deg,#fffdf9,#fff8ef);color:#5b5964;font-size:14px;font-weight:700;padding:11px 12px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.genderBtn.active{border-color:#c47a52;background:linear-gradient(180deg,#fff3eb,#ffe8d4);color:#a05530}.genderBtn:hover:not(.active){border-color:#c4b5a8;background:linear-gradient(180deg,#fffdf9,#fdf4ec)}.birthDateGrid{display:grid;grid-template-columns:minmax(76px,.8fr) minmax(112px,1.2fr) minmax(88px,1fr);gap:8px}.birthDateGrid label{display:grid;gap:5px;min-width:0}.birthDateGrid label>span{color:#8a6b55;font-size:11px;font-weight:950;text-transform:uppercase}.birthDateGrid select{min-width:0;padding-right:26px}input,textarea,select{width:100%;border:1px solid #dfd2c5;border-radius:12px;background:linear-gradient(180deg,#fffdf9,#fff8ef),#fffaf4;color:#2b2f35;padding:12px 13px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#85b8a8;background:#fff;box-shadow:0 0 0 4px #85b8a833}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8a6b55 50%),linear-gradient(135deg,#8a6b55 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.passwordField input,.passwordField input:focus{border:0;background:transparent;box-shadow:none}.ageTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:14px;background:#f3ecdf}.ageTabs button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#6c6873;cursor:pointer;font-weight:900}.ageTabs button.active{background:#fffdf9;color:#315f58;box-shadow:0 8px 18px #4534241a}.sectionTitle{display:flex;justify-content:space-between;align-items:start;gap:12px}.sectionTitle h2{margin-bottom:0}.sectionTitle.compact{align-items:center}.sectionTitle>strong{flex:none;padding:8px 10px;border-radius:999px;background:#efe8ff;color:#654e8d;font-size:13px}.ideaButton{min-height:38px;border:0;border-radius:13px;background:linear-gradient(180deg,#f5efff,#eadfff),#efe8ff;color:#654e8d;cursor:pointer;font-size:12px;font-weight:950;padding:9px 11px;box-shadow:0 8px 18px #654e8d1f}.ideaButton:disabled{cursor:default;opacity:.58}.featureList{display:grid;gap:8px}.featureItem{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:11px;border:1px solid #e8dfd2;border-radius:14px;background:linear-gradient(180deg,#fffefa,#fff8ef),#fffaf4;color:#34333a;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background .14s ease,box-shadow .14s ease}.featureItem:hover{transform:translateY(-1px);box-shadow:0 10px 18px #45342414}.featureItem.disabled{cursor:default;opacity:.66}.featureItem.disabled:hover{transform:none;box-shadow:none}.featureItem input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fakeCheck{display:grid;place-items:center;width:24px;height:24px;border:2px solid #d2c6bb;border-radius:8px;background:#fff}.featureItem.checked .fakeCheck:after{content:"";width:10px;height:10px;border-radius:4px;background:#4d8a7b}.featureItem strong,.featureItem small{display:block}.featureItem strong{font-size:15px}.featureItem small{margin-top:4px;color:#797680;font-size:12px;font-weight:650}.featureItem b{color:#5a746f;font-size:13px}.featureItem.checked.mint{border-color:#8fc8b8;background:#f0faf5}.featureItem.checked.peach{border-color:#efb486;background:#fff4ea}.featureItem.checked.violet{border-color:#c3afe7;background:#f7f1ff}.featureItem.checked.sky{border-color:#9fc6df;background:#edf8ff}.featureItem.disabled b{padding:5px 8px;border-radius:999px;background:#f0e8dc;color:#8a6b55;font-size:12px}.launchDock{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e8dfd2;border-radius:18px;background:linear-gradient(135deg,#366b63,#2f5f58 58%,#4b6b63),#2f5f58;color:#fff;box-shadow:0 16px 34px #315f582e,inset 0 0 0 1px #ffffff29}.launchDock strong,.launchDock span{display:block}.launchDock span{margin-top:2px;color:#ffffffb8;font-size:13px}.primaryButton{min-width:148px;min-height:46px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffe8bb,#ffd98f),#ffe1a6;color:#513d2c;cursor:pointer;font-weight:950;box-shadow:0 10px 22px #7558311f,inset 0 -2px #7558312e,inset 0 0 0 1px #ffffff6b}.primaryButton:disabled{cursor:wait;opacity:.72}.ghostButton{min-width:118px;min-height:46px;border:1px solid #eadfd3;border-radius:14px;background:#fffefa;color:#615d68;cursor:pointer;font-weight:950}.errorText{margin:0;padding:12px 14px;border:1px solid #f0b3ad;border-radius:14px;background:#fff1ef;color:#a2443d;font-weight:800}.reader{min-height:calc(100vh - 138px);padding:18px;background:radial-gradient(circle at 6% 10%,rgb(255 225 166 / 34%) 0 8%,transparent 9%),radial-gradient(circle at 94% 84%,rgb(201 181 238 / 28%) 0 9%,transparent 10%),#fffdf9e5}.emptyReader{display:grid;justify-items:center;align-content:center;min-height:calc(100vh - 132px);max-width:560px;margin:0 auto;text-align:center}.bookPlaceholder{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;place-items:center;width:min(72vw,280px);aspect-ratio:1;margin-bottom:20px;border:1px solid #f0d9cc;border-radius:32px;background:radial-gradient(circle at 24% 20%,#ffe2a7 0 12%,transparent 13%),radial-gradient(circle at 76% 25%,#c6e9d9 0 14%,transparent 15%),linear-gradient(145deg,#fff4e8,#edf8f3 55%,#f1eaff),#fffaf4;box-shadow:0 24px 60px #5947311f;padding:44px}.bookPlaceholder span{width:100%;height:116px;border-radius:20px;background:#ffffffa8;box-shadow:inset 0 -8px #315f5814}.bookPlaceholder span:nth-child(2){height:148px;background:#ffe1a6ad}.bookPlaceholder span:nth-child(3){height:104px;background:#c9b5ee8f}.progressPanel,.warnings,.readerActions{border-radius:16px;background:#f0f7f2;color:#315f58}.progressPanel{display:flex;justify-content:space-between;gap:12px;width:min(100%,460px);margin-top:18px;padding:12px 14px}.progressPanel span{color:#68746f;font-weight:800}.tale{display:grid;gap:16px}.taleCover{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;overflow:hidden;min-height:218px;padding:24px;border:1px solid #f0d9cc;border-radius:22px;background:radial-gradient(circle at 84% 20%,rgb(255 225 166 / 62%) 0 13%,transparent 14%),radial-gradient(circle at 74% 80%,rgb(201 181 238 / 46%) 0 17%,transparent 18%),linear-gradient(140deg,#fff3e5f5,#eef9f3f0),#fff7ed}.taleCover h2{max-width:680px;font-size:42px}.taleCover p:last-child{max-width:620px;margin-bottom:0;font-size:18px;line-height:1.55}.coverBadge{display:grid;place-items:center;align-self:end;width:108px;height:108px;border-radius:34px;background:#ffffffad;color:#8a5b34;font-size:14px;font-weight:950;box-shadow:0 18px 38px #4534241a}.coverBadge span{display:block;color:#315f58;font-size:36px;line-height:1}.readerActions{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 16px;border:1px solid #eadfd3;background:linear-gradient(135deg,#fff8ec,#eef9f4),#fffefa;text-align:center}.pageTurner{display:flex;flex-wrap:wrap;gap:8px}.pageTurner button{min-height:42px;border:0;border-radius:13px;background:#fffdfa;color:#315f58;cursor:pointer;font-weight:900;padding:10px 14px;box-shadow:0 8px 16px #425b511a}.pageTurner button:disabled{cursor:default;opacity:.42}.readerActions strong,.readerActions span{display:block}.readerActions strong{color:#31453f}.readerActions span{margin-top:2px;font-size:13px}.warnings{padding:12px 14px;background:#fff5d8;color:#7a5815}.warnings p{margin-bottom:6px}.warnings p:last-child{margin-bottom:0}.sceneStack{display:grid;gap:14px}.scene{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:22px;border:2px solid #ead8bf;border-radius:24px;background:linear-gradient(90deg,rgb(117 88 49 / 5%) 0 1px,transparent 1px),linear-gradient(#fffefa,#fff9ef);box-shadow:inset 0 0 0 8px #ffffff75,0 22px 54px #4534241a}.pageScene{min-height:560px;position:relative}.pageScene:before,.pageScene:after{content:"❧";position:absolute;top:12px;color:#d3a15e;font-size:18px}.pageScene:before{left:18px}.pageScene:after{right:18px;transform:scaleX(-1)}.sceneNumber{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#efe8ff;color:#725c98;font-size:15px;font-weight:950}.sceneBody p{color:#393c42;font-size:19px;line-height:1.82}.listenBar{display:grid;grid-template-columns:auto auto minmax(150px,1fr);gap:10px 12px;align-items:center;margin:0 0 18px;padding:12px;border:1px solid #edd9c9;border-radius:18px;background:#fff7ec}.listenBar button{min-height:42px;border:0;border-radius:13px;background:#7bb6a6;color:#fff;cursor:pointer;font-weight:950;padding:0 16px;box-shadow:inset 0 -2px #31534a2e}.listenBar span{color:#7a6b5f;font-size:13px;font-weight:800}.listenBar audio{grid-column:1 / -1;width:100%;margin:0}.readAlongText span{border-radius:7px;transition:background .12s ease,box-shadow .12s ease,color .12s ease}.readAlongText .activeWord{background:#ffe0a6;color:#3f3125;box-shadow:0 0 0 3px #ffe0a6}.pageTurner{justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #eee4d7}.pageTurner button{background:#f0f7f2}.mediaStrip{display:grid;gap:16px;justify-items:center;margin:24px 0 32px}.mediaFrame{position:relative;width:min(100%,700px);margin:0;border:1.5px solid #dfc9ae;border-radius:24px;background:radial-gradient(circle at 18% 14%,rgb(255 228 170 / 32%) 0 10%,transparent 11%),radial-gradient(circle at 82% 86%,rgb(190 222 210 / 26%) 0 12%,transparent 13%),linear-gradient(150deg,#fef7ed,#f8eee2);box-shadow:0 28px 64px #45342424,inset 0 0 0 1px #fff9;overflow:hidden}.mediaFrame:after{content:"";position:absolute;inset:10px;border:1px solid rgb(196 148 88 / 16%);border-radius:16px;pointer-events:none;z-index:2}.mediaOpenButton{display:block;width:100%;padding:12px 12px 0;border:0;appearance:none;background:transparent;cursor:zoom-in}.mediaFrame img{display:block;width:100%;height:auto;max-height:min(76svh,800px);border-radius:14px;object-fit:contain}.mediaPlaceholder{display:grid;place-items:center;gap:10px;min-height:min(58svh,560px);margin:12px 12px 0;border:1px dashed rgb(184 144 93 / 36%);border-radius:18px;background:radial-gradient(circle at 18% 14%,rgb(255 228 170 / 34%) 0 10%,transparent 11%),radial-gradient(circle at 82% 82%,rgb(190 222 210 / 30%) 0 13%,transparent 14%),linear-gradient(150deg,#fffcf5eb,#f8eee2e0);padding:24px;text-align:center}.mediaPlaceholder span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#efe8ff;color:#8e73d6;font-size:26px}.mediaPlaceholder strong{color:#315f58;font-size:18px}.mediaPlaceholder small{max-width:320px;color:#8c7a6c;line-height:1.45}.mediaFrame video{display:block;width:100%;aspect-ratio:16 / 9;max-height:min(84svh,980px);object-fit:cover;background:#221b2b}.mediaFrame figcaption{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;color:#7a6452;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.mediaFrame figcaption:before{content:"";display:inline-block;width:20px;height:1px;background:currentColor;opacity:.4;border-radius:99px}.mediaFrame figcaption:after{content:"";display:inline-block;width:20px;height:1px;background:currentColor;opacity:.4;border-radius:99px}.mediaFrame.video figcaption{color:#6a5490}.mediaLightbox{position:fixed;z-index:90;inset:0;display:grid;width:100%;height:100%;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));border:0;appearance:none;background:#16101eeb;cursor:zoom-out;place-items:center}.mediaLightbox img{display:block;width:min(100%,720px);max-height:94svh;border:1px solid rgb(255 241 216 / 42%);border-radius:18px;object-fit:contain;box-shadow:0 26px 70px #00000061}@keyframes pulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.45);opacity:1}}@media(max-width:1040px){.workspace,.createView,.accountDashboard,.accountContent,.storyTuningGrid{grid-template-columns:1fr}.accountRoadmap{grid-column:auto}.profileCard{grid-template-columns:1fr}.creatorPanel{position:static}.reader{min-height:auto}.emptyReader{min-height:520px}}@media(max-width:640px){.appShell{padding:12px 12px 96px;padding-top:max(18px,calc(env(safe-area-inset-top) + 14px));padding-bottom:calc(96px + env(safe-area-inset-bottom))}.appShell:after{inset:6px;border-radius:22px}.topbar,.topbarActions,.readerActions,.launchDock,.listenBar{align-items:stretch;flex-direction:column}.topbar{align-items:flex-start}.brandText span{display:none}.libraryHeader{align-items:stretch;flex-direction:column}.listenBar{grid-template-columns:1fr}.statusPill{justify-content:center}.sectionTitle.compact{align-items:stretch;flex-direction:column}.ideaButton{width:100%}.mascotHero,.taleCover{grid-template-columns:1fr}.birthDateGrid{grid-template-columns:.9fr 1.25fr 1fr}.softCharacter,.coverBadge{justify-self:center}.taleCover h2{font-size:32px}.scene{grid-template-columns:1fr}.mediaFrame{width:100%;border-radius:18px}.mediaFrame:after{inset:8px;border-radius:12px}.mediaFrame img{max-height:72svh;border-radius:10px}.mediaFrame video{max-height:60svh}.sceneNumber{width:44px;height:44px}.primaryButton{width:100%}.authCard,.authRecoveryCard{grid-template-columns:1fr}.authRecoveryActions{flex-direction:column}.profilePreview{min-height:260px}.accountHeader,.accountActions{align-items:stretch;flex-direction:column}.accountTabBar{grid-template-columns:repeat(2,minmax(0,1fr))}.tokenWalletHeader,.achievementsHeader{align-items:stretch;flex-direction:column}.tokenPacks{grid-template-columns:1fr}.authMascot{min-height:260px}.authCopy h1{font-size:32px}.pageTurner,.pageTurner button{width:100%}}@media(max-width:380px){.birthDateGrid{grid-template-columns:1fr}}.generatingView{position:fixed;inset:0;z-index:40;display:grid;justify-items:center;align-content:center;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));text-align:center;overflow:hidden;background:#1f1830}.generatingVideo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.88;filter:saturate(1.08) contrast(1.02);transition:opacity .26s ease,filter .26s ease}.generatingVideo.isPlaying{opacity:1;filter:saturate(1.16) contrast(1.04)}.generatingView:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 32%,rgb(255 236 186 / 12%),transparent 38%),linear-gradient(180deg,#120e1c2e,#120e1c6b)}.generatingOverlay{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;width:min(92vw,520px);padding:26px 22px;border:1px solid rgb(255 236 194 / 34%);border-radius:28px;background:#fffcf494;box-shadow:0 28px 80px #0f0a184d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.generatingMascot{margin-bottom:8px;animation:generatingBob 2.6s ease-in-out infinite}@keyframes generatingBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}.generatingView h2{margin:0;font-size:26px;color:#2f2937}.generatingStep{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:#f0f7f2db;color:#3f6861;font-size:14px;font-weight:800}.generatingStep:before{content:"";width:8px;height:8px;border-radius:50%;background:#e69c6d;flex-shrink:0;animation:pulse 1.1s ease-in-out infinite}.generatingHint{margin:0;color:#9a8070;font-size:13px}.generatingProgress{display:flex;gap:8px;margin-top:4px}.generatingProgress span{width:8px;height:8px;border-radius:50%;background:#d5c9bc;transition:background .4s,transform .4s}.generatingProgress span.active{background:#e69c6d;transform:scale(1.4)}.generatingProgress span.done{background:#78b6a5}.storyLoadingOverlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#fbf6eee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.storyLoadingCard{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 32px 36px;border:1px solid rgb(181 139 93 / 18%);border-radius:28px;background:linear-gradient(180deg,#ffffffe0,#fff9efd6);box-shadow:0 32px 72px #45342424;text-align:center;max-width:320px}.storyLoadingMascot{margin-bottom:6px;animation:generatingBob 2.6s ease-in-out infinite}