:root{--bg:#fff8ef;--card:#fff;--ink:#1d1d1f;--ink-soft:#5b5b66;--line:#ecdfcf;--coral:#ff7a59;--coral-dark:#e85d3c;--sun:#fc3;--sky:#4aa3ff;--mint:#3cc48b;--danger:#d93a3a;--radius:18px;--tap:60px;--shadow:0 2px 0 #1d1d1f14, 0 8px 24px #1d1d1f14;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:text;user-select:text;font:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sky);outline-offset:2px}a{color:var(--coral-dark)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.block{display:block}.spacer,.grow{flex:1}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.error{color:var(--danger)}#app{height:100%}.screen{min-height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:relative}.splash{place-items:center;height:100dvh;display:grid}.icon-btn{background:var(--card);width:52px;height:52px;box-shadow:var(--shadow);border-radius:16px;flex:none;place-items:center;transition:transform .1s;display:inline-grid}.icon-btn:active:not(:disabled){transform:scale(.93)}.icon-btn.small{border-radius:12px;width:40px;height:40px}.icon-btn.on{background:var(--sun)}.icon-btn.primary{background:var(--mint);color:#fff}.icon-btn.danger{color:var(--danger)}.icon-btn.fav{color:#f5a400}.btn{background:var(--card);border:2px solid var(--line);border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.danger{color:var(--danger);border-color:#f3c3c3}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:38px;padding:6px 12px;font-size:.9rem}.chip{background:var(--card);border:2px solid var(--line);white-space:nowrap;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:600}.chip.big{min-height:52px;font-size:1.05rem}.chip.on{background:var(--sun);border-color:#e5b300}.big-btn{min-width:96px;min-height:80px;box-shadow:var(--shadow);border-radius:24px;place-items:center;font-size:1.2rem;font-weight:700;display:inline-grid}.big-btn.yes{background:var(--mint);color:#fff}.big-btn.no{color:var(--danger);background:#ffe1dc}.big-btn.wide{padding:0 32px}.parent-lock{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:44px;height:44px;color:var(--ink-soft);opacity:.75;z-index:5;border-radius:12px;place-items:center;display:grid;position:absolute}.hello{text-align:center;margin:40px 0 24px;font-size:clamp(1.8rem,5vw,2.6rem)}.picker-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.picker-card{background:var(--card);box-shadow:var(--shadow);border-radius:28px;justify-items:center;gap:10px;min-width:160px;padding:18px;font-size:1.2rem;font-weight:700;display:grid}.avatar{border-radius:50%;display:block}.home{flex-direction:column;min-height:100dvh;display:flex}.home-top{align-items:center;gap:16px;padding-right:56px;display:flex}.me{align-items:center;gap:8px;font-weight:700;display:flex}.brand{color:var(--coral-dark);align-items:center;gap:10px;margin:0;font-size:clamp(1.3rem,4vw,1.9rem);display:flex}.tiles{flex:1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:center;gap:clamp(16px,3vw,32px);width:100%;max-width:1000px;margin:0 auto;padding:24px 0;display:grid}.tile{background:var(--card);box-shadow:var(--shadow);border:4px solid #0000;border-radius:32px;justify-items:center;gap:14px;padding:clamp(20px,4vw,36px) 16px;transition:transform .15s;display:grid}.tile:active{transform:scale(.96)}.tile-new{background:#fff0ea;border-color:#ffd2c4}.tile-color{background:#eaf5ff;border-color:#c9e3ff}.tile-art-wall{background:#eefaf2;border-color:#c7efd6}.tile-label{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:800}.tile-art svg{width:clamp(110px,18vw,160px);height:auto}.bar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.bar h1{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.theme-tabs{scrollbar-width:none;gap:10px;padding:4px 2px 14px;display:flex;overflow-x:auto}.page-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,44vw),1fr));gap:18px;display:grid}.page-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;gap:6px;padding:10px;font-weight:700;display:grid}.page-card img{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:12px;width:100%}.empty{justify-items:center;gap:16px;margin-top:15vh;font-size:1.4rem;font-weight:700;display:grid}.fridge{grid-template-columns:repeat(auto-fill,minmax(min(240px,44vw),1fr));gap:26px 20px;padding:10px 4px 40px;display:grid}.art-card{transform:rotate(var(--tilt,0deg));background:#fff;border-radius:6px;padding:10px 10px 6px;position:relative;box-shadow:0 6px 18px #0000001f}.magnet{background:var(--coral);border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:-10px;left:50%;box-shadow:inset -3px -3px #00000026}.art-open{width:100%;display:block}.art-open img,.art-blank{aspect-ratio:4/3;object-fit:contain;background:#fafafa;width:100%;display:block}.art-actions{justify-content:space-between;padding-top:6px;display:flex}.modal-back{z-index:50;background:#1d1d1f59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:28px;width:100%;max-width:440px;padding:24px;position:relative;box-shadow:0 20px 60px #00000040}.kid-confirm{text-align:center;font-size:1.3rem;font-weight:700}.kid-confirm .row{justify-content:center;gap:24px;margin-top:12px}.kid-confirm-art{color:var(--coral);font-size:56px}.kid-confirm p{margin:8px 0}.gate{text-align:center}.gate h2{margin-top:4px}.gate .close{box-shadow:none;position:absolute;top:12px;right:12px}.hold-btn{--p:0;width:120px;height:120px;color:var(--ink);background:conic-gradient(var(--coral) calc(var(--p) * 360deg), #f1e7da 0);touch-action:none;border-radius:50%;place-items:center;margin:12px auto;display:grid;position:relative}.hold-btn:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.hold-btn svg{position:relative}.gate-q{font-size:1.25rem;font-weight:700}.gate-entry{letter-spacing:4px;min-height:48px;margin-bottom:8px;font-size:2rem;font-weight:800}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto;display:grid}.key{background:#f6efe6;border-radius:16px;height:60px;font-size:1.5rem;font-weight:700}.canvas-screen{height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#efe6da;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;display:grid;overflow:hidden}.canvas-top{scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.canvas-title{white-space:nowrap;font-size:1.1rem;font-weight:800}.canvas-body{gap:8px;min-height:0;display:flex}.left-handed .canvas-body{flex-direction:row-reverse}.tool-rail{scrollbar-width:none;flex-direction:column;gap:8px;padding:4px;display:flex;overflow-y:auto}.tool{width:var(--tap);height:var(--tap);background:var(--card);box-shadow:var(--shadow);border-radius:18px;flex:none;place-items:center;transition:transform .12s;display:grid}.tool.on{background:var(--sun);transform:translate(4px)scale(1.06)}.left-handed .tool.on{transform:translate(-4px)scale(1.06)}.canvas-box{flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.stage{touch-action:none;cursor:crosshair;background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000026}.stage .layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage.clearing .layer:nth-child(2),.stage.clearing .layer:nth-child(3){animation:.45s ease-in forwards wipe}@keyframes wipe{to{opacity:0;transform:translate(110%)rotate(8deg)}}.stage-msg{color:var(--ink-soft);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.canvas-bottom{align-items:center;gap:12px;min-width:0;min-height:64px;display:flex}.palette-row,.sticker-drawer{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.swatches,.shape-row,.sticker-cats,.sticker-grid{scrollbar-width:none;gap:8px;padding:4px;display:flex;overflow-x:auto}.swatch{border:3px solid #0000001f;border-radius:50%;flex:none;width:50px;height:50px;transition:transform .12s;box-shadow:inset 0 -4px #0000001f}.mode-little .swatch{width:58px;height:58px}.swatch.on{border:4px solid var(--ink);transform:scale(1.15)}.swatch.wheel{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:block;position:relative;overflow:hidden}.swatch.wheel input{opacity:0;cursor:pointer;width:200%;height:200%;position:absolute;inset:-10px}.sizes{flex:none;align-items:center;gap:6px;display:flex}.size{background:var(--card);width:50px;height:50px;box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid}.size span{border:1.5px solid #00000040;border-radius:50%;display:block}.size.on{background:var(--sun)}.shape-chip{place-items:center;padding:6px 12px;display:grid}.sticker{background:var(--card);width:72px;height:72px;box-shadow:var(--shadow);border-radius:18px;flex:none;place-items:center;display:grid}.sticker img{pointer-events:none;width:58px;height:58px}.sticker.on{background:var(--sun)}.popover{background:var(--card);z-index:30;border-radius:20px;grid-template-columns:repeat(5,64px);gap:10px;padding:12px;display:grid;position:fixed;top:76px;right:16px;box-shadow:0 12px 40px #0003}.paper-chip{border:3px solid var(--line);width:64px;height:64px;color:var(--ink-soft);border-radius:14px;align-items:end;padding:3px;font-size:.7rem;font-weight:700;display:grid}.paper-chip.on{border-color:var(--ink)}.paper-chip.pat-lined{background-image:repeating-linear-gradient(#0000 0 10px,#b9d4f1 10px 12px)!important}.paper-chip.pat-grid{background-image:linear-gradient(#d6e4f2 1px,#0000 1px),linear-gradient(90deg,#d6e4f2 1px,#0000 1px)!important;background-size:10px 10px!important}@media (width<=760px),(height<=560px){:root{--tap:52px}.icon-btn{border-radius:13px;width:44px;height:44px}.swatch,.mode-little .swatch,.size{width:44px;height:44px}.sticker{width:60px;height:60px}.sticker img{width:48px;height:48px}}@media (width<=760px) and (orientation:portrait){.canvas-body,.left-handed .canvas-body{flex-direction:column}.tool-rail{flex-direction:row;overflow:auto hidden}.tool.on,.left-handed .tool.on{transform:translateY(-3px)scale(1.06)}.canvas-bottom{flex-direction:column;align-items:stretch}.sizes{justify-content:center}.popover{grid-template-columns:repeat(4,64px)}}.parent{-webkit-user-select:text;user-select:text;max-width:900px;margin:0 auto}.parent-tabs{scrollbar-width:none;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.tab{background:var(--card);border:2px solid var(--line);white-space:nowrap;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:600}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.parent-body{gap:16px;padding-bottom:40px;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;line-height:1.5}.card h2,.card h3{align-items:center;gap:8px;margin:0 0 8px;display:flex}.ticks{padding-left:20px}.ticks li,.steps li{margin:6px 0}.check{align-items:center;gap:10px;margin:12px 0;font-weight:600;display:flex}.check input{width:24px;height:24px;accent-color:var(--coral);flex:none}.profile-check img{border-radius:50%}.gsi-slot{min-height:44px;margin:8px 0}.sync-status{font-weight:600}.sync-status.s-error{color:var(--danger)}.usage{gap:6px;margin:12px 0;display:grid}.usage-bar{background:#f1e7da;border-radius:999px;height:10px;overflow:hidden}.usage-bar span{background:var(--mint);height:100%;display:block}.device-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.device-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.confirm-box{background:#fff4f1;border-radius:14px;gap:10px;margin-top:12px;padding:14px;display:grid}.profile-card img{border-radius:50%}.profile-editor{gap:14px;margin-top:14px;display:grid}.field{gap:6px;font-weight:600;display:grid}.field input,.field select{border:2px solid var(--line);background:#fff;border-radius:12px;min-height:46px;padding:8px 12px}.avatar-grid{flex-wrap:wrap;gap:8px;display:flex}.avatar-pick{border:3px solid #0000;border-radius:50%;padding:2px}.avatar-pick.on{border-color:var(--coral)}.avatar-pick img{border-radius:50%;display:block}.parent-art{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.parent-art-card{background:var(--card);box-shadow:var(--shadow);border-radius:14px;gap:6px;padding:8px;display:grid}.parent-art-card img{aspect-ratio:4/3;object-fit:contain;background:#fafafa;border-radius:8px;width:100%}.toggle{border-bottom:1px solid #f3eadf;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-weight:600;display:flex}.toggle input{width:48px;height:28px;accent-color:var(--mint);flex:none}.prose{max-width:70ch}