@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{color-scheme:light;--bg0: #ffffff;--bg1: #f6fafc;--ink: #424d61;--muted: rgba(66, 77, 97, .68);--paper: #ffffff;--paper2: #f6fafc;--line: rgba(66, 77, 97, .1);--line-strong: rgba(66, 77, 97, .18);--shadow: rgba(66, 77, 97, .1);--ring: rgba(239, 105, 80, .22);--accent: #ef6950;--accent-blue: #29a2de;--accent-blue-dark: #1582b9;--accent-green: #1cb5a5;--accent-green-dark: #1c9f92;--accent-yellow: #fdeb6a;--accent-yellow-dark: #eace52;--accent-orange: #feb61c;--accent-red-dark: #d5533b;--surface-grey: #c1d9e5;font-family:Zen Maru Gothic,sans-serif;line-height:1.4;font-weight:400;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{font-family:Zen Maru Gothic,sans-serif}button,input,textarea,select{font:inherit}html,body{height:100%}body{margin:0;min-width:320px;color:var(--ink);background:#fff}#root{height:100%}::selection{background:#3378ff2e}kbd{font-family:Zen Maru Gothic,sans-serif;font-size:.9em;padding:.1em .45em;border-radius:7px;background:#ffffffb3;border:1px solid var(--line);box-shadow:none}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#fff}.topbar{width:min(100%,1440px);margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:68px;padding:42px 50px 24px}.topLogoLink{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:var(--ink);cursor:pointer;flex:0 0 auto;font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1;letter-spacing:0}.topLogoLink img{width:1.12em;height:1.12em;object-fit:contain;flex:0 0 auto}.topLogoLink span{display:inline-block;white-space:nowrap}.topLogoLink:focus-visible{outline:2px solid var(--ring);outline-offset:6px;border-radius:999px}.editingTopbar{max-width:none;padding:14px 34px 10px;gap:30px}.editingTopbar .topLogoLink{font-size:26px}.editingTopbar .topbarActions{gap:16px;justify-content:flex-end;flex-wrap:nowrap;margin-left:auto}.editingTopbar .navLink{font-size:14px;padding:7px 0 9px}.editingTopbar .btn{min-height:36px;padding:8px 13px;font-size:12px}.editingTopbar .iconButton{width:36px;min-height:36px}.editingTopbar .buttonIcon{width:18px;height:18px}.editingTopbar .imageButtonIcon{width:22px;height:22px}.editingTopbar .topUndoButton,.editingTopbar .topZoomResetButton,.editingTopbar .topEyedropperButton,.editingTopbar .topBrushButton,.editingTopbar .saveTopButton,.editingTopbar .illustrationTopButton,.editingTopbar .mobileSaveHeaderButton,.editingTopbar .mobileSettingsHeaderButton{display:none}.editingTopbar .resetTopButton{margin-left:auto}.mobileSaveHeaderButton,.mobileSettingsHeaderButton,.mobileEditorToolbar,.mobilePaletteToolbar,.tabletPaletteResetButton,.mobileMenuButton,.mobileMenuOverlay,.mobileHintText{display:none}.topbarActions{display:flex;align-items:center;gap:clamp(22px,2.4vw,40px);flex-wrap:wrap;justify-content:flex-start;flex:1 1 auto}.navLink{position:relative;border:0;background:transparent;color:#424d61;cursor:pointer;padding:10px 0 12px;font-size:17px;font-weight:700;line-height:1}.navLink:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:999px;background:transparent}.navLink.activeNav:after{background:radial-gradient(circle at 8% 45%,rgba(239,105,80,.62) 0 1px,transparent 1.4px),radial-gradient(circle at 27% 55%,rgba(213,83,59,.58) 0 1px,transparent 1.5px),radial-gradient(circle at 68% 35%,rgba(239,105,80,.64) 0 1.1px,transparent 1.5px),linear-gradient(90deg,#ef6950b8,#d5533bdb,#ef6950b8);box-shadow:0 1px #ef695033;transform:rotate(-1deg)}.navLink:hover{color:#29a2de}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 auto;border:2px solid var(--line-strong);border-radius:7px;background:#fff;cursor:pointer;position:relative;margin:0;outline:none;box-shadow:0 1px 2px #424d6114;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}input[type=checkbox]:hover{border-color:var(--accent-blue)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 4px #29a2de38}input[type=checkbox]:active{transform:scale(.92)}input[type=checkbox]:checked{border-color:var(--accent-blue);background:#fff}input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid var(--accent-blue);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}.btn{border:0;background:#f6fafc;border-radius:999px;min-height:40px;padding:9px 18px;font-weight:700;font-size:13px;line-height:1;color:var(--ink);cursor:pointer;box-shadow:none;white-space:nowrap;transition:transform .14s ease,background .14s ease,color .14s ease}.btn:hover{transform:translateY(-1px);background:#edf5f9}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btnDanger{background:#ef69501a;color:var(--accent)}.authTopActions{margin-left:auto;display:inline-flex;align-items:center;gap:12px;align-self:center}.signupTopButton,.loginTopButton{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;font-size:16px;line-height:1}.signupTopButton{background:#ef6950;color:#fff}.signupTopButton:hover{background:#d5533b}.authPanel .signupSubmitButton{min-height:46px;padding-inline:28px;font-size:18px}.authPanel .loginSubmitButton{min-height:46px;padding-inline:28px;font-size:18px;justify-self:center}.loginTopButton{background:#29a2de;color:#fdeb6a}.loginTopButton:hover{background:#1582b9}.authPanel .loginTopButton{width:auto;justify-self:center;padding-inline:24px}.iconButton{width:42px;min-height:42px;padding:0;display:inline-grid;place-items:center}.buttonIcon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.imageButtonIcon{display:block;width:24px;height:24px;object-fit:contain}.redoIcon{transform:scaleX(-1)}.zoomResetButton{min-height:42px;padding:0 12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.activeTool{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--accent) inset}.layout{display:grid;grid-template-columns:292px 1fr;gap:18px;padding:0 24px 14px;min-height:0;min-width:0}.rail{min-height:0;min-width:0}.main{min-height:0;min-width:0;display:grid}.stageWrap{min-height:0;min-width:0;display:grid;grid-template-rows:1fr auto;gap:10px}.hint{font-size:12px;color:var(--muted);padding:0 6px}.home{min-height:0;overflow:auto;padding:0 0 48px}.homeStatus{max-width:1120px;margin:0 auto 12px}.toastStatus{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:80;width:max-content;max-width:min(520px,calc(100vw - 28px));transform:translate(-50%);padding:10px 14px;border:2px solid var(--accent-green);border-radius:999px;background:#fffffff5;box-shadow:0 10px 34px #424d611f;color:var(--ink);font-size:13px;font-weight:700;line-height:1.4;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;animation:toastIn .18s ease both}.homeHero{position:relative;max-width:1120px;margin:0 auto;min-height:420px;background:#fff;display:grid;grid-template-columns:minmax(0,.96fr) minmax(360px,.82fr);align-items:center;justify-content:center;gap:54px;padding:38px 50px 70px}.heroText{position:relative;max-width:760px}.heroLogo{text-wrap:balance}.heroLogo span{display:inline-block}.titleCoral{color:#ef6950}.titleOrange{color:#feb61c}.titleBlue{color:#29a2de}.heroCatch{max-width:720px;margin:0;color:#ef6950;font-size:clamp(24px,2.7vw,38px);font-weight:700;line-height:1.55;letter-spacing:.02em}.heroCatchNarrowBreak,.learnIntroBreak{display:none}.heroLead{max-width:620px;margin:12px 0 28px;color:var(--ink);font-size:clamp(16px,1.45vw,20px);font-weight:400;line-height:1.9}.homeCatalog{position:relative;background:#fff;padding:72px 50px 84px}.playCatalogPage .homeCatalog,.quizCatalogPage .homeCatalog{padding-top:36px}.homePage .homeCatalog:before{content:"";position:absolute;top:-42px;left:0;width:100%;height:72px;background:#fff;clip-path:ellipse(74% 58% at 50% 100%)}.categoryPage .homeCatalog{background:#fff;padding-top:48px}.categoryPage .homeIntro{align-items:flex-start}.categoryPage .introActions{padding-top:4px}.homeIntro{position:relative;max-width:1120px;margin:0 auto 44px;display:flex;align-items:end;justify-content:space-between;gap:18px}.introActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.learningIntro .introActions{margin-left:auto}.categoryBackButton{background:#f6fafc;color:var(--ink)}.quizSmallButton{background:var(--accent-blue);color:#fff}.quizModeSwitch{min-height:40px;display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.quizModeSwitch input{position:absolute;opacity:0;pointer-events:none}.quizModeSwitch i{position:relative;width:52px;height:30px;border-radius:999px;background:#f6fafc;box-shadow:inset 0 0 0 2px #c1d9e5b3;transition:background .14s ease,box-shadow .14s ease}.quizModeSwitch i:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #424d6129;transition:transform .14s ease}.quizModeSwitch input:checked+i{background:#1cb5a5;box-shadow:inset 0 0 0 2px #1cb5a5}.quizModeSwitch input:checked+i:after{transform:translate(22px)}.activeQuizButton,.quizModeToggleButton{background:#1cb5a5;color:#fff}.quizCompleteButton{background:#ef6950;color:#fff}.quizModeToggleButton:hover{background:#1c9f92;color:#fff}.quizCompleteButton:hover{background:#d5533b;color:#fff}.homeIntro h1{margin:0;color:#29a2de;font-size:clamp(34px,4vw,54px);line-height:1.25;letter-spacing:.02em;font-weight:700}.homeIntro p{margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.homeGrid{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:50px 36px}.homeCard{position:relative;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;text-align:left;box-shadow:none;display:grid;gap:10px;animation:floatIn .42s ease both;animation-delay:calc(var(--stagger, 0) * 35ms);content-visibility:auto;contain-intrinsic-size:270px 270px;transition:transform .15s ease}.categoryCard{background:#fff;border-radius:34px;padding:18px}.homePage .categoryCard,.playCatalogPage .categoryCard,.quizCatalogPage .categoryCard,.spreadToolPage .categoryCard{background:var(--category-card-color, #29a2de)}.homePage .categoryCard:nth-child(7n+1),.playCatalogPage .categoryCard:nth-child(7n+1),.quizCatalogPage .categoryCard:nth-child(7n+1),.spreadToolPage .categoryCard:nth-child(7n+1){--category-card-color: #feb61c}.homePage .categoryCard:nth-child(7n+2),.playCatalogPage .categoryCard:nth-child(7n+2),.quizCatalogPage .categoryCard:nth-child(7n+2),.spreadToolPage .categoryCard:nth-child(7n+2){--category-card-color: #29a2de}.homePage .categoryCard:nth-child(7n+3),.playCatalogPage .categoryCard:nth-child(7n+3),.quizCatalogPage .categoryCard:nth-child(7n+3),.spreadToolPage .categoryCard:nth-child(7n+3){--category-card-color: #ef6950}.homePage .categoryCard:nth-child(7n+4),.playCatalogPage .categoryCard:nth-child(7n+4),.quizCatalogPage .categoryCard:nth-child(7n+4),.spreadToolPage .categoryCard:nth-child(7n+4){--category-card-color: #29a2de}.homePage .categoryCard:nth-child(7n+5),.playCatalogPage .categoryCard:nth-child(7n+5),.quizCatalogPage .categoryCard:nth-child(7n+5),.spreadToolPage .categoryCard:nth-child(7n+5){--category-card-color: #ef6950}.homePage .categoryCard:nth-child(7n+6),.playCatalogPage .categoryCard:nth-child(7n+6),.quizCatalogPage .categoryCard:nth-child(7n+6),.spreadToolPage .categoryCard:nth-child(7n+6){--category-card-color: #feb61c}.homePage .categoryCard:nth-child(7n),.playCatalogPage .categoryCard:nth-child(7n),.quizCatalogPage .categoryCard:nth-child(7n),.spreadToolPage .categoryCard:nth-child(7n){--category-card-color: #ef6950}.homePage .categoryCard .homeMeta strong,.homePage .categoryCard .homeMeta span,.playCatalogPage .categoryCard .homeMeta strong,.playCatalogPage .categoryCard .homeMeta span,.quizCatalogPage .categoryCard .homeMeta strong,.quizCatalogPage .categoryCard .homeMeta span,.spreadToolPage .categoryCard .homeMeta strong,.spreadToolPage .categoryCard .homeMeta span{color:#fff}.homeCard:nth-child(8n+1){--card-accent: #ef6950}.homeCard:nth-child(8n+2){--card-accent: #29a2de}.homeCard:nth-child(8n+3){--card-accent: #feb61c}.homeCard:nth-child(8n+4){--card-accent: #1cb5a5}.homeCard:nth-child(8n+5){--card-accent: #feb61c}.homeCard:nth-child(8n+6){--card-accent: #ef6950}.homeCard:nth-child(8n+7){--card-accent: #1cb5a5}.homeCard:nth-child(8n){--card-accent: #29a2de}.homeCard:hover{transform:translateY(-2px)}.libraryHomeCard{gap:12px}.homeCardMain{position:relative;display:grid;gap:10px;width:100%;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left;font:inherit}.learnedBadge{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:transparent;color:#1cb5a5;font-size:24px;font-weight:700;line-height:1}.libraryRemoveButton{margin-left:4px}.homeThumb{height:230px}.categoryPage .homeCard .thumbPaper{border:5px solid var(--card-accent);background:#fff}.categoryPage .libraryHomeCard .thumbImage,.categoryGrid .autoTrimThumb{object-fit:cover}.categoryGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.categoryThumb{height:260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border-radius:34px;background:transparent}.homeMeta{display:grid;gap:6px;padding:8px 4px 0}.homeMeta strong{font-size:20px;color:var(--ink);font-weight:500;line-height:1.35}.homeMeta span{color:var(--muted);font-size:14px;line-height:1.6}.lpMain{max-width:1120px;margin:0 auto;padding:0 50px 96px}.lpVisual{min-height:390px;position:relative}.heroArtwork{min-height:390px}.heroObject{position:absolute;display:block;height:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 16px 24px rgba(66,77,97,.1))}.heroObjectButterfly{left:8px;top:32px;z-index:2;width:clamp(170px,17vw,230px);transform:rotate(-7deg)}.heroObjectApple{left:50%;top:136px;z-index:4;width:clamp(190px,18vw,240px);transform:translate(-50%) rotate(1deg)}.heroObjectAirplane{right:22px;top:30px;z-index:1;width:clamp(210px,21vw,310px);transform:rotate(3deg)}.lpPreview{position:absolute;border:0;background:#fff;cursor:pointer;padding:18px;display:grid;place-items:center;overflow:hidden;transition:transform .15s ease}.lpPreview:hover{transform:translateY(-3px) rotate(var(--tilt, 0deg))}.lpPreview svg,.lpPreview img{display:block;width:100%;height:100%;object-fit:contain}.lpPreview1{--tilt: -3deg;left:0;top:38px;width:220px;height:220px;border-radius:42% 58% 51% 49%;background:#fdeb6a8c;transform:rotate(-3deg)}.lpPreview2{--tilt: 2deg;right:0;top:0;width:260px;height:260px;border-radius:46% 54% 55% 45%;background:#29a2de1f;transform:rotate(2deg)}.lpPreview3{--tilt: 4deg;left:120px;bottom:0;width:240px;height:168px;border-radius:32px;background:#ef69501a;transform:rotate(4deg)}.lpFeatureGrid{display:grid;gap:28px}.lpFeature{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,.74fr) minmax(0,1fr);align-items:center;gap:24px;padding:34px 0;border-top:1px solid var(--line)}.lpFeature:last-child{border-bottom:1px solid var(--line)}.lpFeatureArtwork{min-height:142px;display:grid;place-items:center}.lpMiniPaper{width:142px;height:142px;border-radius:30px;background:#fff;display:grid;place-items:center;padding:18px}.lpMiniPaper svg,.lpMiniPaper img{width:100%;height:100%;object-fit:contain}.lpSaveArtwork .lpMiniPaper{background:#29a2de1a}.lpLearnArtwork .lpMiniPaper{width:160px;background:#1cb5a51f}.lpColorMixer{width:160px;min-height:142px;border-radius:30px;background:#f6fafc;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:12px}.lpColorMixer i{display:block;width:34px;height:34px;border-radius:999px}.lpColorMixer div{grid-column:1 / -1;height:10px;border-radius:999px;background:#fff;overflow:hidden}.lpColorMixer b{display:block;height:100%;border-radius:inherit}.lpFeature h2{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.35;letter-spacing:.02em}.lpFeature p{margin:0;color:var(--ink);font-size:16px;line-height:1.9}.lpFeatureCopy{display:grid;justify-items:start;gap:18px}.lpFeatureButton{width:80%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding-inline:24px;color:#fff;font-size:16px}.lpFeatureButtonBlue{background:var(--accent-blue)}.lpFeatureButtonBlue:hover{background:var(--accent-blue-dark)}.lpFeatureButtonCoral{background:var(--accent)}.lpFeatureButtonCoral:hover{background:var(--accent-red-dark)}.lpFeatureButtonGreen{background:var(--accent-green)}.lpFeatureButtonGreen:hover{background:var(--accent-green-dark)}.lpFeatureSave h2{color:var(--accent-blue)}.lpFeatureColor h2{color:var(--accent)}.lpFeatureLearn h2{color:var(--accent-green)}.lpSubSection{background:#f6fafc;padding:92px 50px 104px}.lpSubIntro,.lpSubGrid{max-width:1120px;margin-inline:auto}.lpSubIntro{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:40px}.lpSubIntro h2{max-width:560px;margin:0;color:var(--accent-blue);font-size:clamp(28px,3.2vw,44px);line-height:1.35}.lpSubIntro p{max-width:420px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.lpSubGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.lpSubGrid section{display:grid;gap:10px}.lpSubGrid h3{margin:0;color:var(--ink);font-size:20px;line-height:1.45}.lpSubGrid p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.featureBand.lpImaginationBand{width:100vw;margin:72px calc(50% - 50vw) 0;background:var(--accent);color:#fff;isolation:isolate}.featureBand.lpImaginationBand:before{height:46px;top:-1px;clip-path:polygon(0 0,0 60%,8% 50%,16% 56%,25% 43%,36% 54%,48% 46%,60% 52%,72% 44%,84% 50%,93% 42%,100% 52%,100% 0)}.featureBand.lpImaginationBand:after{height:48px;bottom:-1px;clip-path:polygon(0 100%,0 46%,10% 54%,20% 44%,32% 56%,45% 48%,57% 54%,70% 43%,82% 55%,92% 49%,100% 40%,100% 100%)}.lpImaginationBandInner{position:relative;z-index:1;max-width:1240px;padding-inline:18px}.lpImaginationBand h2{color:var(--accent-yellow)}.lpImaginationBand p{max-width:1120px}.lpTryPreviewFrame{display:flex;justify-content:center;margin:30px auto 6px;border:0;background:transparent;padding:0;cursor:pointer;transition:transform .15s ease}.lpTryPreviewFrame:hover{transform:translateY(-3px)}.lpTryPreviewPaper{width:336px;height:336px;max-width:calc(100% - 40px);border:0;box-sizing:border-box;overflow:hidden}.bandLink.lpImaginationButton{min-width:260px;min-height:66px;padding:18px 40px;background:var(--accent-blue);color:#fff;font-size:18px}.bandLink.lpImaginationButton:hover{background:var(--accent-green);color:var(--accent-yellow)}.lpFlyingButterfly{display:block;width:clamp(190px,24vw,320px);height:auto;margin:16px auto 24px;transform:none;filter:drop-shadow(0 14px 20px rgba(66,77,97,.18));pointer-events:none}.lpAccountSection{background:#fed351;padding:82px 50px 96px}.lpAccountIntro,.lpAccountBenefitGrid{max-width:1120px;margin-inline:auto}.lpAccountIntro{margin-bottom:34px}.lpAccountIntro h2{margin:0;color:#fff;font-size:clamp(24px,2.4vw,34px);line-height:1.35}.lpAccountBenefitGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lpAccountBenefitCard{border:0;border-radius:32px;background:#fff;padding:34px 30px 36px;display:grid;grid-template-rows:auto 1fr;gap:18px;clip-path:polygon(3% 10%,15% 4%,31% 6%,46% 3%,62% 6%,78% 4%,94% 11%,98% 27%,96% 43%,99% 59%,95% 78%,88% 94%,72% 97%,55% 94%,38% 98%,19% 95%,6% 87%,2% 69%,4% 52%,1% 34%)}.lpAccountBenefitQuiz{clip-path:polygon(5% 8%,20% 3%,36% 5%,52% 2%,68% 6%,86% 4%,97% 16%,95% 31%,99% 49%,96% 66%,98% 84%,88% 96%,70% 94%,54% 98%,35% 95%,16% 97%,4% 86%,2% 67%,5% 49%,2% 27%)}.lpAccountBenefitAdd{clip-path:polygon(4% 12%,17% 5%,33% 3%,49% 6%,66% 3%,82% 7%,96% 18%,98% 36%,95% 52%,99% 70%,94% 88%,79% 96%,60% 95%,44% 98%,27% 94%,10% 97%,2% 82%,4% 64%,1% 46%,3% 28%)}.lpAccountBenefitSave{--benefit-color: var(--accent-blue)}.lpAccountBenefitQuiz{--benefit-color: var(--accent-green)}.lpAccountBenefitAdd{--benefit-color: var(--accent)}.lpAccountBenefitArtwork{min-height:132px;display:grid;place-items:center}.lpAccountBenefitArtwork .lpMiniPaper{width:132px;height:132px;background:#f6fafc;border-radius:28px}.lpInstallArtwork{width:132px;height:132px;position:relative;border-radius:28px;background:#fdeb6a6b}.lpInstallArtwork i{position:absolute;display:block;border-radius:24px;background:var(--accent-blue)}.lpInstallArtwork i:nth-child(1){width:78px;height:78px;left:13px;top:16px}.lpInstallArtwork i:nth-child(2){width:72px;height:72px;right:13px;bottom:15px;background:var(--accent)}.lpInstallArtwork i:nth-child(3){width:56px;height:56px;left:38px;bottom:24px;background:var(--accent-green)}.lpAccountBenefitText{padding:0 6px}.lpAccountBenefitCard h3{margin:0;color:var(--ink);font-size:20px;line-height:1.45}.lpAccountBenefitCard p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.lpAccountCreateButton{display:flex;align-items:center;justify-content:center;width:min(420px,calc(100% - 60px));min-height:56px;margin:42px auto 0;background:var(--accent-green);color:#fff;font-size:18px}.lpAccountCreateButton:hover{background:var(--accent-green-dark);color:#fff}.featureBand{position:relative;margin-top:0;padding:118px 50px 124px;overflow:hidden}.featureBand:before,.featureBand:after{content:"";position:absolute;left:-5%;width:110%;height:58px;background:#fff;pointer-events:none}.featureBand:before{top:-28px;clip-path:ellipse(56% 72% at 50% 0%)}.featureBand:after{bottom:-30px;clip-path:ellipse(58% 72% at 50% 100%)}.featureInner{max-width:760px;margin:0 auto;text-align:center}.featureInner h2{margin:0;font-size:clamp(30px,3.3vw,46px);line-height:1.35;letter-spacing:.02em;font-weight:700}.featureInner p{margin:24px auto 0;max-width:680px;color:#fff;font-size:17px;line-height:1.8}.quizBand{margin-top:84px;background:var(--accent-blue)}.quizBand h2{color:var(--accent-yellow)}.careBand{margin-top:58px;background:var(--accent)}.careBand h2{color:var(--accent-yellow)}.bandLink{margin-top:28px;border:0;border-radius:999px;background:#fff;color:var(--accent-blue-dark);cursor:pointer;padding:13px 22px;font-size:15px;font-weight:700}.siteFooter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:30px 50px 34px;text-align:center}.footerLinks{max-width:1120px;margin:18px auto 0;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.footerLinks button{border:0;background:transparent;padding:0;color:var(--accent-blue);font:inherit;font-size:16px;font-weight:700;line-height:1.55;text-align:center;cursor:pointer}.footerCopyright{margin:18px 0 0;color:var(--muted);font-size:14px;font-weight:500;line-height:1.6}.footerBrand{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0 auto;font-size:24px;font-weight:700;line-height:1}.footerBrand img{width:1.15em;height:1.15em;object-fit:contain;flex:0 0 auto}.footerBrand span{display:inline-block;white-space:nowrap}.contactMailLink{color:var(--accent-blue-dark);font-weight:700}.toolPage{max-width:1120px;min-height:560px;margin:0 auto;padding:28px 50px 84px}.toolIntro{max-width:720px;margin-bottom:42px}.toolIntroWithAction{max-width:none;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.toolIntroWithAction>div{max-width:720px}.savedPageCloseButton{flex:0 0 auto;background:#f6fafc;color:var(--ink)}.toolIntro h1{margin:0;color:var(--accent-blue);font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.25;letter-spacing:.02em}.playCatalogPage .homeIntro h1{color:var(--accent)}.quizCatalogPage .homeIntro h1{color:var(--accent-blue)}.spreadToolPage .toolIntro h1{color:#feb61c}.galleryToolPage .toolIntro h1{color:var(--accent-green)}.savedToolPage .toolIntro h1{color:var(--accent-blue)}.toolIntro p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.uploadPanel,.lockedPanel{border-radius:34px;background:#f6fafc;padding:26px}.uploadPanel{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:44px}.spreadUploadPanel{position:relative;overflow:visible;background:#ef6950;color:#fff;border-radius:34px;padding:30px}.spreadUploadPanel label,.spreadUploadPanel .lineartLearningRow,.spreadUploadPanel .uploadCaution,.spreadUploadPanel .uploadSubmitButton{position:relative;z-index:1}.lineartMetaRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.uploadPanel label{display:grid;gap:8px}.uploadPanel label span{color:var(--ink);font-size:13px;font-weight:700}.spreadUploadPanel label span,.spreadUploadPanel .lineartLearningToggle span{color:#fff;font-size:15px}.uploadPanel input:not([type=checkbox]),.uploadPanel select{min-height:44px;width:100%;border:0;border-radius:999px;background:#fff;color:var(--ink);padding:10px 16px;font:inherit;font-size:14px}.uploadPanel input[type=file]{padding-top:11px}.lineartLearningRow{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}.lineartLearningToggle{min-height:32px;display:flex!important;align-items:center;gap:10px!important;padding:0;flex:0 0 auto;white-space:nowrap}.lineartLearningToggle span{font-size:14px;white-space:nowrap}.learningHelp{position:relative}.learningHelp summary{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--accent-blue);font-weight:700;cursor:pointer;list-style:none}.spreadUploadPanel .learningHelp summary{color:#ef6950}.learningHelp summary::-webkit-details-marker{display:none}.learningHelp p{position:absolute;z-index:4;top:36px;right:0;width:min(320px,calc(100vw - 64px));margin:0;border-radius:18px;background:#fff;color:var(--ink);padding:14px 16px;font-size:13px;line-height:1.7;box-shadow:0 14px 34px #424d6124}.lineartFileField,.lineartReferenceField{max-width:100%}.uploadCaution{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.spreadUploadPanel .uploadCaution{color:#ffffffe0;font-size:13px}.uploadSubmitButton{justify-self:center}.uploadCheckButton{min-height:56px;padding-inline:34px;font-size:17px}.spreadUploadPanel .uploadSubmitButton{background:#fff;color:#ef6950;min-width:150px}.spreadUploadPanel .uploadSubmitButton:hover{background:#fff5f2}.modal.uploadPreviewPanel{width:min(680px,94vw);max-height:min(92dvh,880px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--accent-green);color:#fff}.uploadPreviewHead{border-bottom:1px solid rgba(255,255,255,.28);align-items:flex-start}.uploadPreviewHead .modalTitle{color:#fff}.uploadPreviewHead .modalSub{color:#ffffffe0}.uploadPreviewHeadActions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.uploadPreviewBody{padding:16px 20px 20px;display:grid;gap:12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uploadPreviewResetButton{background:#ffffffe6;color:var(--accent)}.uploadPreviewResetButton:hover{background:#fff}.uploadPreviewToggleButton{background:var(--accent-blue);color:#fff}.uploadPreviewToggleButton:hover{background:var(--accent-blue-dark);color:#fff}.uploadPreviewCloseButton{background:#ffffff38;color:#fff}.uploadPreviewCloseButton:hover{background:#ffffff57}.uploadPreviewStage{border-radius:22px;background:#fff;padding:14px;display:grid;place-items:center;height:min(56vh,520px);overflow:hidden}.uploadPreviewStage .rasterCanvas{max-width:100%;max-height:100%;width:auto;height:auto}.uploadPreviewRefImage{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.uploadPreviewPaletteRow{display:flex;align-items:flex-start;gap:10px}.uploadPreviewDock{border-radius:22px;background:#fff;padding:10px 12px}.uploadPreviewDock .palette{background:#fff;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center;padding:4px}.uploadPreviewDock .paletteControls{grid-column:1;grid-row:1;min-width:0}.uploadPreviewDock .paletteLeft{grid-column:2;grid-row:1}.uploadPreviewDock .colorLabel{display:none}.uploadPreviewDock .paletteActions{grid-column:3;grid-row:1;display:grid;grid-template-columns:repeat(2,38px);grid-auto-rows:38px;gap:6px;justify-content:end;margin-left:-4px}.uploadPreviewDock .swatches{grid-column:1 / -1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;padding:2px 0 0}.uploadPreviewBrushButton{flex:0 0 auto;background:#fff}.uploadPreviewHint{margin:0;color:#ffffffeb;font-size:13px;line-height:1.7;text-align:center}.uploadAgreementList{display:grid;gap:10px;border-radius:18px;background:#fff;padding:14px 16px}.uploadAgreementItem{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:13px;font-weight:700;line-height:1.6}.uploadAgreementItem input{flex:0 0 auto;margin:0}.uploadAgreementWarning{margin:0;border-radius:14px;background:#ffffff29;color:#fff;padding:10px 14px;font-size:12px;font-weight:800;line-height:1.7;text-align:center}.uploadPreviewBody .uploadSubmitButton{justify-self:center;min-width:200px;background:#fff;color:var(--accent-green-dark)}.uploadPreviewBody .uploadSubmitButton:hover{background:#ffffffe6}.uploadPreviewBody .uploadSubmitButton:disabled{background:#ffffff73;color:#ffffffb3}.primaryAction{background:var(--accent);color:#fff;min-height:44px;padding-inline:22px}.primaryAction:hover{background:var(--accent-red-dark)}.heroPrimaryAction{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:240px;min-height:58px;margin:0 auto;padding:15px 34px;background:#1cb5a5;color:#fff;font-size:18px}.heroPrimaryAction:hover{background:#1c9f92;color:#fff}.publicGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:34px}.publicImageButton{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;font:inherit}.publicImageButton img{display:block;width:100%}.lineartDisplayCard .publicImageButton img{aspect-ratio:1 / 1;object-fit:contain;padding:12px}.lineartSection{display:grid;gap:22px;margin-top:44px}.spreadUploadPanel+.lineartSection{margin-top:12px}.lineartSectionHead{display:grid;gap:8px}.lineartSectionHead h2{margin:0;color:var(--ink);font-size:24px;line-height:1.35}.lineartSectionHead p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.lineartCategoryGroup{display:grid;gap:14px}.lineartCategoryActiveHead{margin:0 0 4px}.lineartCategoryGroup+.lineartCategoryGroup{margin-top:8px}.lineartCategoryGroupTitle{margin:0;color:var(--muted);font-size:14px;font-weight:700;border-left:4px solid var(--accent-blue);padding-left:10px}.galleryFilterChipRow{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.galleryFilterChip{border-radius:999px;background:#29a2de1f;color:var(--accent-blue-dark);padding:6px 14px;font-size:13px;font-weight:700}.imagePreviewCommunityActions{justify-content:center}.imagePreviewCommunityActions .btn{background:var(--accent-blue);color:#fff}.imagePreviewCommunityActions .btn:hover{background:var(--accent-blue-dark)}.spreadLockedPanel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:44px}.spreadLockedPanel p{margin:0;color:var(--ink);line-height:1.7}.spreadLoginBand{position:relative;overflow:hidden;isolation:isolate;border-radius:0;background:var(--accent-blue);padding:58px 44px 62px;color:#fff}.spreadLoginBand:before,.spreadLoginBand:after{content:"";position:absolute;left:-5%;width:110%;height:28px;background:#fff;pointer-events:none}.spreadLoginBand:before{top:-1px;clip-path:polygon(0 0,0 54%,11% 43%,22% 55%,34% 45%,48% 57%,63% 44%,76% 52%,89% 42%,100% 54%,100% 0)}.spreadLoginBand:after{bottom:-1px;clip-path:polygon(0 100%,0 44%,12% 56%,26% 45%,39% 55%,53% 47%,66% 57%,80% 43%,92% 52%,100% 42%,100% 100%)}.spreadLoginBand>*{position:relative;z-index:1}.spreadLoginBandCopy{display:grid;gap:10px}.spreadLoginBandCopy strong{color:var(--accent-yellow);font-size:24px;line-height:1.35}.spreadLoginBand p{color:#fff}.spreadLoginBand .loginTopButton{background:#fff;color:var(--accent-blue-dark);flex:0 0 auto}.publicCard{margin:0;display:grid;gap:12px}.publicCard img{display:block;width:100%;aspect-ratio:1;border-radius:28px;background:#fff;object-fit:contain}.publicCard figcaption{display:grid;gap:6px;padding-inline:4px}.publicCard strong{color:var(--ink);font-size:17px;line-height:1.4}.publicCard span{color:var(--muted);font-size:13px;line-height:1.5}.publicCard .publicImageButton img{border-radius:28px}.lineartDisplayCard .publicImageButton{border:5px solid var(--card-accent, #ef6950);border-radius:18px;background:#fff;overflow:hidden}.lineartDisplayCard .publicImageButton img{aspect-ratio:1 / 1;border-radius:12px;background:#fff;object-fit:contain;padding:12px}.downloadLink{width:fit-content;border:0;border-radius:999px;background:#f6fafc;color:var(--accent-blue);cursor:pointer;padding:8px 13px;font:inherit;font-size:13px;font-weight:700;text-decoration:none}.cardActionRow{display:flex;gap:8px;flex-wrap:wrap}.savedCardActionRow{flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px}.savedCardActionRow .publishToggle{flex:0 1 auto;min-width:0;margin-right:auto;padding:5px 10px 5px 6px;font-size:12px;gap:6px;overflow:hidden}.savedCardActionRow .downloadLink{flex:0 0 auto}.savedDeleteIconButton{flex:0 0 auto;width:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ef69501f;color:var(--accent)}.savedDeleteIconButton .buttonIcon{width:16px;height:16px}.lineartAddControls{display:grid;gap:8px;margin-top:4px}.lineartAddControls label{display:grid;gap:6px}.lineartAddControls label span{color:var(--muted);font-size:12px;font-weight:700}.lineartAddControls select{width:min(100%,240px);min-height:38px;border:0;border-radius:999px;background:#f6fafc;color:var(--ink);padding:6px 12px;font:inherit;font-size:13px;font-weight:700}.lineartCategoryChanger{display:grid;gap:6px;margin-top:2px}.lineartCategoryChanger span{color:var(--muted)!important;font-size:12px!important;font-weight:700}.lineartCategoryChanger select{width:min(100%,240px);min-height:38px;border:0;border-radius:999px;background:#f6fafc;color:var(--ink);padding:6px 12px;font:inherit;font-size:13px;font-weight:700}.savedDeleteLink{color:var(--accent)}.addedLineartButton,.addedLineartButton:disabled{color:var(--muted);cursor:default;opacity:.72}.emptyInline{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.publicGrid>.emptyInline{grid-column:1 / -1}.savedPageEmptyText{text-align:center}.sidebar{height:100%;border-radius:22px;border:0;background:#f6fafc;box-shadow:none;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:0}.sidebarTitle{padding:16px 16px 10px;font-weight:700;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebarCategoryBackButton{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#fff;color:#424d61;cursor:pointer;min-height:34px;padding:8px 12px;font:inherit;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.cards{overflow:auto;padding:10px;display:grid;gap:10px}.cardBtn{position:relative;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border-radius:18px;border:0;background:transparent;padding:10px;cursor:pointer;text-align:left;box-shadow:none;transform-origin:20% 50%;animation:floatIn .42s ease both;animation-delay:calc(var(--stagger, 0) * 35ms)}.cardBtn:hover{transform:translateY(-2px);background:#fff}.cardBtn.active{outline:0;background:#29a2de1f}.sidebarLearnedBadge{top:7px;right:9px;width:24px;height:24px;font-size:20px}.cardThumb{width:92px;height:76px}.thumbPaper{width:100%;height:100%;box-sizing:border-box;border-radius:16px;background:var(--paper2);border:0;box-shadow:none;display:grid;place-items:center;overflow:hidden}.cardMeta{display:grid;gap:4px}.cardTitle{font-weight:700;letter-spacing:0}.cardSub{font-size:12px;color:var(--muted)}.stage{min-height:0;min-width:0;max-width:100%;border-radius:26px;border:0;background:#fff;box-shadow:none;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.stageHeader{padding:12px 18px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fed351}.stageTitleBlock{flex:0 1 50%;max-width:50%;min-width:0}.stageTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.stageTitle{font-weight:700;font-size:18px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quizModeBadge{flex:0 0 auto;border:2px solid var(--accent-green);border-radius:999px;background:#fff;color:var(--accent-green);padding:4px 10px;font-size:12px;font-weight:700;line-height:1}.stageSub{color:var(--muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referenceButton{flex:0 0 auto}.referenceButton,.quizModeToggleButton,.quizCompleteButton{min-width:118px}.mobileZoomControls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.stageHeaderActions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}.topQuizModeBadge{display:none;flex:0 0 auto;border:2px solid var(--accent-green);border-radius:999px;background:#fff;color:var(--accent-green);padding:7px 12px;font-size:12px;font-weight:700;line-height:1}.tabletStageQuickActions{display:inline-flex;align-items:center;gap:8px}.paper{min-height:0;width:100%;max-width:100%;background:#fff;display:grid;align-items:start;justify-items:center;padding:16px;overflow:auto;overscroll-behavior:contain}.zoomSurface{--art-zoom: 1;min-width:100%;width:max-content;min-height:100%;display:grid;place-items:start center}.emptyStage{min-height:0;border-radius:26px;border:0;background:#f6fafc;display:grid;place-items:center;padding:26px;text-align:center;box-shadow:none}.emptyTitle{font-weight:700;font-size:22px}.emptyBody{margin-top:8px;color:var(--muted)}.inkSvg{width:min(calc(560px * var(--art-zoom)),calc(82vw * var(--art-zoom)),calc(62vh * var(--art-aspect) * var(--art-zoom)));height:auto;max-width:none;max-height:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.thumbPaper .inkSvg{width:100%;height:100%;max-height:none;pointer-events:none}.sheetLineArt{mix-blend-mode:multiply;pointer-events:none}.rasterCanvas{display:block;width:min(calc(520px * var(--art-zoom)),calc(70vw * var(--art-zoom)),calc(50vh * var(--art-aspect) * var(--art-zoom)));height:auto;max-width:none;max-height:none;aspect-ratio:var(--art-aspect);background:var(--paper);cursor:pointer}.thumbPaper .rasterCanvas{width:100%;height:100%;object-fit:contain}.thumbImage{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.paintRegion{cursor:pointer;transition:filter .12s ease,transform .12s ease}.paintRegion:hover{filter:drop-shadow(0 10px 18px rgba(26,32,44,.16))}.paletteDock{position:sticky;bottom:0;padding:10px 24px 20px}.mobileUndoButton,.mobileZoomResetButton,.mobileEyedropperButton,.mobileBrushButton{display:none}.settingToggle{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:700}.statusLine{margin:0 0 8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffffe0;color:var(--muted);font-size:12px;font-weight:600}.palette{border-radius:24px;border:0;background:#fff;box-shadow:none;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.paletteDock .palette{grid-template-columns:116px minmax(360px,1fr) minmax(276px,auto);grid-template-rows:44px auto;gap:8px 16px;align-items:center}.paletteDock .palette.noSwatches{grid-template-columns:116px minmax(520px,1fr) 96px}.paletteDock .paletteLeft{grid-column:1;grid-row:1 / span 2}.paletteDock .paletteControls{grid-column:2;grid-row:1 / span 2}.paletteActions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.paletteDock .paletteActions{grid-column:3;grid-row:1}.paletteDock .palette.noSwatches .paletteActions{grid-row:1 / span 2;display:grid;grid-template-columns:repeat(2,40px);gap:8px;align-content:center;justify-content:end}.paletteDock .palette.noSwatches .paletteSettingsButton{order:3}.paletteDock .palette.noSwatches .paletteActionButton:nth-child(2){order:1}.paletteDock .palette.noSwatches .paletteActionButton:nth-child(3){order:2}.paletteDock .palette.noSwatches .paletteActionButton:nth-child(4){order:4}.paletteActionButton{width:40px;min-height:40px}.paletteDock .swatches{grid-column:3;grid-row:2}.paletteLeft{display:flex;gap:10px;align-items:center;padding-right:6px}.colorChip{width:44px;height:44px;border-radius:16px;border:4px solid #fff;box-shadow:none}.colorMeta{display:grid;gap:2px}.colorLabel{font-size:11px;color:var(--muted)}.colorValue{font-weight:700;letter-spacing:.02em}.paletteControls{display:grid;gap:10px}.sliderRow{display:grid;grid-template-columns:56px 1fr 46px;gap:10px;align-items:center}.sliderLabel{font-size:12px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px}.primaryChip{width:14px;height:14px;border-radius:5px;border:1px solid rgba(66,77,97,.16);box-shadow:inset 0 1px #ffffff8c}.primaryChipR{background:red}.primaryChipG{background:#00c853}.primaryChipB{background:#06f}.primaryChipC{background:#00cfff}.primaryChipM{background:#ff2bd6}.primaryChipY{background:#ffd60a}.primaryChipHue{background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.primaryChipSat{background:linear-gradient(90deg,#aaa,#ff3b30)}.primaryChipLight{background:linear-gradient(90deg,#000,#fff)}.sliderValue{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);text-align:right}.sliderTrack{position:relative;height:14px;border-radius:999px;border:1px solid var(--line);overflow:hidden;box-shadow:inset 0 1px #fffc}.redTrack{background:linear-gradient(90deg,rgb(0 var(--rgb-g) var(--rgb-b)),rgb(255 var(--rgb-g) var(--rgb-b)))}.greenTrack{background:linear-gradient(90deg,rgb(var(--rgb-r) 0 var(--rgb-b)),rgb(var(--rgb-r) 255 var(--rgb-b)))}.blueTrack{background:linear-gradient(90deg,rgb(var(--rgb-r) var(--rgb-g) 0),rgb(var(--rgb-r) var(--rgb-g) 255))}.cyanTrack{background:linear-gradient(90deg,rgb(255 calc(255 - var(--cmy-m)) calc(255 - var(--cmy-y))),rgb(0 calc(255 - var(--cmy-m)) calc(255 - var(--cmy-y))))}.magentaTrack{background:linear-gradient(90deg,rgb(calc(255 - var(--cmy-c)) 255 calc(255 - var(--cmy-y))),rgb(calc(255 - var(--cmy-c)) 0 calc(255 - var(--cmy-y))))}.yellowTrack{background:linear-gradient(90deg,rgb(calc(255 - var(--cmy-c)) calc(255 - var(--cmy-m)) 255),rgb(calc(255 - var(--cmy-c)) calc(255 - var(--cmy-m)) 0))}.hueTrack{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturationTrack{background:linear-gradient(90deg,hsl(var(--hsl-h) 0% var(--hsl-l)),hsl(var(--hsl-h) 100% var(--hsl-l)))}.lightnessTrack{background:linear-gradient(90deg,#000,hsl(var(--hsl-h) var(--hsl-s) 50%),#fff)}.range{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;margin:0}.range:focus-visible{outline:2px solid rgba(255,90,60,.35);outline-offset:2px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:#fffffff2;border:2px solid rgba(66,77,97,.18);box-shadow:0 6px 14px #424d611f}.range::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#fffffff2;border:2px solid rgba(66,77,97,.18);box-shadow:0 6px 14px #424d611f}.swatches{display:flex;gap:8px;align-items:center;justify-content:flex-end}.swatch{width:26px;height:26px;border-radius:999px;border:3px solid #fff;cursor:pointer;box-shadow:none}.swatch:hover{transform:translateY(-1px)}.modalOverlay{position:fixed;inset:0;background:#424d614d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal{width:min(920px,96vw);border-radius:24px;border:0;background:#fff;box-shadow:0 24px 80px #424d612e;overflow:hidden}.authPanel{width:min(760px,94vw);max-width:calc(100vw - 18px);max-height:min(92dvh,860px);box-sizing:border-box;border-radius:24px;border:0;background:#fff;box-shadow:0 24px 80px #424d612e;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.authBody{padding:20px 24px 24px;display:grid;gap:12px;max-width:100%;min-width:0;box-sizing:border-box}.authPanel .modalHead{padding:22px 24px 14px}.field{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.field input{width:100%;border:1px solid var(--line-strong);border-radius:12px;padding:11px 12px;background:#ffffffe6;color:var(--ink);font:inherit}.signupAgreement{color:var(--ink);font-size:13px;font-weight:700;line-height:1.7}.signupAgreement label{display:flex;align-items:flex-start;gap:10px}.signupAgreement input{flex:0 0 auto;margin:0}.signupAgreement span{min-width:0}.signupAgreement button{border:0;background:transparent;color:var(--accent-blue-dark);padding:0 2px;font:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.signupCompletePanel{display:grid;justify-items:center;gap:14px;padding:24px 8px 30px;text-align:center}.signupCompletePanel h2{margin:0;color:var(--accent);font-size:clamp(28px,5vw,40px);line-height:1.35}.signupCompletePanel p{margin:0;color:var(--ink);font-size:17px;line-height:1.8}.signupCompleteButton{min-width:180px;margin-top:10px}.signupCompletePanel .verifyEmail{word-break:break-all}.signupCompletePanel .verifyHint{font-size:14px;opacity:.75}.signupCompletePanel .btn:disabled{opacity:.5;cursor:default}.signupCompletePanel .verifyEmailField{width:min(360px,100%);text-align:left}.signupCompletePanel .spBreak{display:none}@media(max-width:920px){.signupCompletePanel .spBreak{display:inline}.signupCompletePanel .pcSpace{display:none}.signupCompletePanel .signupCompleteButton{min-width:260px;min-height:60px;padding:16px 32px;font-size:17px}.signupVerifiedPanel p{text-wrap:balance}}.accountNameField{gap:8px;font-size:14px}.accountNameField input{min-height:56px;border-radius:18px;padding:14px 16px;font-size:20px;font-weight:700}.profileCreator{display:grid;gap:14px;border-radius:20px;background:#f6fafc;padding:14px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.profilePreviewWrap{display:flex;align-items:center;gap:14px}.profilePreviewWrap div{display:grid;gap:3px}.profilePreviewWrap strong{color:var(--ink);font-size:15px}.profilePreviewWrap span{color:var(--muted);font-size:12px;line-height:1.6}.profileIcon{--profile-color: #ef6950;flex:0 0 auto;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:transparent;overflow:hidden}.profileIcon img{width:100%;height:100%;object-fit:contain}.smallProfileIcon{width:28px;height:28px}.profileMotifGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;min-width:0}.profileMotifButton{border:2px solid transparent;border-radius:16px;background:#fff;padding:8px 6px;display:grid;justify-items:center;gap:4px;cursor:pointer;color:var(--ink);font:inherit;font-size:11px;font-weight:700;line-height:1.35}.profileMotifButton img{width:42px;height:42px;object-fit:contain}.activeProfileMotif{border-color:var(--accent-blue)}.profilePaintArea{height:min(320px,42vh);min-height:240px;border-radius:22px;background:#fff;overflow:hidden;display:grid;place-items:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.profilePaintArea .rasterWrap,.profilePaintArea .rasterCanvas{width:min(100%,320px);height:auto}.profilePaintArea .rasterCanvas{aspect-ratio:1}.accountProfileSummary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border-radius:20px;background:#f6fafc;padding:14px}.accountProfileSummary .profileIcon{width:118px;height:118px}.accountProfileSummary div{display:grid;gap:4px;min-width:0}.accountProfileSummary span{color:var(--muted);font-size:12px;font-weight:700}.accountProfileSummary strong{color:var(--ink);font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountEditButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#424d61;min-height:40px;padding:9px 16px}.accountEditButton span{font-size:13px;line-height:1}.editPencilIcon{width:22px;height:22px;display:inline-block;flex:0 0 auto;background:currentColor;-webkit-mask:url(/icons/edit-pencil-mask.png) center / contain no-repeat;mask:url(/icons/edit-pencil-mask.png) center / contain no-repeat;filter:drop-shadow(.6px 0 currentColor) drop-shadow(-.6px 0 currentColor)}.accountSecuritySection{display:grid;gap:12px;border-radius:20px;background:#f6fafc;padding:14px}.accountSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.accountSectionHead h3{margin:0;color:var(--ink);font-size:16px;font-weight:700}.accountSectionHead p,.accountSettingMessage{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.compactSecondaryButton{flex:0 0 auto;min-height:40px;padding:9px 16px;background:#fff;color:#424d61}.accountInlineForm{display:grid;gap:10px}.accountTextActionSection{display:grid;justify-items:start;gap:10px;padding:0 4px}.accountTextLink,.accountLogoutLink,.accountDeleteLink{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:4px 0;font:inherit;font-size:13px;font-weight:700;text-align:left}.accountTextLink{color:#29a2de}.accountPasswordForm{width:100%;border-radius:18px;background:#f6fafc;padding:12px}.accountLogoutLink{justify-self:end;margin-top:6px;border-radius:999px;background:#fff;padding:10px 18px;color:var(--muted)}.accountDangerActions{display:grid;justify-items:end;gap:10px;margin-top:4px}.accountDeleteLink{justify-self:end;color:var(--accent-red-dark)}.accountQuizProgress{display:grid;gap:10px;border-radius:20px;background:#fff;padding:14px}.accountQuizProgress h3{margin:0;color:var(--ink);font-size:16px;font-weight:700}.accountQuizProgress p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.quizProgressList{display:grid;gap:8px}.quizProgressItem{border-radius:16px;background:#f6fafc;padding:10px 12px}.quizProgressItem summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink);font-size:14px;font-weight:700}.quizProgressItem summary::marker{color:#29a2de}.quizProgressItem strong{color:#1cb5a5;font-size:18px}.learnedMiniGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}.learnedMiniCard{border:0;border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;display:grid;gap:6px;justify-items:center;padding:8px;font:inherit;font-size:11px;font-weight:700}.learnedMiniCard .thumbSvg,.learnedMiniCard img{width:58px;height:58px;object-fit:contain}.profilePalette{display:grid;gap:10px;width:100%;max-width:100%;min-width:0}.profilePaletteToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.profileCurrentColor{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--ink)}.profileCurrentColor .colorChip{width:34px;height:34px;border-radius:11px;flex:0 0 auto}.profileCurrentColor strong{font-size:15px;line-height:1;overflow:hidden;text-overflow:ellipsis}.profilePaletteActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.profilePalette .palette{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;border-radius:20px;max-width:100%;min-width:0;box-sizing:border-box}.profilePalette .paletteLeft{display:none}.profilePalette .paletteControls{min-width:0}.profilePalette .swatches{grid-column:auto;justify-content:flex-start}.profilePalette .sliderRow{grid-template-columns:58px minmax(0,1fr) 34px}.profilePalette .sliderTrack,.profilePalette .range{height:24px}.profilePalette .range::-webkit-slider-thumb{width:30px;height:30px}.profilePalette .range::-moz-range-thumb{width:30px;height:30px}.authorLine{display:inline-flex!important;align-items:center;gap:7px}.publishToggle{width:fit-content;border:0;border-radius:999px;background:#f6fafc;color:var(--accent-blue);cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px 6px 8px;font:inherit;font-size:13px;font-weight:700}.publishToggleTrack{width:36px;height:22px;display:inline-flex;align-items:center;border-radius:999px;background:var(--accent-blue);padding:3px;transition:background .16s ease}.publishToggleKnob{width:16px;height:16px;border-radius:999px;background:#fff;transform:translate(0);transition:transform .16s ease}.publishToggleOn{color:var(--accent)}.publishToggleOn .publishToggleTrack{background:var(--accent)}.publishToggleOn .publishToggleKnob{transform:translate(14px)}.publishToggle:disabled{opacity:1;cursor:default}.linkBtn{min-height:40px;border:0;border-radius:999px;background:#fff;color:var(--accent-green);padding:9px 18px;font-weight:700;cursor:pointer;justify-self:center;margin-top:-2px}.galleryPanel{width:min(1040px,96vw)}.confirmPanel{width:min(420px,94vw)}.privacyPanel{width:min(760px,94vw)}.imagePreviewPanel{width:min(860px,94vw)}.imagePreviewOverlay{z-index:70}.imagePreviewBody{display:grid;place-items:center;padding:18px;background:#f6fafc}.imagePreviewBody img{display:block;max-width:100%;max-height:min(70vh,680px);object-fit:contain;border-radius:12px;background:#fff}.imagePreviewActions{display:flex;justify-content:flex-end;padding:14px 18px 18px}.reportButton{border:0;background:#fff;color:var(--muted);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.referencePanel{width:min(780px,94vw)}.referenceBody{padding:14px;display:grid;place-items:center;background:#f6fafc}.referenceBody img{display:block;width:100%;max-height:min(68vh,560px);object-fit:contain;border-radius:8px;border:1px solid var(--line)}.galleryControlStack{padding:12px 14px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.galleryTotalCount{margin-left:auto;color:var(--muted);font-size:13px;font-weight:700}.pageGalleryToolbar{padding:0 0 18px}.galleryControlGroup{display:inline-flex;align-items:center;gap:4px}.galleryControlLabel{margin-right:4px;color:var(--muted);font-size:12px;font-weight:700}.segmentButton{min-height:34px;border:0;background:#f6fafc;color:var(--muted);padding:7px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.galleryControlGroup .segmentButton:nth-of-type(1){border-radius:12px 4px 4px 12px}.galleryControlGroup .segmentButton:last-child{border-radius:4px 12px 12px 4px}.directionButton{min-width:38px;color:var(--accent-blue)}.directionButton:not(:last-child){border-radius:4px}.segmentButton.activeSegment{background:var(--accent-blue);color:#fff}.galleryBody{max-height:min(680px,78vh);overflow:auto;padding:14px}.gallerySection{display:grid;gap:10px}.galleryCategoryButtons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pageGalleryCategories{margin-bottom:26px}.galleryCategoryButton{min-height:42px;border:0;border-radius:999px;background:#f6fafc;color:var(--ink);padding:8px 10px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none}.galleryCategoryButton small{min-width:24px;height:24px;border-radius:999px;background:#3378ff1a;color:var(--muted);display:grid;place-items:center;font-size:12px;line-height:1}.galleryCategoryButton.activeGalleryCategory{background:var(--accent-blue);color:#fff}.galleryCategoryButton.activeGalleryCategory small{background:#ffffff2e;color:#fff}.gallerySection+.gallerySection{margin-top:18px}.gallerySection h3{margin:0;font-size:15px;line-height:1.3}.galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.savedCard{margin:0;border-radius:18px;border:0;background:var(--paper);overflow:hidden;box-shadow:none}.savedCard img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.savedCard figcaption{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:3px}.savedInfo{display:grid;gap:3px}.savedCard figcaption span{display:block;color:var(--muted);font-size:12px}.savedDeleteButton{min-height:34px;width:34px;padding:0;border-radius:10px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;background:#ef69501f;color:var(--accent)}.savedContinueButton{min-height:34px;padding:7px 10px;border-radius:10px;box-shadow:none}.savedActions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.confirmBody{padding:16px;display:grid;gap:16px}.confirmBody p{margin:0;color:var(--ink)}.quizResultPanel{max-width:440px}.quizResultBody{display:grid;justify-items:center;gap:16px;padding:8px 0 26px;text-align:center}.quizScoreBadge{width:118px;height:118px;border-radius:999px;background:#ef6950;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:700}.passedQuiz{background:#1cb5a5;font-size:28px}.quizResultBody p{margin:0;color:var(--ink);line-height:1.7}.quizResultStats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quizResultStats span{border-radius:18px;background:#f6fafc;padding:10px 8px;color:var(--muted);font-size:12px;font-weight:700}.quizResultCloseButton{background:#f6fafc;color:var(--ink)}.quizResultCloseButton span{position:relative;width:16px;height:16px;display:block}.quizResultCloseButton span:before,.quizResultCloseButton span:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:2px;border-radius:999px;background:currentColor}.quizResultCloseButton span:before{transform:rotate(45deg)}.quizResultCloseButton span:after{transform:rotate(-45deg)}.quizNextButton{min-height:48px;margin-top:2px;padding-inline:26px;background:#1cb5a5;color:#fff}.quizNextButton:hover{background:#1c9f92}.privacyBody{max-height:min(680px,76vh);overflow:auto;padding:24px;background:#f6fafc}.privacyBody h2{margin:24px 0 8px;color:var(--accent-blue);font-size:18px;line-height:1.45}.privacyBody h2:first-of-type{margin-top:0}.privacyBody p{margin:0 0 14px;color:var(--ink);font-size:15px;line-height:1.8}.privacyNote{margin-top:22px;border-radius:18px;background:#fff;padding:14px}.confirmActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.emptyGallery{padding:28px;color:var(--muted);text-align:center}.settingsPanel{width:min(620px,94vw);max-height:min(840px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr);border:3px solid var(--accent-blue)}.settingsBody{padding:14px;display:grid;gap:12px;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.settingsSection{border:0;border-radius:18px;background:#fff;padding:14px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.settingsSection h2{margin:0;font-size:15px}.settingsSection p{margin:4px 0 0;color:var(--muted);font-size:12px}.settingsOptions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.settingsPreviewSection{border-radius:18px;background:#fff;padding:14px;display:grid;gap:14px}.settingsPreviewSection h2{margin:0;font-size:15px}.settingsPreviewSection p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.paletteEditSection{gap:12px}.paletteEditHead{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px}.paletteEditHead h2{line-height:1.2}.paletteEditActions{display:flex;align-items:center;gap:8px;min-height:38px}.paletteEditHead .primaryAction{flex:0 0 auto;height:38px;min-height:38px;padding-inline:18px}.closePaletteEditorButton{width:38px;height:38px;min-height:38px;background:#fff;color:var(--ink)}.closePaletteEditorButton span{position:relative;width:16px;height:16px;display:block}.closePaletteEditorButton span:before,.closePaletteEditorButton span:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:2px;border-radius:999px;background:currentColor}.closePaletteEditorButton span:before{transform:rotate(45deg)}.closePaletteEditorButton span:after{transform:rotate(-45deg)}.settingsPalettePreview .palette{background:#fff;padding:12px;border-radius:18px}.settingsPalettePreview .palette:has(.paletteControls):has(.swatches){grid-template-columns:1fr}.settingsPalettePreview .paletteLeft{justify-content:flex-start}.settingsPalettePreview .colorChip{width:42px;height:42px}.settingsPalettePreview .paletteControls{gap:10px}.settingsPalettePreview .sliderRow{grid-template-columns:60px minmax(120px,1fr) 38px}.settingsPalettePreview .swatches{justify-content:flex-start}.paletteDraftPreview .palette{grid-template-columns:1fr}.editableSwatches{display:flex;gap:8px;flex-wrap:wrap}.editableSwatch{width:34px;height:34px;border-radius:999px;border:3px solid #fff;cursor:pointer}.activeEditableSwatch{outline:3px solid var(--accent-blue);outline-offset:3px;border-radius:10px}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.modalTitle{font-weight:700;font-size:20px;letter-spacing:0}.modalSub{font-size:12px;color:var(--muted);margin-top:2px}.modalGrid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pickCard{border-radius:20px;border:0;background:#f6fafc;padding:14px;display:grid;grid-template-columns:170px 1fr;gap:14px;text-align:left;cursor:pointer;box-shadow:none}.pickCard:hover{transform:translateY(-1px)}.pickCard.active{outline:0;background:#29a2de1f}.pickThumb{height:138px}.pickMeta{display:grid;align-content:center;gap:6px}.pickTitle{font-weight:700;font-size:16px}.pickSub{font-size:12px;color:var(--muted)}@keyframes floatIn{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:921px)and (max-width:1180px),(min-width:921px)and (pointer:coarse){.topbar{gap:28px;padding:30px 28px 18px;flex-wrap:nowrap}.topbar .topLogoLink{gap:7px;font-size:clamp(24px,2.55vw,30px)}.topbar .topLogoLink img{width:1.06em;height:1.06em}.topbarActions{gap:clamp(14px,1.7vw,22px);flex-wrap:nowrap;justify-content:flex-end}.authTopActions{margin-left:0}.navLink{font-size:17px}.signupTopButton,.loginTopButton{min-height:38px;padding-inline:16px;font-size:14px}.app:has(.paletteDock){min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0;overflow:hidden}.app:has(.paletteDock) .editingTopbar{width:100%;display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);column-gap:18px;align-items:center;justify-content:flex-start;padding:14px 18px 10px}.app:has(.paletteDock) .editingTopbar .topLogoLink{display:inline-flex;font-size:24px;line-height:1}.app:has(.paletteDock) .editingTopbar .topbarActions{display:flex;align-items:center;gap:18px;flex-wrap:nowrap;margin-left:0}.app:has(.paletteDock) .editingTopbar .navLink{font-size:16px}.app:has(.paletteDock) .editingTopbar .topUndoButton,.app:has(.paletteDock) .editingTopbar .topZoomResetButton,.app:has(.paletteDock) .editingTopbar .topEyedropperButton,.app:has(.paletteDock) .editingTopbar .topBrushButton,.app:has(.paletteDock) .editingTopbar .illustrationTopButton,.app:has(.paletteDock) .editingTopbar .saveTopButton,.app:has(.paletteDock) .editingTopbar .mobileSaveHeaderButton,.app:has(.paletteDock) .editingTopbar .mobileSettingsHeaderButton{display:none}.app:has(.paletteDock) .editingTopbar .resetTopButton{display:inline-flex;align-items:center;justify-content:center;min-height:34px;height:34px;padding:0 16px;margin-left:auto;background:#ef69501a;color:var(--accent);line-height:1}.app:has(.paletteDock) .editingTopbar .topQuizModeBadge{display:inline-flex;margin-left:auto}.app:has(.paletteDock) .stage .quizModeBadge{display:none}.app:has(.paletteDock) .mobileMenuButton{display:none}.app:has(.paletteDock) .layout{grid-template-columns:minmax(210px,260px) minmax(0,1fr);min-height:0;height:100%;overflow:hidden;padding:14px 18px 12px}.app:has(.paletteDock) .main,.app:has(.paletteDock) .stageWrap{min-height:0;min-width:0;height:100%}.app:has(.paletteDock) .stageWrap{grid-template-rows:minmax(0,1fr)}.app:has(.paletteDock) .mobileEditorToolbar{display:none}.app:has(.paletteDock) .tabletStageQuickActions{display:inline-flex}.app:has(.paletteDock) .stage{height:100%;min-width:0;overflow:hidden}.app:has(.paletteDock) .paper{min-width:0;max-width:100%;overflow:auto;touch-action:none;overscroll-behavior:contain}.app:has(.paletteDock) .zoomSurface,.app:has(.paletteDock) .inkSvg,.app:has(.paletteDock) .rasterCanvas{touch-action:none}.app:has(.paletteDock) .paletteDock{position:relative;max-height:min(22dvh,210px);overflow:hidden;padding:8px 18px calc(10px + env(safe-area-inset-bottom));background:#f6fafcf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app:has(.paletteDock) .mobilePaletteToolbar{display:none;grid-template-columns:44px 44px 44px 44px;gap:8px;align-items:center;position:absolute;top:15px;right:calc((100% - min(1040px,calc(100vw - 36px)))/2 + 10px);z-index:2;width:auto;margin:0}.app:has(.paletteDock) .mobileCurrentColor{display:none}.app:has(.paletteDock) .mobileUndoButton,.app:has(.paletteDock) .mobileRedoButton,.app:has(.paletteDock) .mobileEyedropperButton,.app:has(.paletteDock) .mobileBrushButton{display:inline-flex;justify-content:center;align-items:center;min-height:42px}.app:has(.paletteDock) .tabletPaletteResetButton{display:none}.app:has(.paletteDock) .mobilePaletteToggleButton{display:none}.app:has(.paletteDock) .palettePanel{display:block;width:min(1040px,calc(100vw - 36px));max-width:1040px;margin:0 auto}.app:has(.paletteDock) .palettePanel[hidden]{display:block!important}.app:has(.paletteDock) .palette{min-height:112px;grid-template-columns:112px minmax(460px,1fr) 354px;grid-template-rows:52px auto;gap:4px 12px;align-items:center;padding:8px 10px}.app:has(.paletteDock) .palette.noSwatches{grid-template-columns:102px minmax(0,1fr) 96px}.app:has(.paletteDock) .paletteActions{grid-column:3;grid-row:1;justify-content:flex-end;align-self:end}.app:has(.paletteDock) .paletteLeft{grid-column:1;grid-row:1 / span 2;padding-right:0;justify-self:start;transform:translate(-10px);gap:7px}.app:has(.paletteDock) .paletteLeft .colorValue{font-size:13px}.app:has(.paletteDock) .paletteControls{grid-column:2;grid-row:1 / span 2;gap:10px}.app:has(.paletteDock) .sliderRow{grid-template-columns:54px minmax(0,1fr) 38px;gap:8px}.app:has(.paletteDock) .sliderTrack,.app:has(.paletteDock) .range{height:22px}.app:has(.paletteDock) .range::-webkit-slider-thumb{width:28px;height:28px}.app:has(.paletteDock) .range::-moz-range-thumb{width:28px;height:28px}.app:has(.paletteDock) .swatches{grid-column:3;grid-row:2;justify-content:flex-end;align-self:start;flex-wrap:nowrap;gap:6px}.app:has(.paletteDock) .swatch{flex:0 0 auto;width:27px;height:27px}.app:has(.paletteDock) .sidebarTitle{padding:12px 12px 8px}.app:has(.paletteDock) .sidebarCategoryBackButton{display:inline-flex;align-items:center}}@media(orientation:portrait)and (min-width:600px)and (max-width:1200px){.homeHero{grid-template-columns:1fr;gap:24px}.homeHero .heroText{display:contents}.homeHero .heroCatch{order:1}.homeHero .heroLead{order:2}.homeHero .heroArtwork{order:3}.homeHero .heroPrimaryAction{order:4;justify-self:center;margin-top:8px}}@media(max-width:920px){.app{--mobile-dock-clearance: 430px;min-height:100%;height:auto;display:block;padding-bottom:0}.app:has(.paletteDock){min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0;overflow:hidden}.topbar{width:100%;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:20px 30px 12px}.editingTopbar{padding:14px 18px 10px;gap:12px}.topLogoLink{font-size:30px}.editingTopbar .topLogoLink{font-size:22px}.topbarActions{width:100%;gap:14px 20px}.navLink{padding:8px 0 10px;font-size:14px}.authTopActions{margin-left:0;gap:8px}.signupTopButton,.loginTopButton{min-height:40px;padding:9px 18px;font-size:13px}.editingTopbarActions .logoutTopButton,.topUndoButton,.topZoomResetButton,.topEyedropperButton,.topBrushButton{display:none}.editingTopbar .navLink:not(.savedNavButton),.editingTopbar .savedNavButton,.editingTopbar .authTopActions,.editingTopbar .loginTopButton,.editingTopbar .signupTopButton,.editingTopbar .saveTopButton,.editingTopbar .logoutTopButton,.editingTopbar .galleryNavButton,.editingTopbar .topUndoButton,.editingTopbar .topZoomResetButton,.editingTopbar .topEyedropperButton,.editingTopbar .topBrushButton{display:none}.editingTopbar .topbarActions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.editingTopbar .illustrationTopButton,.editingTopbar .mobileSaveHeaderButton,.editingTopbar .mobileSettingsHeaderButton,.editingTopbar .resetTopButton{display:inline-flex;min-height:38px;justify-content:center;align-items:center;border-radius:999px;padding:8px 10px;background:#f6fafc;color:#424d61;font-size:13px;line-height:1}.editingTopbar .resetTopButton{background:#ef69501a;color:var(--accent)}.savedTopButton{order:1}.saveTopButton,.loginTopButton{order:2}.mobileSettingsHeaderButton{order:3}.resetTopButton{order:4}.illustrationTopButton{order:1}.btn{min-height:38px;padding:8px 16px;border-radius:999px;font-size:12px}.layout{grid-template-columns:1fr;gap:10px;padding:0 10px 10px;min-height:auto}.app:has(.paletteDock) .layout{min-height:0;overflow:hidden;padding-right:0;padding-bottom:0;padding-left:0}.rail{display:none}.sidebar{height:auto;border-radius:12px;grid-template-rows:auto auto}.sidebarTitle{padding:9px 10px 0;font-size:13px}.cards{display:flex;overflow-x:auto;overflow-y:hidden;gap:10px;padding:10px;-webkit-overflow-scrolling:touch}.cardBtn{min-width:210px;grid-template-columns:76px 1fr;gap:9px;padding:8px;border-radius:12px}.cardThumb{width:76px;height:62px}.main,.stageWrap{min-height:auto;display:block}.app:has(.paletteDock) .main,.app:has(.paletteDock) .stageWrap{min-height:0;height:100%}.app:has(.paletteDock) .stageWrap{display:grid;grid-template-rows:auto minmax(0,1fr)}.mobileEditorToolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 8px}.mobileEditorToolbar .btn{min-height:38px;justify-content:center;padding:8px 6px;background:#fff;color:#424d61;font-size:11px;line-height:1.2}.mobileEditorToolbar .btnDanger{background:#ef69501a;color:var(--accent)}.stage{min-height:0;border-radius:14px;overflow:visible}.app:has(.paletteDock) .stage{min-height:0;height:100%;overflow:hidden;border-radius:0}.stage{grid-template-columns:minmax(0,1fr)}.stageHeader{padding:10px 12px 8px;gap:8px}.stageTitleBlock{flex:1 1 0;max-width:none;min-width:0}.stageTitle{font-size:17px}.stageHeaderActions{flex:0 0 auto;margin-left:auto;gap:6px}.stageHeaderActions .btn{min-width:0;padding:8px 14px;flex:0 0 auto}.tabletStageQuickActions,.stageHeaderActions .mobileZoomControls,.stageTitleRow .quizModeBadge,.stageHeaderActions .quizExitButton{display:none}.paper{height:max(220px,min(44dvh,calc(100dvh - var(--mobile-dock-clearance) - 118px)));min-height:0;max-height:none;padding:0;align-items:safe center;justify-items:center;overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:none}.app:has(.paletteDock) .paper{height:auto;width:100vw}.paper .zoomSurface{width:100%;min-width:0;place-items:start center}.paper.zoomedPaper{overflow:auto;touch-action:none}.paper.zoomedPaper .zoomSurface{min-width:100%;width:max-content}.inkSvg,.rasterCanvas{width:min(calc(100% * var(--art-zoom)),calc(560px * var(--art-zoom)));touch-action:none}.app:has(.paletteDock) .inkSvg,.app:has(.paletteDock) .rasterCanvas{width:calc(100vw * var(--art-zoom))}.zoomedPaper .inkSvg,.zoomedPaper .rasterCanvas{touch-action:none}.hint,.desktopHintText{display:none}.mobileHintText{display:inline}.paletteDock{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:min(52svh,var(--mobile-dock-clearance));overflow-y:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-overflow-scrolling:touch}.app:has(.paletteDock) .paletteDock{position:static;max-height:40dvh}.mobilePaletteToolbar{display:grid;grid-template-columns:minmax(72px,1fr) 40px 40px 40px 40px 40px;gap:6px;align-items:center;margin-bottom:8px}.mobileCurrentColor{min-width:0;display:inline-flex;align-items:center;gap:9px;color:#424d61;font-size:14px;font-weight:700}.mobileCurrentColor span{flex:0 0 auto;width:38px;height:38px;border-radius:12px;border:4px solid #fff}.mobileCurrentColor strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileUndoButton,.mobileRedoButton,.mobilePaletteToggleButton{display:inline-flex;justify-content:center;align-items:center;min-height:40px}.mobileZoomResetButton{display:none;justify-content:center;align-items:center;min-height:42px;margin:0 0 8px 6px;line-height:1;vertical-align:top}.mobileEyedropperButton,.mobileBrushButton{display:inline-flex;justify-content:center;align-items:center;min-height:40px}.mobilePaletteToggleButton{color:#424d61;font-size:15px;line-height:1}.redoIcon{transform:scaleX(-1)}.palettePanel{margin-top:0}.closedPaletteDock{overflow:hidden}.closedPaletteDock .mobilePaletteToolbar{margin-bottom:0}.palettePanel[hidden]{display:none}.settingsSection{display:grid;grid-template-columns:1fr;gap:12px}.settingsOptions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.settingToggle{min-height:36px;padding:0 10px;border:0;border-radius:10px;background:#fff;justify-content:center}.modalGrid{grid-template-columns:1fr}.palette{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:14px}.paletteDock .palette,.uploadPreviewDock .palette{grid-template-columns:1fr;grid-template-rows:none;gap:10px}.uploadPreviewDock .paletteLeft,.uploadPreviewDock .paletteControls,.uploadPreviewDock .paletteActions,.uploadPreviewDock .swatches{grid-column:auto;grid-row:auto}.paletteLeft{justify-content:space-between;padding-right:0}.colorChip{width:34px;height:34px;border-radius:10px}.colorMeta{grid-template-columns:auto 1fr;align-items:center;gap:8px}.colorLabel{font-size:10px}.colorValue{font-size:12px}.paletteDock .paletteLeft,.paletteDock .paletteActions{display:none}.paletteDock .paletteControls,.paletteDock .swatches{grid-column:auto;grid-row:auto}.paletteControls{gap:12px}.profilePalette .palette{grid-template-columns:1fr;gap:10px;overflow:hidden}.profilePalette .paletteLeft{justify-content:flex-start;padding-right:0}.profilePalette .paletteControls{min-width:0}.profilePalette .sliderRow{grid-template-columns:52px minmax(0,1fr) 38px;gap:8px}.profilePalette .swatches{grid-column:auto}.sliderRow{grid-template-columns:52px 1fr 38px;gap:8px}.sliderLabel,.sliderValue{font-size:11px}.sliderTrack,.range{height:28px}.range::-webkit-slider-thumb{width:30px;height:30px}.range::-moz-range-thumb{width:30px;height:30px}.swatches{justify-content:flex-start;flex-wrap:wrap;gap:7px}.swatch{width:24px;height:24px;border-radius:8px}.home{padding:0 0 28px}.homeHero{min-height:auto;grid-template-columns:1fr;gap:18px;padding:32px 30px 56px}.homeHero .heroText{display:contents}.homeHero .heroCatch{order:1}.homeHero .heroLead{order:2}.homeHero .heroArtwork{order:3}.homeHero .heroPrimaryAction{order:4;justify-self:center}.heroCatch{font-size:clamp(26px,8vw,36px);line-height:1.6}.heroCatchNarrowBreak,.learnIntroBreak{display:block}.heroLead{margin:10px 0 14px;font-size:15px;line-height:1.8}.heroPrimaryAction{width:min(100%,300px);min-width:0;min-height:54px;font-size:16px}.lpMain{padding:0 30px 64px}.lpVisual{min-height:300px}.heroArtwork{min-height:210px;padding:4px 0 2px}.heroObject{filter:drop-shadow(0 10px 16px rgba(66,77,97,.08))}.heroObjectButterfly,.heroObjectApple,.heroObjectAirplane{max-width:none}.heroObjectButterfly{left:7%;top:16px;width:43%;transform:rotate(-4deg)}.heroObjectApple{left:50%;top:78px;width:43%;transform:translate(-50%) rotate(1deg)}.heroObjectAirplane{right:4%;top:22px;width:48%;transform:rotate(2deg)}.lpPreview{padding:14px}.lpPreview1{width:172px;height:172px;top:26px}.lpPreview2{width:188px;height:188px}.lpPreview3{left:72px;width:190px;height:132px}.lpFeature{grid-template-columns:1fr;gap:14px;padding:28px 0}.lpFeature span{width:48px;height:48px;font-size:14px}.lpFeature h2{order:1;font-size:26px}.lpFeature p{font-size:15px}.lpFeatureCopy{order:3;justify-items:center}.lpFeatureCopy h2,.lpFeatureCopy p{justify-self:stretch}.lpFeatureButton{width:80%;min-height:54px;justify-content:center;font-size:16px}.lpFeatureArtwork{order:2;justify-content:center;min-height:auto}.lpMiniPaper{width:118px;height:118px;border-radius:24px;padding:14px}.lpLearnArtwork .lpMiniPaper,.lpColorMixer{width:140px}.lpColorMixer{min-height:118px;border-radius:24px;padding:16px;gap:9px}.lpColorMixer i{width:28px;height:28px}.featureBand.lpImaginationBand{margin-top:44px;padding:92px 30px 96px}.lpFlyingButterfly{width:min(72vw,260px);margin:14px auto 22px;opacity:.9}.lpImaginationBandInner{padding-bottom:0}.lpTryPreviewFrame{margin:22px auto 4px}.lpTryPreviewPaper{width:264px;height:264px;max-width:calc(100% - 20px);border-width:0}.bandLink.lpImaginationButton{min-width:0;width:80%;min-height:54px;font-size:16px}.lpAccountSection{padding:60px 30px 72px}.lpAccountIntro{margin-bottom:26px}.lpAccountIntro h2{font-size:clamp(18px,5.4vw,24px)}.lpAccountBenefitGrid{grid-template-columns:1fr;gap:24px}.lpAccountBenefitCard{padding:26px 22px 28px}.lpAccountBenefitCard h3{font-size:19px}.lpAccountCreateButton{width:80%;min-height:54px;margin-top:24px;font-size:16px}.lpSubSection{padding:64px 30px 72px}.lpSubIntro{display:grid;gap:14px;margin-bottom:34px}.lpSubIntro h2{font-size:28px}.lpSubGrid{grid-template-columns:1fr;gap:28px}.homeCatalog{padding:48px 30px 56px}.homePage .homeCatalog:before{top:-28px;height:52px}.categoryPage .homeCatalog{padding-top:30px}.homeIntro{display:block;margin-bottom:32px}.homeIntro.learningIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.homeIntro.learningIntro>div{min-width:0}.categoryPage .homeIntro.learningIntro{display:grid;grid-template-columns:1fr}.categoryPage .homeIntro.learningIntro>div{min-width:0}.introActions{justify-content:flex-start;margin-top:16px}.categoryPage .introActions{justify-content:flex-end;margin-top:10px}.learningIntro .introActions{flex:0 0 auto;justify-content:flex-end;margin-top:0}.quizCatalogPage .homeIntro.learningIntro{flex-wrap:wrap;align-items:center;row-gap:0}.quizCatalogPage .homeIntro.learningIntro>div:not(.introActions){display:contents}.quizCatalogPage .homeIntro.learningIntro h1{order:1}.quizCatalogPage .homeIntro.learningIntro .introActions{order:2}.quizCatalogPage .homeIntro.learningIntro p{order:3;flex:0 0 100%}.homeIntro h1{font-size:28px}.homeGrid{grid-template-columns:1fr;gap:34px}.homeCard{padding:0}.categoryCard{padding:16px}.homeThumb{height:220px}.categoryGrid{grid-template-columns:1fr}.categoryThumb{height:240px;padding:14px}.featureBand{margin-top:44px;padding:82px 30px 88px}.featureBand:before,.featureBand:after{height:42px}.featureInner h2{font-size:30px}.featureInner p{font-size:16px}.careBand{margin-top:36px}.siteFooter{padding:28px 30px 32px}.toolPage{min-height:auto;padding:34px 30px 56px}.toolIntro{margin-bottom:30px}.toolIntroWithAction{display:grid;gap:16px}.savedPageCloseButton{justify-self:start}.uploadPanel{grid-template-columns:1fr;gap:14px;padding:20px}.lineartMetaRow{grid-template-columns:1fr;gap:14px}.learningHelp p{right:auto;left:-38px}.spreadLockedPanel{display:grid;justify-items:start}.spreadLoginBand{padding:54px 28px 58px}.publicGrid{grid-template-columns:1fr}.topbar,.editingTopbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 78px 10px 20px;gap:12px}.topbar .topLogoLink,.editingTopbar .topLogoLink{display:inline-flex;font-size:24px;line-height:1}.topbarActions,.editingTopbar .topbarActions{display:none}.mobileMenuButton{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:70;width:48px;height:48px;border:0;border-radius:999px;background:transparent;color:#424d61;display:grid;place-items:center;box-shadow:none;cursor:pointer;transition:top .18s ease,right .18s ease,box-shadow .18s ease}.mobileMenuButton span,.mobileMenuButton span:before,.mobileMenuButton span:after{content:"";width:20px;height:2px;border-radius:999px;background:currentColor;display:block;transition:transform .16s ease,opacity .16s ease}.mobileMenuButton span{position:relative}.mobileMenuButton span:before,.mobileMenuButton span:after{position:absolute;left:0}.mobileMenuButton span:before{top:-7px}.mobileMenuButton span:after{top:7px}.openMobileMenuButton span{background:transparent}.openMobileMenuButton span:before{top:0;transform:rotate(45deg)}.openMobileMenuButton span:after{top:0;transform:rotate(-45deg)}.openMobileMenuButton{top:max(16px,env(safe-area-inset-top));right:16px;width:48px;height:48px;box-shadow:none}.mobileMenuOverlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:max(62px,env(safe-area-inset-top) + 62px) 20px 24px 24px;background:#424d612e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.mobileMenuPanel{position:fixed;top:calc(env(safe-area-inset-top) + 92px);left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 44px));overflow:visible;background:transparent;padding:56px 36px 58px;display:grid;gap:10px;box-shadow:none;isolation:isolate}.mobileMenuPanel:before{content:"";position:absolute;inset:-42px -23px;z-index:0;pointer-events:none;background:#fff;filter:drop-shadow(0 24px 70px rgba(66,77,97,.18));transform:scale(1.1);transform-origin:center;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 360 700' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M59 91C70 49 125 51 145 76C164 26 238 32 253 87C296 75 341 108 326 153C349 184 336 221 314 235C336 267 333 309 312 332C334 363 331 408 309 431C331 466 323 511 296 532C310 581 272 621 224 600C198 649 122 648 101 598C54 614 20 577 39 533C12 508 17 463 44 443C19 413 21 370 48 349C22 320 24 276 49 255C24 226 26 181 53 163C25 131 29 96 59 91Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 360 700' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M59 91C70 49 125 51 145 76C164 26 238 32 253 87C296 75 341 108 326 153C349 184 336 221 314 235C336 267 333 309 312 332C334 363 331 408 309 431C331 466 323 511 296 532C310 581 272 621 224 600C198 649 122 648 101 598C54 614 20 577 39 533C12 508 17 463 44 443C19 413 21 370 48 349C22 320 24 276 49 255C24 226 26 181 53 163C25 131 29 96 59 91Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.mobileMenuPanel>*{position:relative;z-index:1}.mobileMenuLink{min-height:54px;border:0;border-radius:999px;background:transparent;color:#424d61;cursor:pointer;padding:12px 24px;text-align:left;font:inherit;font-size:17px;font-weight:700;position:relative;width:auto;justify-self:start}.activeMobileMenuLink{color:#424d61;background:transparent}.activeMobileMenuLink:after{content:"";position:absolute;left:24px;right:24px;bottom:9px;height:2px;border-radius:999px;background:radial-gradient(circle at 8% 45%,rgba(239,105,80,.62) 0 1px,transparent 1.4px),radial-gradient(circle at 27% 55%,rgba(213,83,59,.58) 0 1px,transparent 1.5px),radial-gradient(circle at 68% 35%,rgba(239,105,80,.64) 0 1.1px,transparent 1.5px),linear-gradient(90deg,#ef6950b8,#d5533bdb,#ef6950b8);box-shadow:0 1px #ef695033;transform:rotate(-1deg)}.primaryMobileMenuLink,.blueMobileMenuLink{background:transparent;color:#424d61}.dangerMobileMenuLink{color:#ef6950;background:transparent}@media(max-height:760px){.mobileMenuPanel{top:calc(env(safe-area-inset-top) + 72px);gap:6px;padding-top:46px;padding-bottom:46px}.mobileMenuLink{min-height:48px}}}@media(pointer:coarse){.field:not(.accountNameField) input,.uploadPanel input:not([type=checkbox]):not([type=file]),.uploadPanel select,.lineartAddControls select,.lineartCategoryChanger select{font-size:16px}}@media(max-width:600px){.accountProfileSummary{grid-template-columns:auto minmax(0,1fr);row-gap:10px}.accountProfileSummary .profileIcon{grid-row:1 / span 2}.accountProfileSummary div{align-self:end}.accountProfileSummary strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}.accountProfileSummary .accountEditButton{grid-column:2;align-self:start;justify-self:start}}@media(max-width:360px){.accountProfileSummary .profileIcon{width:92px;height:92px}}.field .passwordInput{position:relative;display:block}.field .passwordInput input{padding-right:52px}.field .passwordInput input::-ms-reveal{display:none}.passwordToggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;padding:0;color:var(--muted);cursor:pointer}.passwordToggle:hover,.passwordToggle[aria-pressed=true]{color:var(--accent-blue)}.passwordToggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.passwordToggle svg{width:22px;height:22px}.accountPasswordForm .btn:disabled{opacity:.5;cursor:default}