@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/chewy-latin-400-normal-BFhrjfYU.woff2)format("woff2"),url(/timesTableDiary/App/assets/chewy-latin-400-normal-Bytuav8a.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/timesTableDiary/App/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/timesTableDiary/App/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/timesTableDiary/App/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/timesTableDiary/App/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/timesTableDiary/App/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/timesTableDiary/App/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/timesTableDiary/App/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/timesTableDiary/App/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/timesTableDiary/App/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/timesTableDiary/App/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/timesTableDiary/App/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(/timesTableDiary/App/assets/m-plus-rounded-1c-latin-500-normal-D4L1U0OF.woff2)format("woff2"),url(/timesTableDiary/App/assets/m-plus-rounded-1c-latin-500-normal-udtNJXmd.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/timesTableDiary/App/assets/m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(/timesTableDiary/App/assets/m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/timesTableDiary/App/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/timesTableDiary/App/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/timesTableDiary/App/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/timesTableDiary/App/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Shojumaru;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/shojumaru-latin-400-normal-DwXEK0H0.woff2)format("woff2"),url(/timesTableDiary/App/assets/shojumaru-latin-400-normal-CZ-GBfUC.woff)format("woff")}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/titan-one-latin-400-normal-DwVbh4mi.woff2)format("woff2"),url(/timesTableDiary/App/assets/titan-one-latin-400-normal-VZVzRR2h.woff)format("woff")}:root{--ink:#2a2140;--ink-soft:#5b5470;--paper:#fffdf7;--rule:#d6e5fb;--margin:#ffb3c9;--pink:#ff4fa3;--pink-soft:#ffd6ea;--purple:#8b5cf6;--purple-soft:#ece4ff;--teal:#19c2b0;--teal-soft:#cdf4ef;--yellow:#ffd23f;--sticky:#fff38a;--pencil:#9d98ad;--lvl3:#a8ebe2;--lvl4:#ffa6d3;--lvl5:#ffd23f;--hand:"Patrick Hand", "Chalkboard SE", "Comic Sans MS", system-ui, sans-serif;--bubble:"Chewy", "Patrick Hand", "Chalkboard SE", system-ui, sans-serif;--wobble:255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-2:15px 255px 15px 225px / 225px 15px 255px 15px;--outline:2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 0 2px 0 var(--ink), 2px 0 0 var(--ink), 0 -2px 0 var(--ink), -2px 0 0 var(--ink), 4px 4px 0 var(--ink);--outline-sm:1.5px 1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 2px 3px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:clamp(16px,.7vw + 12px,21px)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--hand);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;touch-action:manipulation}h1,h2,h3,p,figure{margin:0}.screen{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(64px, calc(env(safe-area-inset-left) + 56px));background-color:var(--paper);background-image:linear-gradient(90deg, transparent 40px, var(--margin) 40px, var(--margin) 42px, transparent 42px), repeating-linear-gradient(180deg, transparent 0, transparent 38px, var(--rule) 38px, var(--rule) 40px);background-attachment:local;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}.bubble-title{font-family:var(--bubble);letter-spacing:.02em;color:var(--pink);text-align:center;text-shadow:var(--outline);font-size:clamp(2.6rem,6.5vw,4.4rem);font-weight:400;line-height:1.05}.bubble-title.small{font-size:clamp(1.9rem,4vw,2.7rem)}.tagline{color:var(--purple);text-align:center;font-size:1.3rem;transform:rotate(-1.5deg)}.note{color:var(--ink-soft)}.card{border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:5px 6px 0 var(--ink);background:#fff;padding:1.5rem 1.75rem;position:relative}.tape:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ff4fa38c 0 9px,#ffffffa6 9px 18px);width:124px;height:28px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-3deg)}.btn{font-family:var(--bubble);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 5px 0 var(--ink);cursor:pointer;padding:.65em 1.3em;font-size:1.5rem;line-height:1.1;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.btn.pink,.btn.purple{color:#fff;text-shadow:var(--outline-sm)}.btn.pink{background:var(--pink)}.btn.purple{background:var(--purple)}.btn.teal{background:var(--teal)}.btn.big{padding:.55em 1.5em;font-size:clamp(1.8rem,4vw,2.5rem)}.btn.small{box-shadow:3px 4px 0 var(--ink);padding:.5em 1em;font-size:1.15rem}.icon-btn{border:3px solid var(--ink);width:52px;height:52px;box-shadow:2px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.stickies{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.sticky{text-align:center;background:var(--sticky);min-width:9.5rem;padding:.8rem 1rem 1rem;font-size:1.15rem;transform:rotate(-2deg);box-shadow:2px 4px #2a21402e}.sticky:nth-child(2){transform:rotate(1.5deg)}.sticky:nth-child(3){transform:rotate(-1deg)}.sticky b{font-family:var(--bubble);font-size:2.3rem;font-weight:400;line-height:1.1;display:block}.sticky.pink{background:var(--pink-soft)}.sticky.teal{background:var(--teal-soft)}.sticker{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(2px 3px #2a214040);flex:none}.sticker.pop{animation:.65s cubic-bezier(.2,1.6,.4,1) both pop}.welcome{justify-content:center}.cover{text-align:center;background:var(--purple-soft);justify-items:center;gap:1rem;width:min(100%,580px);padding:2.5rem 2rem;display:grid}.stamp{font-family:var(--bubble);color:#e0245e;border:3px solid #e0245e;border-radius:8px;padding:.15em .6em;font-size:1.2rem;transform:rotate(-7deg)}.cover-doodles{align-items:center;gap:1.5rem;display:flex}.name-form{justify-items:center;gap:.9rem;width:100%;display:grid}.name-form label{font-size:1.5rem}.name-input{width:min(100%,360px);font-family:var(--bubble);text-align:center;color:var(--purple);border:none;border-bottom:4px dashed var(--pink);background:#fff;border-radius:8px 8px 0 0;outline:none;padding:.2em .4em;font-size:2.2rem}.error{color:#d61f69;font-size:1.15rem}.pin-label{margin-top:.4rem;font-size:1.3rem}.pin-input{width:min(100%,240px);font-family:var(--hand);letter-spacing:.3em;text-align:center;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:12px;outline:none;padding:.2em .4em;font-size:1.9rem}.pin-input::placeholder{letter-spacing:normal;font-size:1.1rem}.pin-input.small{width:min(100%,220px);font-size:1.5rem}.pin-hint{max-width:26em;color:var(--ink-soft);font-size:1.05rem}.link-btn{color:var(--purple);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:.3em .6em;font-size:1.2rem;text-decoration:underline}.btn:disabled,.segmented button:disabled{opacity:.6;cursor:default}.note.warn{color:#b3134f}.home{justify-content:center}.home-title{justify-items:center;gap:.35rem;margin-top:1.5rem;display:grid}.owner{font-family:var(--bubble);color:var(--purple);font-size:1.9rem;transform:rotate(-3deg)}.home-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.level-bar{border:3px solid var(--ink);background:#fff;border-radius:12px;width:min(100%,560px);height:24px;display:flex;overflow:hidden}.level-bar span:not(:last-child){border-right:2px solid var(--ink)}.level-bar .b1{background:#dcd8e6}.level-bar .b2{background:repeating-linear-gradient(45deg,#fff 0 5px,#dcd8e6 5px 7px)}.level-bar .b3{background:var(--lvl3)}.level-bar .b4{background:var(--lvl4)}.level-bar .b5{background:var(--lvl5)}.sticker-shelf{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:640px;display:flex}.grownups{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));isolation:isolate;color:var(--ink-soft);border:2px dashed var(--pencil);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;display:flex;position:absolute;overflow:hidden}.grownups:after{content:"";z-index:-1;background:var(--pink-soft);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.grownups.holding:after{transition:transform 1.2s linear;transform:scaleX(1)}.grown-up-page .link-code{letter-spacing:.15em;font-family:ui-monospace,Menlo,monospace;font-size:1.4rem}.grown-up-page a{word-break:break-all}.grown-up-page .family-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.grown-up-page .family-list li{gap:.45rem;display:grid}.grown-up-page .family-list li+li{border-top:2px dashed #00000026;padding-top:.9rem}.grown-up-page .family-name{font-family:var(--bubble);font-size:1.35rem}.grown-up-page .family-add{gap:.6rem;display:grid}.grown-up-page .family-list+.family-add{border-top:2px dashed #00000026;padding-top:.9rem}.grown-up-page .segmented.wrap{flex-wrap:wrap}@media (width<=480px){.grown-up-page .top-bar:after{width:0}.grown-up-page .top-bar .bubble-title{white-space:nowrap}}.practice{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);place-items:stretch center;gap:1rem;height:100dvh;display:grid;overflow:hidden}.practice-top{align-items:center;gap:1rem;width:100%;display:flex}.pencil-bar{border:3px solid var(--ink);background:#fff;border-radius:4px 14px 14px 4px;flex:1;height:24px;overflow:hidden}.pencil-fill{background:repeating-linear-gradient(90deg, var(--yellow) 0 18px, #ffc21a 18px 22px);border-right:3px solid var(--ink);height:100%;transition:width .3s}.count{text-align:right;min-width:5.5em;font-size:1.3rem}.practice-main{place-items:center;width:100%;min-height:0;display:grid}.q-card{border:3px solid var(--ink);border-radius:var(--wobble);width:min(100%,760px);min-height:min(100%,420px);max-height:100%;box-shadow:6px 7px 0 var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;padding:1.75rem;display:flex;position:relative;container-type:inline-size}.problem{font-family:var(--bubble);white-space:nowrap;align-items:baseline;gap:.3em;font-size:clamp(2.4rem,min(11vmin,15cqi),7.5rem);line-height:1;animation:.22s ease-out both slide-in;display:flex}.problem.small{font-size:clamp(1.8rem,min(7vmin,14cqi),4.4rem);animation:none}.answer-box{min-width:2.2em;color:var(--purple);border-bottom:5px dashed var(--pink);justify-content:center;align-items:baseline;padding:0 .15em;display:inline-flex}.caret{background:var(--pink);border-radius:2px;width:4px;height:.75em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.stamp-tag{font-family:var(--bubble);color:var(--purple);border:3px solid var(--purple);border-radius:8px;padding:.1em .5em;font-size:1.3rem;position:absolute;top:1.1rem;left:1.3rem;transform:rotate(-8deg)}.stamp-tag.new{color:var(--pink);border-color:var(--pink)}.part-label{justify-items:start;gap:4px;display:grid}.part-name{font-family:var(--bubble);color:var(--purple);white-space:nowrap;font-size:1.35rem;line-height:1}.part-dots{gap:5px;display:flex}.part-dot{border:2px solid var(--ink);background:#fff;border-radius:50%;width:11px;height:11px}.part-dot.done{background:var(--teal)}.part-dot.now{background:var(--yellow)}.fast-count{font-family:var(--bubble);color:var(--purple);align-items:center;gap:2px;font-size:1.6rem;display:inline-flex}.show-me{background:var(--sticky);cursor:pointer;border:none;padding:.45em 1em;font-size:1.2rem;transform:rotate(2deg);box-shadow:2px 3px #2a214033}.fix{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.fix-title{font-family:var(--bubble);color:var(--pink);text-shadow:var(--outline-sm);font-size:2rem}.reveal{min-width:1.6em;color:var(--purple);background:linear-gradient(#0000 35%,#fff27a 35% 92%,#0000 92%);padding:0 .1em}.hint{max-width:26em;font-size:1.35rem}.hint.covered{color:var(--ink-soft);background:var(--sticky);padding:.2em .9em;transform:rotate(-1.5deg)}.copy-row{align-items:baseline;gap:.6rem;font-size:1.4rem;display:flex}.copy-row .answer-box{font-family:var(--bubble);font-size:2.6rem}.dot-array{justify-items:center;gap:4px;display:grid}.dot-array svg{height:auto;max-height:24vh}.dot-array figcaption{color:var(--ink-soft);font-size:1rem}.shake{animation:.35s shake}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:min(100%,520px);display:grid}.key{height:clamp(58px,9.5vh,90px);font-family:var(--bubble);border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:3px 4px 0 var(--ink);cursor:pointer;background:#fff;place-items:center;font-size:clamp(2rem,4.6vh,2.9rem);display:grid}.key:nth-child(2n){border-radius:var(--wobble-2)}.key:active{background:var(--pink-soft);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.key-back{background:var(--sticky)}.key-go{color:#fff;background:var(--pink);text-shadow:var(--outline-sm)}@media (orientation:landscape) and (width>=760px){.practice{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,38%);column-gap:2rem}.practice-top{grid-column:1/-1}.keypad{align-self:center}.key{height:clamp(64px,14vh,108px)}}.burst{pointer-events:none;place-items:center;animation:.6s cubic-bezier(.2,1.5,.4,1) both burst-in;display:grid;position:absolute;inset:0}.burst-shape{width:min(72%,420px);fill:var(--sticky);stroke:var(--ink);stroke-width:4px;stroke-linejoin:round;position:absolute}.burst-text{font-family:var(--bubble);color:var(--pink);white-space:nowrap;text-shadow:var(--outline);font-size:clamp(2.8rem,9vmin,5.4rem);position:relative;transform:rotate(-6deg)}.burst:not(.big) .burst-shape{width:min(52%,300px);fill:var(--teal-soft)}.burst:not(.big) .burst-text{color:var(--teal);font-size:clamp(2.1rem,6.5vmin,3.6rem)}.top-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(100%,960px);display:grid}.top-bar:after{content:"";width:6rem}.back-btn{border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:.4em .9em .4em .5em;font-size:1.2rem;display:flex}.lead{text-align:center;font-size:1.3rem}.legend{flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;font-size:1.1rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-item b{font-family:var(--bubble);font-weight:400}.swatch{width:24px;height:24px;color:var(--pink);border-radius:6px;flex:none;place-items:center;display:inline-grid}.doodle-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.dgrid{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;width:min(100%,640px,max(440px,100dvh - 230px));display:grid}.dcell{aspect-ratio:1;font-family:var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px 11px 8px 12px;place-items:center;padding:0;font-size:clamp(.72rem,1.9vmin,1.15rem);display:grid;position:relative}.dcell.head{font-family:var(--bubble);color:var(--purple);cursor:default;font-size:clamp(.9rem,2.3vmin,1.35rem)}.l0{background:#ffffffb3;border:2px dotted #d4cfe0}.l1{color:var(--pencil);border:2px dashed var(--pencil);background:#fff}.l2{border:2.5px solid var(--ink);background:#fff}.l3{background:var(--lvl3);border:2.5px solid var(--ink)}.l4{background:var(--lvl4);border:2.5px solid var(--ink)}.l5{background:var(--lvl5);border:2.5px solid var(--ink)}.dcell.selected{z-index:1;outline:3px solid var(--purple);outline-offset:2px}.sparkle{color:var(--pink);filter:drop-shadow(0 0 1px #fff);line-height:0;position:absolute;top:-7px;right:-6px}.l5 .sparkle{color:#fff;filter:drop-shadow(0 0 1px var(--ink))}.fact-detail{gap:.6rem;width:min(100%,300px);font-size:1.2rem;display:grid}.detail-fact{font-family:var(--bubble);color:var(--purple);font-size:2.4rem}.detail-level{align-items:center;gap:8px;display:flex}.today-card{gap:.6rem;width:min(100%,560px);padding:1.4rem 1.5rem 1.2rem;display:grid}.today-title{font-family:var(--bubble);color:var(--pink);text-align:center;text-shadow:var(--outline-sm);font-size:1.8rem;font-weight:400}.page-plan{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.plan-step{border-radius:10px;grid-template-columns:2.1rem minmax(0,auto) minmax(0,1fr);align-items:center;gap:.7rem;padding:.3rem .6rem;font-size:1.3rem;display:grid}.plan-step.next{background:var(--sticky);transform:rotate(-.6deg)}.plan-mark{width:2.1rem;height:2.1rem;font-family:var(--bubble);border:2.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.plan-step.done .plan-mark{color:#fff;background:var(--teal)}.plan-title{font-family:var(--bubble)}.plan-step.done .plan-title{text-decoration:line-through;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-decoration-thickness:3px}.plan-blurb{color:var(--ink-soft);text-align:right;font-size:1.05rem}.next-intro{color:var(--purple);text-align:center;font-size:1.15rem}.lesson-note{color:var(--purple);text-align:center;margin-top:-.35rem;font-size:1.15rem;font-weight:700}.home-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.between{justify-content:center}.between-line{font-family:var(--bubble);color:var(--purple);text-align:center;font-size:1.7rem}.next-up{text-align:center;justify-items:center;gap:.3rem;width:min(100%,560px);display:grid}.next-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem}.next-up h2{font-family:var(--bubble);color:var(--pink);text-shadow:var(--outline-sm);font-size:2.2rem;font-weight:400}.next-up p:last-child{font-size:1.3rem}.break-idea{font-size:1.2rem;transform:rotate(-1deg)}.page{gap:.45rem;width:min(100%,680px);padding-top:2rem;display:grid}.page.with-sticker{padding-right:6rem}.page-date{color:var(--purple);text-align:right;font-size:1.1rem}.dear{font-family:var(--bubble);color:var(--pink);font-size:2.2rem;font-weight:400}.entry-line{font-size:1.4rem;line-height:1.45}.signature{font-family:var(--bubble);color:var(--purple);text-align:right;font-size:1.6rem;transform:rotate(-3deg)}.page-sticker{position:absolute;top:2.6rem;right:1.2rem;transform:rotate(10deg)}.new-sticker{font-family:var(--bubble);color:var(--purple);justify-items:center;gap:.3rem;font-size:1.5rem;display:grid}.empty{text-align:center;width:min(100%,560px);font-size:1.3rem}.panel{gap:.75rem;width:min(100%,660px);padding:1.25rem 1.5rem;font-size:1.15rem;display:grid}.panel h2{font-family:var(--bubble);color:var(--purple);font-size:1.6rem;font-weight:400}.panel h3{font-family:var(--bubble);font-size:1.25rem;font-weight:400}.panel.danger{box-shadow:none;border-style:dashed}.row{flex-wrap:wrap;gap:.8rem;display:flex}.segmented{gap:.6rem;display:flex}.segmented button{min-width:4.4rem;font-family:var(--bubble);border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:2px 3px 0 var(--ink);cursor:pointer;background:#fff;padding:.35em .9em;font-size:1.3rem}.segmented button.on{background:var(--teal)}.text-input{width:min(100%,320px);font-family:var(--hand);color:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:.35em .6em;font-size:1.4rem}.tricky{gap:.2rem;margin:0;padding-left:1.3rem;display:grid}.overlay{z-index:10;background:#2a214073;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.dialog{text-align:center;gap:1rem;width:min(100%,480px);font-size:1.3rem;display:grid}.dialog h2{font-family:var(--bubble);color:var(--pink);text-shadow:var(--outline-sm);font-size:2rem;font-weight:400}.dialog-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.report-sub{color:var(--ink-soft);text-align:center;font-size:1.2rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1rem;width:min(100%,860px);display:grid}.tile{border:2px solid var(--ink);background:#fff;border-radius:14px;align-content:start;gap:.2rem;padding:1rem 1.1rem;display:grid}.tile-label{color:var(--ink-soft);font-size:1.1rem}.tile-value{color:var(--ink);font-size:2.4rem;line-height:1.1}.tile-value.hero{font-size:clamp(3rem,7vw,4rem)}.tile-value small{color:var(--ink-soft);font-size:1.3rem}.tile-note{color:var(--ink-soft);font-size:.95rem}.report-card{gap:.8rem;width:min(100%,860px);font-size:1.1rem;display:grid}.report-card h2{font-family:var(--bubble);color:var(--purple);font-size:1.6rem;font-weight:400}.chart{position:relative}.chart svg{touch-action:pan-y;outline-offset:4px;width:100%;height:auto;display:block}.chart .tick{font-family:var(--hand);font-variant-numeric:tabular-nums;fill:#8a8499;font-size:13px}.chart .end-label{font-family:var(--hand);fill:var(--ink);font-size:15px}.chart-tip{white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #d9d3e6;border-radius:8px;padding:.35rem .7rem;font-size:1rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.chart-tip span,.chart-detail{color:var(--ink-soft)}.table-view summary{color:var(--purple);cursor:pointer;font-size:1rem}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:.5rem;font-size:1.05rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ebe7f3;padding:.3rem .5rem}.data-table th{color:var(--ink-soft);font-weight:400}.meters{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.2rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.meter-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;grid-template-columns:2.6rem 1fr 4.6rem;align-items:center;gap:.6rem;width:100%;padding:.3rem .4rem;font-size:1.05rem;display:grid}.meter-row.on{background:#f5f2fb}.meter-track{background:#ece4ff;border-radius:4px;height:14px;overflow:hidden}.meter-fill{background:#7c4ddb;border-radius:0 4px 4px 0;height:100%;display:block}.meter-value{color:var(--ink-soft);text-align:right}.calendar{grid-template-columns:repeat(7,34px);gap:4px;display:grid}.cal-head{color:var(--ink-soft);text-align:center;font-size:.9rem}.cal-cell{cursor:pointer;border:1px solid #0000;border-radius:6px;width:34px;height:34px;padding:0;display:inline-block}.cal-cell.c0{background:#fff;border-color:#e3def0}.cal-cell.c1{background:#b9a2f5}.cal-cell.c2{background:#7c4ddb}.cal-cell.today{box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--ink)}.cal-cell.on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--purple)}.cal-legend{color:var(--ink-soft);flex-wrap:wrap;gap:1rem;font-size:1rem;display:flex}.cal-legend span{align-items:center;gap:6px;display:inline-flex}.cal-legend .cal-cell{cursor:default;width:16px;height:16px}@keyframes blink{50%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes burst-in{0%{opacity:0;transform:scale(.3)rotate(-15deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)rotate(-30deg)}to{transform:none}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.problem,.burst,.sticker.pop,.shake,.caret{animation:none}.pencil-fill,.grownups.holding:after{transition:none}}[data-tap],[data-tap-each]>*{cursor:pointer}@media (prefers-reduced-motion:no-preference){.sticker-shelf>.fresh{animation:.85s ease-out .25s both sticker-land}.sticker-shelf>.tapped{transform-origin:20% 85%;animation:.65s ease-in-out sticker-peel}.dcell[data-fresh]{animation:dcell-fresh .9s ease-out calc(.3s + min(var(--fresh-i,0), 40) * 60ms) both}:root:not([data-theme]) .dcell.l5 .sparkle svg{animation:9s ease-in-out infinite diary-twinkle}:root:not([data-theme]) .dcell.l5:nth-child(3n) .sparkle svg{animation-delay:-3.1s}:root:not([data-theme]) .dcell.l5:nth-child(3n+1) .sparkle svg{animation-delay:-6.3s}:root:not([data-theme]) .dcell.l5:nth-child(4n) .sparkle svg{animation-duration:11s}:root:not([data-theme]) .dcell.l5:nth-child(5n+2) .sparkle svg{animation-duration:13s}}@keyframes sticker-land{0%{opacity:0;transform:translateY(-36px)scale(1.25)rotate(-12deg)}55%{opacity:1;transform:translateY(3px)scale(.94)rotate(3deg)}to{opacity:1;transform:none}}@keyframes sticker-peel{35%{transform:translateY(-7px)rotate(-9deg)scale(1.08)}70%{transform:translateY(-1px)rotate(3deg)}}@keyframes dcell-fresh{0%{box-shadow:0 0 0 0 var(--fresh-glow,#ff4fa3a6);transform:none}35%{transform:scale(1.18)}to{transform:none;box-shadow:0 0 0 10px #0000}}@keyframes diary-twinkle{0%,90%,to{transform:none}95%{transform:scale(1.45)rotate(25deg)}}.theme-picker{justify-items:center;gap:.6rem;width:min(100%,860px);display:grid}.theme-picker-title{font-family:var(--bubble);color:var(--purple);font-size:1.5rem;font-weight:400}.theme-tiles{grid-template-columns:repeat(auto-fit,minmax(max(128px,25% - .525rem),1fr));gap:.7rem;width:100%;display:grid}.theme-tile{--tile:#ff4fa3;--tile-ink:#2a2140;--tile-bg:#fff;--tile-font:"Chewy", system-ui, sans-serif;--tile-body:"Patrick Hand", system-ui, sans-serif;color:var(--tile-ink);background:var(--tile-bg);border:3px solid var(--tile-ink);box-shadow:3px 4px 0 var(--tile-ink);cursor:pointer;border-radius:16px;align-content:start;justify-items:center;gap:.2rem;padding:.6rem .5rem .7rem;display:grid}.theme-tile.on{outline:4px solid var(--tile);outline-offset:3px}.theme-tile-name{max-width:100%;font-family:var(--tile-font);font-size:var(--tile-size,1.35rem);overflow-wrap:anywhere;color:var(--tile);line-height:1.1}.theme-tile-blurb{font-family:var(--tile-body);text-align:center;font-size:.95rem;line-height:1.2}.milestone{justify-items:center}.milestone-art{place-items:center;min-height:140px;display:grid}.milestone-art svg{width:min(220px,50vw);height:auto}.milestone.many{width:min(100%,640px);max-height:calc(100dvh - 3rem);overflow-y:auto}.milestone-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem 1rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.milestone-list li{align-content:start;justify-items:center;gap:.3rem;font-size:1.05rem;display:grid}.milestone-list .milestone-art{min-height:0}.milestone-list .milestone-art svg{width:min(120px,30vw)}@font-face{font-family:Graduate;font-style:normal;font-display:swap;font-weight:400;src:url(/timesTableDiary/App/assets/graduate-latin-400-normal-BjgGaByd.woff2)format("woff2"),url(/timesTableDiary/App/assets/graduate-latin-400-normal-CfhP6dNZ.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/timesTableDiary/App/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/timesTableDiary/App/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}:root[data-theme=basketball]{--ink:#1b2a4e;--ink-soft:#4a5672;--paper:#e4bb83;--pink:#e8590c;--pink-soft:#ffe0c7;--purple:#1f3f8f;--purple-soft:#e1e8f6;--teal:#f5a623;--teal-soft:#fff0cc;--yellow:#fff;--sticky:#fff1d6;--pencil:#7d8aa6;--lvl3:#f5913f;--lvl4:#2457b3;--lvl5:#ffd23b;--hand:"Nunito", "Avenir Next", system-ui, sans-serif;--bubble:"Graduate", "Nunito", Georgia, serif;--wobble:14px;--wobble-2:14px;--outline-sm:0 2px 0 #1b2a4e99;--bb-board:#171a22;--bb-amber:#ffb627;--bb-stripe:linear-gradient(180deg, #1b2a4e 0 30%, #e8590c 30% 70%, #1b2a4e 70%);--bb-floor:repeating-linear-gradient(90deg, transparent 0 46px, #7a4c1c47 46px 48px), repeating-linear-gradient(90deg, #fff2dc3d 0 48px, transparent 48px 96px, #965c221a 96px 144px), repeating-linear-gradient(90deg, #7848160d 0 1px, transparent 1px 7px);font-synthesis:none}:root[data-theme=basketball] body{background:var(--paper);font-weight:600}:root[data-theme=basketball] .screen{padding-top:max(34px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));background-color:var(--paper);background-image:var(--bb-floor)}:root[data-theme=basketball] .screen:before{content:"";background:linear-gradient(#fff, #fff) left bottom / 100% 5px no-repeat, var(--bb-stripe);pointer-events:none;border-bottom:2px solid #1b2a4e59;height:16px;position:absolute;top:0;left:0;right:0}:root[data-theme=basketball] .bubble-title{letter-spacing:.01em;color:#fff;text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 0 3px 0 var(--ink), 3px 0 0 var(--ink), 0 -2px 0 var(--ink), -2px 0 0 var(--ink), 5px 6px 0 var(--pink);font-size:clamp(2.1rem,5.6vw,3.7rem);line-height:1.08}:root[data-theme=basketball] .bubble-title.small{font-size:clamp(1.25rem,3.4vw,2.3rem)}:root[data-theme=basketball] .tagline{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:1.15rem;font-weight:800;transform:none}:root[data-theme=basketball] .card{border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);background:#fffdf8;border-radius:14px}:root[data-theme=basketball] .tape:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='17.5' fill='%23f0842a' stroke='%231b2a4e' stroke-width='3'/%3E%3Cpath d='M20 2.5v35M2.5 20h35M8 7.5q7 12.5 0 25M32 7.5q-7 12.5 0 25' fill='none' stroke='%231b2a4e' stroke-width='2.4'/%3E%3Cpath d='M9.5 14q2-5 6.5-7' fill='none' stroke='%23ffd6ad' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;border:none;width:40px;height:40px;top:-21px;transform:translate(-50%)rotate(-14deg)}:root[data-theme=basketball] .btn{letter-spacing:.02em;box-shadow:0 5px 0 var(--ink), inset 0 -4px 0 #1b2a4e1f, inset 0 3px 0 #fff6;border-radius:999px;padding:.7em 1.35em .62em;font-size:1.2rem}:root[data-theme=basketball] .btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -2px 0 #1b2a4e1f;transform:translateY(4px)}:root[data-theme=basketball] .btn.pink,:root[data-theme=basketball] .btn.purple{color:#fff;text-shadow:var(--outline-sm)}:root[data-theme=basketball] .btn.big{padding:.62em 1.4em .54em;font-size:clamp(1.3rem,2.8vw,1.8rem)}:root[data-theme=basketball] .btn.small{box-shadow:0 4px 0 var(--ink);font-size:.95rem}:root[data-theme=basketball] .icon-btn{box-shadow:0 4px 0 var(--ink);background:#fffdf8}:root[data-theme=basketball] .back-btn{box-shadow:0 4px 0 var(--ink);background:#fffdf8;font-weight:800}:root[data-theme=basketball] .sticky{color:#fff;background:radial-gradient(#ffffff0f 1px, transparent 1.4px) 0 0 / 5px 5px, var(--bb-board);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink), inset 0 0 0 3px #2b303d;border-radius:10px;padding:.6rem 1rem .75rem;font-size:1rem;font-weight:800;transform:none}:root[data-theme=basketball] .sticky:nth-child(2),:root[data-theme=basketball] .sticky:nth-child(3){transform:none}:root[data-theme=basketball] .sticky b{color:var(--bb-amber);text-shadow:0 0 10px #ffb6278c;font-size:2.15rem}:root[data-theme=basketball] .sticky.pink b{color:#ff9a52;text-shadow:0 0 10px #ff8c468c}:root[data-theme=basketball] .sticky.teal b{color:#fff;text-shadow:0 0 10px #ffffff73}:root[data-theme=basketball] .sticker{filter:drop-shadow(2px 3px #1b2a4e38)}:root[data-theme=basketball] .cover{color:#fff;background:radial-gradient(circle at 50% 0,#0000 0 96px,#ffffff52 96px 99px,#0000 99px),radial-gradient(circle at 50% 0,#0000 0 34px,#ffffff52 34px 37px,#0000 37px),linear-gradient(#24427e,#1b2a4e 70%)}:root[data-theme=basketball] .stamp{color:#fff;background:var(--pink);border:3px solid #fff;border-radius:999px;padding:.3em .9em;font-size:1rem;transform:rotate(-4deg);box-shadow:0 4px #0e1630}:root[data-theme=basketball] .cover .bubble-title{text-shadow:3px 3px 0 #0e1630, -2px -2px 0 #0e1630, 2px -2px 0 #0e1630, -2px 2px 0 #0e1630, 5px 6px 0 var(--pink)}:root[data-theme=basketball] .cover .tagline{color:var(--bb-amber)}:root[data-theme=basketball] .cover-doodles{align-items:flex-end;gap:1rem}:root[data-theme=basketball] .cover .sticker{filter:drop-shadow(2px 3px #00000059)}:root[data-theme=basketball] .name-form label{font-weight:800}:root[data-theme=basketball] .name-input{color:var(--ink);border:3px solid #0e1630;border-radius:12px;font-size:1.8rem;box-shadow:inset 0 -5px #ffd2ad}:root[data-theme=basketball] .pin-input{border-color:#0e1630;border-radius:12px;font-weight:800}:root[data-theme=basketball] .cover .pin-hint{color:#dde5f5}:root[data-theme=basketball] .cover .link-btn{color:var(--bb-amber);font-weight:800}:root[data-theme=basketball] .error{color:#b3001b;font-weight:800}:root[data-theme=basketball] .cover .error{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:.2em .7em}:root[data-theme=basketball] .theme-picker-title{color:var(--ink)}:root[data-theme=basketball] .owner{font-family:var(--hand);letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-size:1.3rem;font-weight:800;transform:none}:root[data-theme=basketball] .level-bar{background:#fffdf8;border-radius:999px;height:26px}:root[data-theme=basketball] .level-bar .b1{background:#d9deea}:root[data-theme=basketball] .level-bar .b2{background:repeating-linear-gradient(45deg,#fff 0 5px,#ffc9a0 5px 8px)}:root[data-theme=basketball] .grownups{color:var(--ink);border-color:#1b2a4e73}:root[data-theme=basketball] .grownups:after{background:#ffd2ad}:root[data-theme=basketball] .bb-arena{gap:1.2rem;width:min(100%,760px);display:grid}:root[data-theme=basketball] .bb-rafters{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:repeating-linear-gradient(90deg,#0000 0 58px,#5d67792e 58px 61px),linear-gradient(#eef2f8,#d3dbe8);border-radius:12px;padding:.5rem .8rem .6rem;position:relative}:root[data-theme=basketball] .bb-arena-title{font-family:var(--bubble);color:var(--ink);text-align:center;font-size:1.05rem}:root[data-theme=basketball] .bb-pennants{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px 0;margin:.2rem 0 0;padding:0;list-style:none;display:grid}:root[data-theme=basketball] .bb-pennants li{background:linear-gradient(#5d6779,#5d6779) 0 1px/100% 5px no-repeat;place-items:start center;padding:0 2px;display:grid}:root[data-theme=basketball] .bb-pennants .bb-pennant{width:100%;max-width:50px;height:auto}:root[data-theme=basketball] .bb-case{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:linear-gradient(#8a5a2e,#8a5a2e) 0 100%/100% 14px no-repeat,linear-gradient(#ffffff8c,#dce8f5bf);border-radius:12px;align-content:start;gap:.4rem;padding:.7rem 1rem 1.1rem;display:grid}:root[data-theme=basketball] .bb-case-shelf{flex-wrap:wrap;justify-content:center;gap:.3rem .6rem;display:flex}:root[data-theme=basketball] .bb-case-empty{color:var(--ink-soft);text-align:center;padding-bottom:.9rem;font-weight:700}:root[data-theme=basketball] .today-title{color:var(--pink);text-shadow:none;font-size:1.45rem}:root[data-theme=basketball] .plan-step{border-radius:10px}:root[data-theme=basketball] .plan-step.next{box-shadow:inset 6px 0 0 var(--pink);background:#ffe7cf;transform:none}:root[data-theme=basketball] .plan-mark{font-size:.95rem}:root[data-theme=basketball] .plan-step.done .plan-mark{color:var(--ink);background:var(--teal)}:root[data-theme=basketball] .plan-title{font-size:1.02rem}:root[data-theme=basketball] .plan-step.done .plan-title{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}:root[data-theme=basketball] .plan-blurb{font-size:1rem}:root[data-theme=basketball] .next-intro{font-weight:700}:root[data-theme=basketball] .part-name{font-size:1.1rem}:root[data-theme=basketball] .part-dot.now{background:var(--pink)}:root[data-theme=basketball] .pencil-bar{background:#fffdf8;border-radius:999px;height:26px}:root[data-theme=basketball] .pencil-fill{background:radial-gradient(circle at 11px 50%, var(--ink) 0 1.5px, transparent 2px) 0 0 / 22px 100%, radial-gradient(circle at 11px 50%, #f0842a 0 7px, var(--ink) 7.5px 8.6px, transparent 9px) 0 0 / 22px 100%, #ffd2ad;border-right:3px solid var(--ink);border-radius:999px 0 0 999px}:root[data-theme=basketball] .count{font-weight:800}:root[data-theme=basketball] .q-card{box-shadow:6px 7px 0 var(--ink), inset 0 0 0 7px #fffdf8, inset 0 0 0 10px #dfe5f0;background:#fffdf8;border-radius:14px}:root[data-theme=basketball] .problem{color:var(--ink);font-size:clamp(2rem,min(10.5vmin,12.8cqi),6.8rem)}:root[data-theme=basketball] .problem.small{font-size:clamp(1.5rem,min(6.5vmin,11cqi),3.9rem)}:root[data-theme=basketball] .answer-box{color:var(--pink);border-bottom:6px solid var(--ink);padding-bottom:.1em}:root[data-theme=basketball] .caret{background:var(--ink)}:root[data-theme=basketball] .copy-row .answer-box{font-size:2.2rem}:root[data-theme=basketball] .stamp-tag{color:var(--ink);background:var(--teal);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);border-radius:999px;padding:.18em .65em;font-size:.95rem;transform:rotate(-4deg)}:root[data-theme=basketball] .stamp-tag.new{color:#fff;background:var(--pink);border-color:var(--ink);text-shadow:var(--outline-sm)}:root[data-theme=basketball] .fast-count{color:var(--ink)}:root[data-theme=basketball] .show-me{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffe7cf;border-radius:999px;font-size:1.1rem;font-weight:800;transform:none}:root[data-theme=basketball] .show-me:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}:root[data-theme=basketball] .fix-title{color:var(--pink);text-shadow:none;font-size:1.55rem}:root[data-theme=basketball] .reveal{color:var(--purple);background:linear-gradient(#0000 35%,#ffd2ad 35% 92%,#0000 92%)}:root[data-theme=basketball] .hint{font-size:1.3rem}:root[data-theme=basketball] .hint.covered{border:2px solid var(--ink);background:#ffe7cf;border-radius:10px;font-weight:800;transform:none}:root[data-theme=basketball] .copy-row{font-weight:800}:root[data-theme=basketball] .dot-array circle[fill=\#ff4fa3]{fill:#f0842a}:root[data-theme=basketball] .dot-array circle[fill=\#19c2b0]{fill:#2457b3}:root[data-theme=basketball] .dot-array circle[fill=\#8b5cf6]{fill:#d7263d}:root[data-theme=basketball] .key{box-shadow:0 6px 0 var(--ink), inset 0 -4px 0 #1b2a4e14;background:#fffdf8;border-radius:16px;font-size:clamp(1.6rem,3.8vh,2.35rem)}:root[data-theme=basketball] .key:nth-child(2n){border-radius:16px}:root[data-theme=basketball] .key-back{background:#ffe7cf}:root[data-theme=basketball] .key-go{color:#fff;background:var(--pink);text-shadow:var(--outline-sm)}:root[data-theme=basketball] .key:active{box-shadow:0 1px 0 var(--ink);background:#ffd2ad;transform:translateY(5px)}:root[data-theme=basketball] .burst{--bb-burst:#171a22;--bb-bulb:#ffb627}:root[data-theme=basketball] .burst:not(.big){--bb-burst:#1f3f8f;--bb-burst-line:#3d5fae;--bb-bulb:#fff}:root[data-theme=basketball] .burst .burst-shape.bb-burst{width:min(92%,500px)}:root[data-theme=basketball] .burst:not(.big) .burst-shape.bb-burst{width:min(70%,340px)}:root[data-theme=basketball] .burst-text{color:var(--bb-amber);text-shadow:0 0 14px #ffb62799;font-size:clamp(1.3rem,min(5vmin,5.6cqi),2.8rem);transform:none}:root[data-theme=basketball] .burst:not(.big) .burst-text{color:#fff;text-shadow:0 0 10px #fff6;font-size:clamp(1.3rem,min(4.4vmin,5.6cqi),2.2rem)}:root[data-theme=basketball] .between-line{color:var(--ink);font-size:1.3rem}:root[data-theme=basketball] .next-label{font-weight:800}:root[data-theme=basketball] .next-up h2{color:var(--pink);text-shadow:none;font-size:1.7rem}:root[data-theme=basketball] .break-idea{color:var(--ink);font-weight:800;transform:none}:root[data-theme=basketball] .lead{font-weight:700}:root[data-theme=basketball] .legend{border:2px solid var(--ink);background:#fffdf8d1;border-radius:999px;padding:.45rem 1rem;font-weight:800}:root[data-theme=basketball] .swatch{border-radius:50%}:root[data-theme=basketball] .l0{background:#fffdf880;border:2px dashed #a9824f}:root[data-theme=basketball] .l1{color:var(--ink-soft);background:#fff;border:2px dashed #7d8aa6}:root[data-theme=basketball] .l2{border:3px solid var(--pink);background:#fff}:root[data-theme=basketball] .l3{background:var(--lvl3);border:2.5px solid var(--ink)}:root[data-theme=basketball] .l4{color:#fff;background:var(--lvl4);border:2.5px solid var(--ink)}:root[data-theme=basketball] .l5{background:var(--lvl5);border:2.5px solid var(--ink)}:root[data-theme=basketball] .dgrid{border:3px solid var(--ink);background:#fffdf899;border-radius:12px;padding:8px}:root[data-theme=basketball] .dcell{border-radius:8px;font-weight:800}:root[data-theme=basketball] .dcell.head{color:var(--ink)}:root[data-theme=basketball] .dcell.selected{outline:4px solid var(--pink);outline-offset:2px;box-shadow:0 0 0 8px #e8590c40}:root[data-theme=basketball] .sparkle{filter:none;top:-6px;right:-5px}:root[data-theme=basketball] .dcell.l4 .sparkle{display:none}:root[data-theme=basketball] .bb-charts{justify-items:center;gap:.7rem;width:min(100%,1120px);display:grid}:root[data-theme=basketball] .bb-board{color:#fff;background:radial-gradient(#ffffff0f 1px, transparent 1.4px) 0 0 / 5px 5px, var(--bb-board);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink), inset 0 0 0 3px #2b303d;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:.3rem 1.6rem;padding:.5rem 1.3rem .6rem;font-weight:800;display:flex}:root[data-theme=basketball] .bb-board div{align-items:baseline;gap:.4rem;display:flex}:root[data-theme=basketball] .bb-board b{font-family:var(--bubble);color:var(--bb-amber);text-shadow:0 0 10px #ffb6278c;font-size:1.5rem;font-weight:400}:root[data-theme=basketball] .bb-key{max-width:40em;color:var(--ink);text-align:center;font-size:1.02rem;font-weight:700}:root[data-theme=basketball] .bb-chart-list{grid-template-columns:repeat(auto-fill,minmax(min(164px,44%),1fr));gap:.7rem;width:100%;margin:0;padding:0;list-style:none;display:grid}:root[data-theme=basketball] .bb-chart{border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:#fffdf8;border-radius:12px;align-content:start;gap:.25rem;padding:.45rem .5rem .55rem;display:grid}:root[data-theme=basketball] .bb-chart-head{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}:root[data-theme=basketball] .bb-chart-head b{color:var(--pink);font-size:1.35rem;font-weight:800;line-height:1}:root[data-theme=basketball] .bb-chart-head span{color:var(--ink-soft);text-align:right;white-space:nowrap;font-size:.85rem;font-weight:800}:root[data-theme=basketball] .bb-chart-meter{border:1.5px solid var(--ink);background:#ece3d3;border-radius:999px;height:8px;overflow:hidden}:root[data-theme=basketball] .bb-chart-meter span{background:var(--pink);height:100%;display:block}:root[data-theme=basketball] .bb-chart.m3 .bb-chart-meter span{background:var(--lvl4)}:root[data-theme=basketball] .bb-chart.m4 .bb-chart-meter span,:root[data-theme=basketball] .bb-chart.m5 .bb-chart-meter span{background:var(--lvl5)}:root[data-theme=basketball] .bb-chart.m3 .bb-chart-head span,:root[data-theme=basketball] .bb-chart.m4 .bb-chart-head span,:root[data-theme=basketball] .bb-chart.m5 .bb-chart-head span{color:var(--purple)}:root[data-theme=basketball] .bb-chart.m4,:root[data-theme=basketball] .bb-chart.m5{box-shadow:3px 4px 0 var(--ink), 0 0 0 3px var(--lvl5);background:linear-gradient(#fff4d6,#fffdf8 40%)}:root[data-theme=basketball] .bb-shot-chart{width:100%;height:auto;display:block}:root[data-theme=basketball] .bb-chart-next{color:var(--ink-soft);font-size:.85rem;font-weight:700;line-height:1.2}:root[data-theme=basketball] .fact-detail{font-weight:600}:root[data-theme=basketball] .detail-fact{color:var(--ink);font-size:1.9rem}:root[data-theme=basketball] .detail-level{font-weight:800}:root[data-theme=basketball] .bb-recap{box-shadow:5px 6px 0 var(--ink);background:radial-gradient(#1b2a4e0d 1px,#0000 1.4px) 0 0/6px 6px,#fbf7ec;border-radius:6px;gap:.6rem;padding:1.2rem 1.4rem 1.4rem;transform:rotate(-.4deg)}:root[data-theme=basketball] .bb-recap.with-sticker{padding-right:1.4rem}:root[data-theme=basketball] .bb-recap-mast{text-align:center;border-bottom:4px double var(--ink);gap:.25rem;padding-bottom:.4rem;display:grid}:root[data-theme=basketball] .bb-recap-paper{font-family:var(--bubble);color:var(--ink);font-size:clamp(1.35rem,3.6vw,2rem);line-height:1.1}:root[data-theme=basketball] .bb-recap-edition{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-top:1.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;padding-top:.3rem;font-size:.85rem;font-weight:800;display:flex}:root[data-theme=basketball] .bb-recap .page-date{font-size:inherit;color:inherit;text-align:right}:root[data-theme=basketball] .bb-recap-board{background:radial-gradient(#ffffff0f 1px, transparent 1.4px) 0 0 / 5px 5px, var(--bb-board);border:3px solid var(--ink);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:.45rem;display:grid}:root[data-theme=basketball] .bb-recap-board div{background:#232835;border-radius:6px;justify-items:center;padding:.2rem .3rem .3rem;display:grid}:root[data-theme=basketball] .bb-recap-board dd{font-family:var(--bubble);color:var(--bb-amber);text-shadow:0 0 10px #ffb6278c;margin:0;font-size:1.7rem;line-height:1.15}:root[data-theme=basketball] .bb-recap-board dt{letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:.8rem;font-weight:800}:root[data-theme=basketball] .bb-recap-story{display:block}:root[data-theme=basketball] .bb-recap .bb-recap-headline{color:var(--ink);margin-top:.2rem;font-size:clamp(1.3rem,3.3vw,1.85rem);line-height:1.2}:root[data-theme=basketball] .bb-recap-byline{color:var(--pink);margin:.3rem 0 .5rem;font-size:.95rem;font-style:italic;font-weight:800}:root[data-theme=basketball] .bb-recap .entry-line{margin-bottom:.35rem;font-size:1.22rem;line-height:1.45}:root[data-theme=basketball] .bb-recap-photo{float:right;border:2px solid var(--ink);background:#fff;justify-items:center;gap:.15rem;width:112px;margin:.3rem 0 .5rem 1rem;padding:.4rem .35rem .35rem;display:grid;transform:rotate(2deg);box-shadow:3px 3px #1b2a4e4d}:root[data-theme=basketball] .bb-recap-photo .page-sticker{position:static;transform:none}:root[data-theme=basketball] .bb-recap-photo figcaption{color:var(--ink-soft);text-align:center;font-size:.8rem;font-weight:800;line-height:1.15}:root[data-theme=basketball] .new-sticker{color:var(--ink);font-size:1.3rem}:root[data-theme=basketball] .overlay{background:#0e163099}:root[data-theme=basketball] .dialog h2{color:var(--pink);text-shadow:none;font-size:1.55rem}:root[data-theme=basketball] .milestone p{font-weight:700}:root[data-theme=basketball] .milestone-art{background:linear-gradient(#3a4152,#3a4152) 50% 6px/100% 6px no-repeat;padding:.4rem 1.6rem .2rem}:root[data-theme=basketball] .milestone-art .bb-pennant{width:min(120px,32vw)}:root[data-theme=basketball] .milestone-list .milestone-art .bb-pennant{width:min(84px,24vw)}:root[data-theme=basketball] .panel h2,:root[data-theme=basketball] .report-card h2{font-size:1.3rem}:root[data-theme=basketball] .panel h3{font-family:var(--hand);font-weight:800}:root[data-theme=basketball] .segmented button{font-family:var(--hand);border-radius:999px;font-size:1.15rem;font-weight:800}:root[data-theme=basketball] .segmented button.on{color:#fff;background:var(--pink)}:root[data-theme=basketball] .text-input{border-radius:10px}:root[data-theme=basketball] .tile{border-radius:12px}:root[data-theme=basketball] .tile-value{font-weight:800}:root[data-theme=basketball] .tile-value.hero{white-space:nowrap;font-size:clamp(2.2rem,4.2vw,2.6rem)}:root[data-theme=basketball] .tile-value small{font-size:1rem}:root[data-theme=basketball] .report-sub{color:var(--ink)}@media (width<=600px){:root[data-theme=basketball] .practice{padding-top:max(24px, env(safe-area-inset-top));gap:.7rem}:root[data-theme=basketball] .practice-top{flex-wrap:wrap;gap:.5rem .6rem}:root[data-theme=basketball] .practice-top .icon-btn{width:44px;height:44px}:root[data-theme=basketball] .practice-top .pencil-bar{flex:1 0 100%;order:1;height:22px}:root[data-theme=basketball] .practice-top .fast-count{font-size:1.3rem}:root[data-theme=basketball] .practice-top .count{min-width:0;margin-left:auto;font-size:1.05rem}:root[data-theme=basketball] .q-card{padding:1.1rem}:root[data-theme=basketball] .q-card.tape:before{display:none}:root[data-theme=basketball] .bb-pennants{grid-template-columns:repeat(6,minmax(0,1fr))}:root[data-theme=basketball] .dcell .sparkle{display:none}:root[data-theme=basketball] .dgrid{padding:5px}:root[data-theme=basketball] .bb-recap{padding:1rem .9rem 1.1rem}}@media (prefers-reduced-motion:no-preference){:root[data-theme=basketball] .pencil-fill{animation:.7s linear infinite basketball-roll}}@keyframes basketball-roll{to{background-position:22px 0,22px 0,0 0}}@media (prefers-reduced-motion:no-preference){:root[data-theme=basketball] .bb-pennant{transform-origin:50% 2%}:root[data-theme=basketball] .bb-pennants .bb-pennant.up{animation:basketball-sway var(--sway,6s) ease-in-out var(--sway-at,0s) infinite}:root[data-theme=basketball] .bb-pennants li:nth-child(3n+2){--sway:7s;--sway-at:-2.3s}:root[data-theme=basketball] .bb-pennants li:nth-child(3n){--sway:5.6s;--sway-at:-4.1s}:root[data-theme=basketball] .bb-pennants li:nth-child(4n){--sway-at:-1.2s}:root[data-theme=basketball] .bb-pennants .bb-pennant[data-fresh]{animation:basketball-sway var(--sway,6s) ease-in-out var(--sway-at,0s) infinite, basketball-raise 1.1s ease-out calc(.3s + var(--fresh-i,0) * .14s) both}:root[data-theme=basketball] .bb-pennants .bb-pennant.tapped{animation:.75s ease-out basketball-swing}:root[data-theme=basketball] .bb-pennants .bb-pennant.up.tapped{animation:basketball-sway var(--sway,6s) ease-in-out var(--sway-at,0s) infinite, basketball-swing .75s ease-out}:root[data-theme=basketball] .bb-case-shelf>.sticker{transform-origin:50% 100%}:root[data-theme=basketball] .bb-case-shelf>.fresh{animation:.9s ease-out .4s both basketball-hop-in}:root[data-theme=basketball] .bb-case-shelf>.tapped{animation:.55s ease-out basketball-hop}:root[data-theme=basketball] .bb-case-shelf>.bb-gear-star.tapped{animation:.76s linear basketball-bounce}:root[data-theme=basketball] .bb-spot{transform-box:fill-box;transform-origin:50%}:root[data-theme=basketball] .bb-spot[data-fresh]{animation:basketball-spot-in .6s cubic-bezier(.2, 1.6, .4, 1) calc(.35s + min(var(--fresh-i,0), 40) * 50ms) both}:root[data-theme=basketball] .bb-shot-chart.tapped .bb-spot.made{animation:basketball-spot-ripple .42s ease-out calc(var(--ripple,0) * 40ms)}:root[data-theme=basketball] .milestone-art .bb-pennant{animation:basketball-raise 1.1s ease-out var(--raise-at,.15s) both}:root[data-theme=basketball] .milestone-art .bb-pennant.tapped{animation:basketball-raise 1.1s ease-out var(--raise-at,.15s) both, basketball-swing .75s ease-out}:root[data-theme=basketball] .milestone-list li:nth-child(2){--raise-at:.35s}:root[data-theme=basketball] .milestone-list li:nth-child(3){--raise-at:.55s}:root[data-theme=basketball] .milestone-list li:nth-child(n+4){--raise-at:.75s}:root[data-theme=basketball] .new-sticker .sticker.pop{transform-origin:50% 100%;animation:1.3s linear both basketball-drop}:root[data-theme=basketball] .dgrid{--fresh-glow:#e8590c99}}@keyframes basketball-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes basketball-swing{20%{rotate:10deg}45%{rotate:-7deg}70%{rotate:3deg}to{rotate:0deg}}@keyframes basketball-raise{0%{opacity:0;translate:0 -28px;rotate:-10deg}35%{opacity:1;translate:0;rotate:9deg}55%{rotate:-5deg}75%{rotate:2.5deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes basketball-hop-in{0%{opacity:0;transform:translateY(-30px)scale(.6)}45%{opacity:1;transform:translateY(0)scale(1.1,.88)}70%{transform:translateY(-8px)scale(.97,1.03)}to{opacity:1;transform:none}}@keyframes basketball-hop{40%{transform:translateY(-12px)rotate(-6deg)}75%{transform:scale(1.08,.92)}}@keyframes basketball-bounce{0%{animation-timing-function:ease-out;transform:none}20%{animation-timing-function:ease-in;transform:translateY(-26px)scale(.95,1.05)}40%{animation-timing-function:ease-out;transform:scale(1.12,.86)}56%{animation-timing-function:ease-in;transform:translateY(-10px)}70%{animation-timing-function:ease-out;transform:scale(1.06,.94)}to{transform:none}}@keyframes basketball-drop{0%{opacity:0;animation-timing-function:ease-in;transform:translateY(-120px)}8%{opacity:1}32%{animation-timing-function:ease-out;transform:scale(1.14,.86)}48%{animation-timing-function:ease-in;transform:translateY(-44px)scale(.97,1.03)}63%{animation-timing-function:ease-out;transform:scale(1.08,.92)}74%{animation-timing-function:ease-in;transform:translateY(-14px)}84%{animation-timing-function:ease-out;transform:scale(1.03,.97)}to{opacity:1;transform:none}}@keyframes basketball-spot-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes basketball-spot-ripple{40%{transform:scale(1.35)}}.theme-tile[data-pick-theme=basketball]{--tile:#e8590c;--tile-ink:#1b2a4e;--tile-bg:linear-gradient(180deg, #1b2a4e 0 4px, #e8590c 4px 9px, #fff 9px 12px, transparent 12px), repeating-linear-gradient(90deg, transparent 0 22px, #7a4c1c40 22px 24px), #edcd9c;--tile-font:"Graduate", "Nunito", Georgia, serif;--tile-body:"Nunito", system-ui, sans-serif;padding-top:1rem;container-type:inline-size}.theme-tile[data-pick-theme=basketball] .theme-tile-name{overflow-wrap:normal;white-space:nowrap;font-size:clamp(.8rem,13.6cqi,1.3rem)}.theme-tile[data-pick-theme=basketball] .theme-tile-blurb{font-weight:700}.theme-tile[data-pick-theme=basketball] .sticker{filter:drop-shadow(2px 3px #1b2a4e40)}:root[data-theme=bricks]{--ink:#1d2433;--ink-soft:#46516a;--paper:#eef2f7;--rule:transparent;--margin:transparent;--pink:#d9262c;--pink-soft:#ffd6d7;--purple:#1e6fd9;--purple-soft:#dcebfd;--teal:#2e9e48;--teal-soft:#d4f1da;--yellow:#f7c82b;--sticky:#ffe680;--pencil:#8f9aab;--lvl3:#1e6fd9;--lvl4:#d9262c;--lvl5:#f5c518;--booklet:#e4f0fd;--plate:#3f9a52;--hand:"Fredoka", "Avenir Next Rounded", system-ui, sans-serif;--bubble:"Lilita One", "Fredoka", system-ui, sans-serif;--wobble:10px;--wobble-2:10px;--brick-shadow:inset 0 4px 0 #ffffff61, inset 0 -6px 0 #00000029, 0 5px 0 var(--ink);--brick-pressed:inset 0 4px 0 #ffffff61, inset 0 -6px 0 #00000029, 0 1px 0 var(--ink);font-synthesis:none}:root[data-theme=bricks] body{background:var(--paper);font-weight:500}:root[data-theme=bricks] .screen{background-color:var(--paper);background-image:radial-gradient(circle,#e8edf4 0 5px,#d6dde8 5.5px 7px,#0000 7.5px);background-position:15px 15px;background-size:30px 30px}:root[data-theme=bricks] .bubble-title{color:var(--pink);letter-spacing:.01em}:root[data-theme=bricks] .tagline{color:var(--purple);font-weight:600;transform:none}:root[data-theme=bricks] .owner{color:var(--purple);transform:none}:root[data-theme=bricks] .note{color:var(--ink-soft)}:root[data-theme=bricks] .card{box-shadow:0 6px 0 var(--ink);border-radius:12px}:root[data-theme=bricks] .tape:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14'%3E%3Crect x='3' y='1.5' width='20' height='16' rx='3.5' fill='%23f7c82b' stroke='%231d2433' stroke-width='2.5'/%3E%3Crect x='6.5' y='4' width='6' height='3' rx='1.5' fill='%23fff' opacity='.55'/%3E%3C/svg%3E") repeat-x;width:104px;height:14px;top:-14px;transform:translate(-50%)}:root[data-theme=bricks] .btn,:root[data-theme=bricks] .key,:root[data-theme=bricks] .sticky{--brick:var(--yellow);background:var(--brick);border:3px solid var(--ink);box-shadow:var(--brick-shadow);border-radius:8px;position:relative}:root[data-theme=bricks] .btn:before,:root[data-theme=bricks] .btn:after,:root[data-theme=bricks] .key:before,:root[data-theme=bricks] .key:after,:root[data-theme=bricks] .sticky:before,:root[data-theme=bricks] .sticky:after{content:"";background:linear-gradient(90deg, transparent 18%, #ffffff80 18% 38%, transparent 38%), var(--brick);border:3px solid var(--ink);pointer-events:none;border-bottom:none;border-radius:7px 7px 0 0;width:28px;height:13px;position:absolute;top:-13px}:root[data-theme=bricks] .btn:before,:root[data-theme=bricks] .key:before,:root[data-theme=bricks] .sticky:before{left:17%}:root[data-theme=bricks] .btn:after,:root[data-theme=bricks] .key:after,:root[data-theme=bricks] .sticky:after{right:17%}:root[data-theme=bricks] .btn{font-family:var(--bubble);margin-top:10px}:root[data-theme=bricks] .btn:active,:root[data-theme=bricks] .key:active{box-shadow:var(--brick-pressed);transform:translateY(4px)}:root[data-theme=bricks] .btn.pink{--brick:var(--pink)}:root[data-theme=bricks] .btn.purple{--brick:var(--purple)}:root[data-theme=bricks] .btn.teal{--brick:var(--teal);color:#fff;text-shadow:var(--outline-sm)}:root[data-theme=bricks] .btn.small{box-shadow:var(--brick-shadow)}:root[data-theme=bricks] .btn.small:before,:root[data-theme=bricks] .btn.small:after{width:22px;height:11px;top:-11px}:root[data-theme=bricks] .icon-btn,:root[data-theme=bricks] .back-btn{box-shadow:0 3px 0 var(--ink);border-radius:10px}:root[data-theme=bricks] .back-btn{font-weight:600}:root[data-theme=bricks] .link-btn{color:var(--purple);font-weight:600}:root[data-theme=bricks] .stickies{gap:1.1rem;padding-top:10px}:root[data-theme=bricks] .sticky,:root[data-theme=bricks] .sticky:nth-child(2),:root[data-theme=bricks] .sticky:nth-child(3){font-weight:600;transform:none}:root[data-theme=bricks] .sticky.pink{--brick:var(--pink);color:#fff}:root[data-theme=bricks] .sticky.teal{--brick:var(--purple);color:#fff}:root[data-theme=bricks] .sticky.pink b,:root[data-theme=bricks] .sticky.teal b{text-shadow:var(--outline-sm)}:root[data-theme=bricks] .level-bar{height:26px;box-shadow:0 4px 0 var(--ink);border-radius:6px}:root[data-theme=bricks] .level-bar .b1{background:repeating-linear-gradient(45deg,#fff 0 5px,#d5dce6 5px 7px)}:root[data-theme=bricks] .level-bar .b2{background:#bcd5f5}:root[data-theme=bricks] .grownups{background:#ffffffbf}:root[data-theme=bricks] .sticker{filter:drop-shadow(0 3px #1d243338)}:root[data-theme=bricks] .today-card{background:var(--booklet)}:root[data-theme=bricks] .today-title{color:var(--pink)}:root[data-theme=bricks] .plan-step{border-radius:8px}:root[data-theme=bricks] .plan-step.next{box-shadow:inset 0 0 0 3px var(--yellow);background:#fff;transform:none}:root[data-theme=bricks] .plan-mark{border-radius:6px}:root[data-theme=bricks] .plan-step.next .plan-mark{background:var(--yellow)}:root[data-theme=bricks] .plan-step.done .plan-mark{background:var(--teal)}:root[data-theme=bricks] .plan-step.done .plan-title{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}:root[data-theme=bricks] .plan-blurb{font-weight:500}:root[data-theme=bricks] .next-intro{color:var(--purple);font-weight:600}:root[data-theme=bricks] .cover{background:var(--booklet)}:root[data-theme=bricks] .cover-doodles{gap:.5rem}:root[data-theme=bricks] .stamp{color:#fff;background:var(--pink);border-color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:6px;transform:rotate(-4deg)}:root[data-theme=bricks] .name-form label{font-weight:600}:root[data-theme=bricks] .name-input{color:var(--purple);border-bottom:4px dashed var(--purple)}:root[data-theme=bricks] .pin-input,:root[data-theme=bricks] .text-input{border-radius:8px}:root[data-theme=bricks] .problem{font-size:clamp(2.2rem,min(10.5vmin,13cqi),7rem)}:root[data-theme=bricks] .problem.small{font-size:clamp(1.7rem,min(6.5vmin,11cqi),4.2rem)}:root[data-theme=bricks] .q-card{box-shadow:0 7px 0 var(--ink);border-radius:14px}:root[data-theme=bricks] .answer-box{color:var(--purple);background:var(--booklet);border:4px dashed var(--purple);border-radius:12px}:root[data-theme=bricks] .copy-row .answer-box{border-width:3px}:root[data-theme=bricks] .caret{background:var(--pink)}:root[data-theme=bricks] .pencil-bar{height:26px;box-shadow:0 3px 0 var(--ink);border-radius:6px}:root[data-theme=bricks] .pencil-fill{background:repeating-linear-gradient(90deg, #d9262c 0 30px, var(--ink) 30px 32px, #f7c82b 32px 62px, var(--ink) 62px 64px, #1e6fd9 64px 94px, var(--ink) 94px 96px, #2e9e48 96px 126px, var(--ink) 126px 128px)}:root[data-theme=bricks] .part-name{color:var(--purple)}:root[data-theme=bricks] .part-dot{border-radius:3px;width:13px;height:13px}:root[data-theme=bricks] .part-dot.done{background:var(--teal)}:root[data-theme=bricks] .count{font-weight:600}:root[data-theme=bricks] .fast-count{color:var(--ink)}:root[data-theme=bricks] .stamp-tag{color:#fff;background:var(--purple);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:6px;transform:rotate(-6deg)}:root[data-theme=bricks] .stamp-tag.new{color:#fff;background:var(--pink);border-color:var(--ink)}:root[data-theme=bricks] .show-me{background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:8px;font-weight:600;transform:none}:root[data-theme=bricks] .fix-title{color:var(--pink)}:root[data-theme=bricks] .hint{font-weight:500}:root[data-theme=bricks] .hint.covered{border-radius:8px;transform:none}:root[data-theme=bricks] .copy-row{font-weight:600}:root[data-theme=bricks] .dot-array circle{stroke:var(--ink);stroke-width:1.2px}:root[data-theme=bricks] .dot-array circle[fill=\#ff4fa3]{fill:#d9262c}:root[data-theme=bricks] .dot-array circle[fill=\#19c2b0]{fill:#1e6fd9}:root[data-theme=bricks] .dot-array circle[fill=\#8b5cf6]{fill:#2e9e48}:root[data-theme=bricks] .key{--brick:#fff;box-shadow:inset 0 4px 0 #ffffff80, inset 0 -6px 0 #1d243317, 0 5px 0 var(--ink)}:root[data-theme=bricks] .key:nth-child(2n){border-radius:8px}:root[data-theme=bricks] .key:active{--brick:var(--pink-soft);background:var(--brick)}:root[data-theme=bricks] .key:before,:root[data-theme=bricks] .key:after{width:26px}:root[data-theme=bricks] .key-back{--brick:var(--yellow)}:root[data-theme=bricks] .key-go{--brick:var(--pink)}:root[data-theme=bricks] .burst-shape{fill:var(--yellow);stroke:var(--ink);stroke-width:4px}:root[data-theme=bricks] .burst:not(.big) .burst-shape{fill:#7cc8f2}:root[data-theme=bricks] .burst-text{transform:rotate(-4deg)}:root[data-theme=bricks] .burst:not(.big) .burst-text{color:#fff}:root[data-theme=bricks] .lead{font-weight:600}:root[data-theme=bricks] .bricks-builds{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:.9rem;width:min(100%,980px);display:grid}:root[data-theme=bricks] .bricks-build{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:10px;justify-items:center;gap:.35rem;margin:0;padding:.75rem .5rem .6rem;display:grid}:root[data-theme=bricks] .bricks-build svg{width:100%;height:120px}:root[data-theme=bricks] .bricks-build.done{background:var(--booklet)}:root[data-theme=bricks] .bricks-build.gold{background:#fff3bf}:root[data-theme=bricks] .bricks-build figcaption{text-align:center;justify-items:center;line-height:1.15;display:grid}:root[data-theme=bricks] .bricks-build-name{font-family:var(--bubble);white-space:nowrap;font-size:1.08rem}:root[data-theme=bricks] .bricks-build-name b{color:var(--pink);font-weight:400}:root[data-theme=bricks] .bricks-build-status{color:var(--ink-soft);font-size:.95rem;font-weight:600}:root[data-theme=bricks] .legend{font-weight:600}:root[data-theme=bricks] .dgrid{background-color:var(--plate);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:10px;gap:4px;padding:8px}:root[data-theme=bricks] .dcell{font-family:var(--hand);border-radius:5px;font-weight:600}:root[data-theme=bricks] .dcell.head{font-family:var(--bubble);color:#fff;text-shadow:var(--outline-sm)}:root[data-theme=bricks] .dcell.selected{outline:4px solid var(--yellow);outline-offset:1px}:root[data-theme=bricks] .l0{background:radial-gradient(circle,#5cb96e 0 27%,#2c7c3d 29% 37%,#0000 39%);border:none}:root[data-theme=bricks] .swatch.l0{background-color:var(--plate);border:2px solid var(--ink)}:root[data-theme=bricks] .l1{color:var(--ink-soft);border:2.5px dashed var(--ink);background:#ffffffe0}:root[data-theme=bricks] .l2{color:var(--ink);border:2.5px solid var(--ink);background:radial-gradient(circle,#fff6 0 26%,#1d243324 28% 33%,#0000 35%),#bcd5f5;transform:rotate(-5deg)}:root[data-theme=bricks] .l3,:root[data-theme=bricks] .l4,:root[data-theme=bricks] .l5{color:#fff;border:2.5px solid var(--ink);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink)}:root[data-theme=bricks] .l3{background:radial-gradient(circle, #ffffff38 0 26%, #0003 28% 33%, transparent 35%), var(--lvl3)}:root[data-theme=bricks] .l4{background:linear-gradient(135deg, #ffffff80 0 16%, transparent 30%), radial-gradient(circle, #ffffff38 0 26%, #0003 28% 33%, transparent 35%), var(--lvl4)}:root[data-theme=bricks] .l5{color:var(--ink);text-shadow:none;background:linear-gradient(135deg,#ffffffbf 0 14%,#0000 28%),radial-gradient(circle,#ffffff4d 0 26%,#9664002e 28% 33%,#0000 35%),linear-gradient(160deg,#ffe27a 0%,#f5c518 45%,#d99a00 100%)}:root[data-theme=bricks] .level-bar .b5{background:linear-gradient(160deg,#ffe27a 0%,#f5c518 45%,#d99a00 100%)}:root[data-theme=bricks] .fact-detail{font-weight:500}:root[data-theme=bricks] .detail-fact{color:var(--purple)}:root[data-theme=bricks] .bricks-page{gap:.5rem;padding:1.3rem 1.6rem 1.4rem}:root[data-theme=bricks] .bricks-page-head{border-bottom:3px solid #d5dde8;align-items:center;gap:1rem;margin-bottom:.3rem;padding-bottom:.8rem;display:flex}:root[data-theme=bricks] .bricks-step{min-width:3.5rem;height:3.5rem;font-family:var(--bubble);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:8px;flex:none;place-items:center;padding:0 .45rem;font-size:2.2rem;line-height:1;display:grid}:root[data-theme=bricks] .bricks-page-title{flex:1;min-width:0}:root[data-theme=bricks] .bricks-page-kicker{font-family:var(--bubble);color:var(--pink);text-shadow:var(--outline-sm);font-size:1.9rem;line-height:1.05}:root[data-theme=bricks] .bricks-page .page-date{text-align:left;font-weight:600}:root[data-theme=bricks] .bricks-callout{background:var(--booklet);border:3px solid var(--ink);border-radius:10px;flex:none;align-items:center;gap:.25rem;padding:.25rem .55rem .25rem .7rem;display:flex}:root[data-theme=bricks] .bricks-callout-count{font-family:var(--bubble);font-size:1.4rem}:root[data-theme=bricks] .bricks-callout .sticker{filter:none}:root[data-theme=bricks] .bricks-page .entry-line{font-size:1.35rem;line-height:1.45}:root[data-theme=bricks] .bricks-page .signature{margin-top:.3rem;transform:none}:root[data-theme=bricks] .new-sticker{color:var(--purple)}:root[data-theme=bricks] .empty{font-weight:500}:root[data-theme=bricks] .between-line{color:var(--purple)}:root[data-theme=bricks] .next-up h2,:root[data-theme=bricks] .dialog h2{color:var(--pink)}:root[data-theme=bricks] .next-label{font-weight:600}:root[data-theme=bricks] .break-idea{font-weight:600;transform:none}:root[data-theme=bricks] .overlay{background:#1d243380}:root[data-theme=bricks] .milestone{background:var(--booklet)}:root[data-theme=bricks] .milestone-art svg{width:min(190px,44vw);max-height:34vh}:root[data-theme=bricks] .panel h2,:root[data-theme=bricks] .report-card h2{color:var(--purple)}:root[data-theme=bricks] .segmented button{box-shadow:0 3px 0 var(--ink);border-radius:8px}:root[data-theme=bricks] .segmented button.on{background:var(--yellow)}:root[data-theme=bricks] .tile{border-radius:10px}:root[data-theme=bricks] .tile-value{white-space:nowrap;font-size:2.2rem}:root[data-theme=bricks] .tile-value.hero{font-size:clamp(2.5rem,5vw,3.2rem)}:root[data-theme=bricks] .tile-value small{font-size:1.1rem}:root[data-theme=bricks] .theme-picker-title{color:var(--purple)}@media (prefers-reduced-motion:no-preference){:root[data-theme=bricks]{--fresh-glow:#d9262c99}:root[data-theme=bricks] .bricks-layer{transform-box:fill-box;transform-origin:50% 100%}:root[data-theme=bricks] .bricks-twinkle{transform-box:fill-box;transform-origin:50%}:root[data-theme=bricks] .bricks-build.gold .bricks-twinkle{animation:8s ease-in-out infinite bricks-glint}:root[data-theme=bricks] .bricks-build.gold .bricks-twinkle+.bricks-twinkle{animation-delay:-4.3s}:root[data-theme=bricks] .bricks-build.gold:nth-child(2n) .bricks-twinkle{animation-duration:9.5s;animation-delay:-2.2s}:root[data-theme=bricks] .bricks-build.gold:nth-child(2n) .bricks-twinkle+.bricks-twinkle{animation-delay:-6.6s}:root[data-theme=bricks] .bricks-layer[data-fresh]{animation:bricks-layer-drop .38s calc(.35s + min(var(--fresh-i,0), 16) * 85ms) both}:root[data-theme=bricks] .milestone-art svg{overflow:visible}:root[data-theme=bricks] .milestone-art .bricks-layer{animation:bricks-layer-drop .3s calc(.15s + var(--r,0) * 80ms) both}:root[data-theme=bricks] .milestone-art .bricks-twinkle{animation:.6s cubic-bezier(.2,1.6,.4,1) 1.2s both bricks-twinkle-flash}:root[data-theme=bricks] .sticker-shelf>.fresh{transform-origin:50% 100%;animation:.75s .25s both bricks-drop-snap}:root[data-theme=bricks] .new-sticker .sticker.pop{transform-origin:50% 100%;animation:.75s .15s both bricks-drop-snap}:root[data-theme=bricks] .sticker-shelf>.tapped{transform-origin:50% 100%;animation:.52s bricks-hop}:root[data-theme=bricks] .bricks-build svg.tapped{transform-origin:50% 100%;animation:.56s bricks-hop}:root[data-theme=bricks] .bricks-build svg.tapped .bricks-top{animation:.56s bricks-click}}@keyframes bricks-layer-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-20px)}70%{opacity:1;animation-timing-function:ease-out;transform:translateY(1px)scaleY(.9)}to{opacity:1;transform:none}}@keyframes bricks-drop-snap{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-48px)}55%{opacity:1;animation-timing-function:ease-out;transform:scale(1.12,.84)}72%{opacity:1;animation-timing-function:ease-in;transform:translateY(-6px)scale(.96,1.05)}86%{opacity:1;transform:scale(1.04,.96)}to{opacity:1;transform:none}}@keyframes bricks-hop{0%{animation-timing-function:ease-out;transform:none}15%{animation-timing-function:ease-out;transform:scale(1.06,.9)}45%{animation-timing-function:ease-in;transform:translateY(-10px)scale(.96,1.05)}75%{animation-timing-function:ease-out;transform:scale(1.1,.88)}to{transform:none}}@keyframes bricks-click{0%,20%{transform:none}50%{transform:translateY(-6px)}78%{animation-timing-function:ease-in;transform:translateY(-4px)}88%{transform:translateY(.8px)scaleY(.92)}to{transform:none}}@keyframes bricks-glint{0%,88%,to{transform:none}93%{transform:scale(1.5)rotate(45deg)}}@keyframes bricks-twinkle-flash{0%{opacity:0;transform:scale(0)rotate(-90deg)}60%{opacity:1;transform:scale(1.5)rotate(20deg)}to{opacity:1;transform:none}}.theme-tile[data-pick-theme=bricks]{--tile:#d9262c;--tile-ink:#1d2433;--tile-bg:#fff6cc;--tile-font:"Lilita One", system-ui, sans-serif;--tile-body:"Fredoka", system-ui, sans-serif}:root[data-theme=construction]{--ink:#1f2328;--ink-soft:#4a5058;--paper:#e4e1d9;--pink:#f26a12;--pink-soft:#ffe1c7;--purple:#1f5fa8;--purple-soft:#dbe8f6;--teal:#2e9e5b;--teal-soft:#d3f0dd;--yellow:#ffc400;--sticky:#ffe36b;--pencil:#8d939b;--lvl3:#9fd3f5;--lvl4:#ffe066;--lvl5:#ffb700;--hand:"Barlow", "Helvetica Neue", system-ui, sans-serif;--bubble:"Bungee", "Barlow", system-ui, sans-serif;--wobble:10px;--wobble-2:10px;--stripes:repeating-linear-gradient(-45deg, #ffc400 0 10px, #1f2328 10px 20px);--plate:radial-gradient(circle, #eef0f2 0 2.2px, #6b7178 2.7px 3.8px, transparent 4.4px) left 8px top 8px / 12px 12px no-repeat, radial-gradient(circle, #eef0f2 0 2.2px, #6b7178 2.7px 3.8px, transparent 4.4px) right 8px top 8px / 12px 12px no-repeat, radial-gradient(circle, #eef0f2 0 2.2px, #6b7178 2.7px 3.8px, transparent 4.4px) left 8px bottom 8px / 12px 12px no-repeat, radial-gradient(circle, #eef0f2 0 2.2px, #6b7178 2.7px 3.8px, transparent 4.4px) right 8px bottom 8px / 12px 12px no-repeat, linear-gradient(180deg, #fdfdfc, #eaecee);font-synthesis:none}:root[data-theme=construction] body{font-weight:500}:root[data-theme=construction] .screen{padding-top:max(30px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));background-color:var(--paper);background-image:radial-gradient(#1f232812 1px,#0000 1.6px),radial-gradient(#fff9 1px,#0000 1.6px);background-position:0 0,8px 11px;background-size:15px 15px,23px 23px}:root[data-theme=construction] .screen:before{content:"";background:var(--stripes);border-bottom:3px solid var(--ink);pointer-events:none;height:12px;position:absolute;top:0;left:0;right:0}:root[data-theme=construction] .bubble-title{letter-spacing:.01em;color:var(--yellow);font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.1}:root[data-theme=construction] .bubble-title.small{font-size:clamp(1.45rem,3.2vw,2.15rem)}:root[data-theme=construction] .tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--purple);font-size:1.1rem;font-weight:700;transform:none}:root[data-theme=construction] .card{background:var(--plate);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:10px}:root[data-theme=construction] .tape:before{background:var(--stripes);border:2px solid var(--ink);border-radius:3px;width:132px;height:20px;top:-12px;transform:translate(-50%)rotate(-2deg)}:root[data-theme=construction] .btn{letter-spacing:.02em;box-shadow:0 6px 0 var(--ink), inset 0 -4px 0 #00000024, inset 0 3px 0 #ffffff73;border-radius:10px;padding:.7em 1.25em .6em;font-size:1.25rem}:root[data-theme=construction] .btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -2px 0 #00000024;transform:translateY(5px)}:root[data-theme=construction] .btn.pink,:root[data-theme=construction] .btn.purple,:root[data-theme=construction] .btn.teal{color:#fff;text-shadow:var(--outline-sm)}:root[data-theme=construction] .btn.big{padding:.6em 1.3em .5em;font-size:clamp(1.35rem,2.9vw,1.85rem)}:root[data-theme=construction] .btn.small{box-shadow:0 4px 0 var(--ink);font-size:.95rem}:root[data-theme=construction] .icon-btn{box-shadow:0 4px 0 var(--ink);background:linear-gradient(#fdfdfd,#dfe2e5);border-radius:10px}:root[data-theme=construction] .back-btn{box-shadow:0 4px 0 var(--ink);border-radius:10px;font-weight:700}:root[data-theme=construction] .sticky{background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:8px;padding:.7rem 1rem .8rem;font-size:1.05rem;font-weight:700;transform:none}:root[data-theme=construction] .sticky:nth-child(2),:root[data-theme=construction] .sticky:nth-child(3){transform:none}:root[data-theme=construction] .sticky b{font-size:2rem}:root[data-theme=construction] .sticky.pink{background:#ff9447}:root[data-theme=construction] .sticky.teal{color:#fff;background:#2f6db5}:root[data-theme=construction] .sticker{filter:drop-shadow(2px 3px #1f232833)}:root[data-theme=construction] .cover{color:#fff;background:linear-gradient(#ffffff21 1.5px,#0000 1.5px) 0 0/26px 26px,linear-gradient(90deg,#ffffff21 1.5px,#0000 1.5px) 0 0/26px 26px,#1f5fa8}:root[data-theme=construction] .stamp{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:6px;padding:.3em .8em;font-size:1rem;transform:rotate(-3deg)}:root[data-theme=construction] .cover .tagline{color:#ffe36b}:root[data-theme=construction] .cover-doodles{align-items:flex-end;gap:1rem}:root[data-theme=construction] .name-form label{font-weight:700}:root[data-theme=construction] .name-input{color:var(--purple);border:3px solid var(--ink);border-radius:8px;font-size:1.8rem;box-shadow:inset 0 -5px #ffe36b}:root[data-theme=construction] .pin-input{border-radius:8px;font-weight:700}:root[data-theme=construction] .cover .pin-hint{color:#e3eefa}:root[data-theme=construction] .cover .link-btn{color:#ffe36b;font-weight:700}:root[data-theme=construction] .error{color:#b3001b;font-weight:700}:root[data-theme=construction] .cover .error{border:2px solid var(--ink);background:#fff;border-radius:6px;padding:.2em .7em}:root[data-theme=construction] .theme-picker-title{color:var(--purple)}:root[data-theme=construction] .owner{font-family:var(--hand);letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-size:1.3rem;font-weight:700;transform:none}:root[data-theme=construction] .level-bar{background:repeating-linear-gradient(-45deg,#fff 0 6px,#eceae4 6px 12px);border-radius:6px;height:26px}:root[data-theme=construction] .level-bar .b1{background:#d4e4f5}:root[data-theme=construction] .level-bar .b2{background:#f6c89c}:root[data-theme=construction] .grownups{border-radius:8px}:root[data-theme=construction] .grownups:after{background:#ffe36b}:root[data-theme=construction] .site-yard{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.2rem;width:min(100%,760px);display:flex}:root[data-theme=construction] .yard-tower{justify-items:center;gap:.3rem;margin:0;display:grid}:root[data-theme=construction] .yard-tower .mini-tower{width:150px;height:auto}:root[data-theme=construction] .yard-tower figcaption{color:var(--ink-soft);font-weight:700}:root[data-theme=construction] .yard-lot{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:linear-gradient(#b98a55,#b98a55) 0 100%/100% 16px no-repeat,#efe6d6;border-radius:10px;flex:320px;align-content:start;gap:.4rem;padding:.8rem 1rem 1rem;display:grid}:root[data-theme=construction] .yard-title{font-family:var(--bubble);color:var(--ink);font-size:1.1rem}:root[data-theme=construction] .yard-machines{flex-wrap:wrap;gap:.2rem .5rem;display:flex}:root[data-theme=construction] .yard-empty{color:var(--ink-soft);padding-bottom:1rem;font-weight:700}:root[data-theme=construction] .today-title{font-size:1.45rem}:root[data-theme=construction] .plan-step{border-radius:6px}:root[data-theme=construction] .plan-step.next{background:linear-gradient(90deg,#0000 0 9px,#ffeaa0 9px),repeating-linear-gradient(-45deg,#ffc400 0 6px,#1f2328 6px 12px);transform:none}:root[data-theme=construction] .plan-mark{border-radius:8px;font-size:.95rem}:root[data-theme=construction] .plan-title{font-size:1.05rem}:root[data-theme=construction] .plan-step.done .plan-title{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}:root[data-theme=construction] .plan-blurb{font-size:1rem}:root[data-theme=construction] .next-intro{font-weight:700}:root[data-theme=construction] .part-name{font-size:1.1rem}:root[data-theme=construction] .part-dot{border-radius:3px}:root[data-theme=construction] .pencil-bar{border-radius:6px;height:26px}:root[data-theme=construction] .pencil-fill{background:var(--stripes)}:root[data-theme=construction] .count{font-weight:700}:root[data-theme=construction] .q-card{background:var(--plate);border-radius:12px}:root[data-theme=construction] .problem{font-size:clamp(2rem,min(10.5vmin,11.8cqi),6.6rem)}:root[data-theme=construction] .problem.small{font-size:clamp(1.5rem,min(6.5vmin,10.5cqi),3.8rem)}:root[data-theme=construction] .answer-box{background:repeating-linear-gradient(-45deg,#ffc400 0 6px,#1f2328 6px 12px) 0 100%/100% 9px no-repeat;border-bottom:none;padding-bottom:.12em}:root[data-theme=construction] .copy-row .answer-box{font-size:2.2rem}:root[data-theme=construction] .stamp-tag{color:var(--ink);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);background:#ffe36b;border-radius:6px;padding:.15em .55em;font-size:1rem;transform:rotate(-4deg)}:root[data-theme=construction] .stamp-tag.new{color:#fff;background:var(--pink);border-color:var(--ink);text-shadow:var(--outline-sm)}:root[data-theme=construction] .fast-count{color:var(--ink)}:root[data-theme=construction] .show-me{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffe36b;border-radius:8px;font-size:1.1rem;font-weight:700;transform:none}:root[data-theme=construction] .show-me:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}:root[data-theme=construction] .fix-title{font-size:1.6rem}:root[data-theme=construction] .hint{font-size:1.3rem}:root[data-theme=construction] .hint.covered{border:2px solid var(--ink);background:#ffe36b;border-radius:6px;font-weight:700;transform:none}:root[data-theme=construction] .copy-row{font-weight:700}:root[data-theme=construction] .dot-array circle[fill=\#ff4fa3]{fill:#f26a12}:root[data-theme=construction] .dot-array circle[fill=\#19c2b0]{fill:#1f5fa8}:root[data-theme=construction] .dot-array circle[fill=\#8b5cf6]{fill:#2e9e5b}:root[data-theme=construction] .key{box-shadow:0 6px 0 var(--ink), inset 0 -4px 0 #00000014;background:linear-gradient(#fdfdfd,#dfe2e5);border-radius:12px;font-size:clamp(1.7rem,4vh,2.5rem)}:root[data-theme=construction] .key:nth-child(2n){border-radius:12px}:root[data-theme=construction] .key-back{background:linear-gradient(#ffe36b,#ffc400)}:root[data-theme=construction] .key-go{color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(#ff9a4d,#f26a12)}:root[data-theme=construction] .key:active{box-shadow:0 1px 0 var(--ink);background:#ffe36b;transform:translateY(5px)}:root[data-theme=construction] .burst{--sign:#ffc400}:root[data-theme=construction] .burst:not(.big){--sign:#c4ebcf}:root[data-theme=construction] .burst .burst-shape.sign-burst{width:min(88%,470px)}:root[data-theme=construction] .burst:not(.big) .burst-shape.sign-burst{width:min(66%,330px)}:root[data-theme=construction] .burst-text{color:var(--ink);text-shadow:2px 2px #ffffffb3;font-size:clamp(1.9rem,6vmin,3.3rem);transform:none}:root[data-theme=construction] .burst:not(.big) .burst-text{color:#17592f;font-size:clamp(1.5rem,4.6vmin,2.4rem)}:root[data-theme=construction] .between-line{font-size:1.35rem}:root[data-theme=construction] .next-label{font-weight:700}:root[data-theme=construction] .next-up h2{font-size:1.75rem}:root[data-theme=construction] .break-idea{font-weight:700;transform:none}:root[data-theme=construction] .lead{font-weight:500}:root[data-theme=construction] .legend{font-weight:700}:root[data-theme=construction] .swatch{color:var(--ink);border-radius:4px}:root[data-theme=construction] .swatch.l0{background:repeating-linear-gradient(45deg,#fff 0 4px,#e3dfd6 4px 6px);border:2px dashed #8d939b}:root[data-theme=construction] .swatch.l1{background:#e3eefa;border:2px dashed #2f6db5}:root[data-theme=construction] .swatch.l2{border:3px solid var(--pink);background:#fbf4e8}:root[data-theme=construction] .swatch.l3{border:2.5px solid var(--ink);background:linear-gradient(135deg,#cdebfd 0 45%,#9fd3f5 45%)}:root[data-theme=construction] .swatch.l4{border:2.5px solid var(--ink);background:radial-gradient(circle,#fffbe0,#ffd84d 80%)}:root[data-theme=construction] .swatch.l5{color:#fff;border:2.5px solid var(--ink);background:linear-gradient(#ffc93a,#e88f00)}:root[data-theme=construction] .site-sign{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:repeating-linear-gradient(-45deg,#ffc400 0 8px,#1f2328 8px 16px) 0 0/100% 7px no-repeat,#fff8dc;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:.3rem 1.4rem;padding:.45rem 1.2rem .55rem;font-weight:700;display:flex}:root[data-theme=construction] .site-sign div{align-items:baseline;gap:.35rem;padding-top:.25rem;display:flex}:root[data-theme=construction] .site-sign b{font-family:var(--bubble);color:var(--purple);font-size:1.45rem;font-weight:400}:root[data-theme=construction] .tower{--cols:1.8rem repeat(12, minmax(0, 1fr));width:min(100%,600px,max(420px,100dvh - 330px));display:grid}:root[data-theme=construction] .tower-crane{width:100%;height:auto;margin-bottom:-2px;display:block}:root[data-theme=construction] .tower-body{border:3px solid var(--ink);box-shadow:5px 0 0 var(--ink);background:#c9ccce;border-bottom:none;border-radius:6px 6px 0 0;padding:5px 6px 0;display:grid}:root[data-theme=construction] .floor{grid-template-columns:var(--cols);border-bottom:3px solid #8d939b;align-items:center;gap:3px;padding:2px 0 4px;display:grid}:root[data-theme=construction] .floor.stage-0{background:repeating-linear-gradient(90deg,#0000 0 calc(16.6667% - 3px),#1f232829 0 16.6667%)}:root[data-theme=construction] .floor-tag{font-family:var(--bubble);color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:4px;align-self:stretch;place-items:center;margin:2px 3px 2px 0;font-size:clamp(.62rem,1.6vmin,.95rem);display:grid}:root[data-theme=construction] .floor.stage-3 .floor-tag,:root[data-theme=construction] .floor.stage-4 .floor-tag{color:#fff;background:var(--teal)}:root[data-theme=construction] .win{aspect-ratio:1/.82;font-family:var(--hand);color:var(--ink);border-radius:3px;font-size:clamp(.62rem,1.65vmin,.98rem);font-weight:700}:root[data-theme=construction] .win.l0{background:repeating-linear-gradient(45deg,#0000 0 5px,#1f23281a 5px 6px),#dcdad3;border:2px dashed #9aa1a8}:root[data-theme=construction] .win.l1{color:#1f5fa8;background:#e3eefa;border:2px dashed #2f6db5}:root[data-theme=construction] .win.l2{border:3px solid var(--pink);background:#fbf4e8}:root[data-theme=construction] .win.l3{border:2.5px solid var(--ink);background:linear-gradient(135deg,#cdebfd 0 38%,#a6d8f7 38% 58%,#92cdf2 58%)}:root[data-theme=construction] .win.l4{border:2.5px solid var(--ink);background:radial-gradient(circle at 50% 40%,#fffdf0,#fff09a 45%,#ffdf5e 90%);box-shadow:0 0 6px 1px #ffc400d9}:root[data-theme=construction] .win.l5{border:2.5px solid var(--ink);background:linear-gradient(#ffc93a,#e88f00);box-shadow:0 0 7px 2px #fa0c}:root[data-theme=construction] .win-star{color:#fff;filter:drop-shadow(0 0 1px var(--ink)) drop-shadow(0 0 1px var(--ink));line-height:0;position:absolute;top:-6px;right:-5px}:root[data-theme=construction] .dcell.win.selected{z-index:1;outline:4px solid var(--pink);outline-offset:2px;transform:scale(1.1);box-shadow:0 0 0 9px #f26a1247}:root[data-theme=construction] .tower-lots{grid-template-columns:var(--cols);font-family:var(--bubble);color:#fff;text-align:center;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#3d434a;border-radius:0 0 6px 6px;gap:3px;padding:3px 6px 4px;font-size:clamp(.6rem,1.5vmin,.9rem);display:grid}:root[data-theme=construction] .lot:first-child{color:#ffc400}:root[data-theme=construction] .tower-ground{width:100%;height:auto;margin-top:4px;display:block}:root[data-theme=construction] .tower-ground .sticker{filter:none}:root[data-theme=construction] .fact-detail{font-weight:500}:root[data-theme=construction] .detail-fact{font-size:2rem}:root[data-theme=construction] .detail-level{font-weight:700}:root[data-theme=construction] .site-report{background:radial-gradient(#5032141f 1px,#0000 1.6px) 0 0/9px 9px,linear-gradient(#c99862,#b07a44);border-radius:16px;gap:0;padding:2.3rem .9rem .9rem}:root[data-theme=construction] .site-report.with-sticker{padding-right:.9rem}:root[data-theme=construction] .report-clip{z-index:1;border:3px solid var(--ink);width:150px;height:46px;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#f1f3f5,#9aa1a8);border-radius:12px 12px 6px 6px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}:root[data-theme=construction] .report-clip:after{content:"";border:3px solid var(--ink);background:#b07a44;border-radius:7px;width:44px;height:12px;position:absolute;top:6px;left:50%;transform:translate(-50%)}:root[data-theme=construction] .report-paper{border:2px solid var(--ink);background:#fffefb;border-radius:4px;gap:.5rem;padding:1.7rem 1.4rem 1.2rem;display:grid}:root[data-theme=construction] .report-head{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.45rem;display:flex}:root[data-theme=construction] .site-report .dear{color:var(--ink);font-size:clamp(1.15rem,3vw,1.6rem)}:root[data-theme=construction] .report-no{font-family:var(--bubble);color:#fff;white-space:nowrap;background:var(--pink);border:2px solid var(--ink);text-shadow:var(--outline-sm);border-radius:6px;padding:.1em .5em;font-size:1.05rem}:root[data-theme=construction] .report-fields{flex-wrap:wrap;gap:.2rem 1.6rem;margin:0;display:flex}:root[data-theme=construction] .report-fields div{align-items:baseline;gap:.45rem;display:flex}:root[data-theme=construction] .report-fields dt,:root[data-theme=construction] .report-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.85rem;font-weight:700}:root[data-theme=construction] .report-fields dd{color:var(--purple);margin:0;font-weight:700}:root[data-theme=construction] .site-report .page-date{text-align:left;font-size:1.05rem}:root[data-theme=construction] .report-label{margin-top:.3rem}:root[data-theme=construction] .report-lines{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}:root[data-theme=construction] .report-lines .entry-line{border-bottom:1.5px solid #d6e2ef;padding:0 0 .3rem 2.1rem;font-size:1.25rem;line-height:1.4;position:relative}:root[data-theme=construction] .report-lines .entry-line:before{content:"";background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 90% no-repeat;border:2px solid var(--ink);border-radius:4px;width:1.25rem;height:1.25rem;position:absolute;top:.22em;left:.15rem}:root[data-theme=construction] .report-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:.7rem;display:flex}:root[data-theme=construction] .site-report .signature{font-family:var(--hand);color:var(--ink-soft);text-align:left;font-size:1.1rem;font-weight:700;transform:none}:root[data-theme=construction] .sig-name{font-family:var(--bubble);color:var(--purple);margin-left:.2rem;font-size:1.35rem}:root[data-theme=construction] .report-stamp{font-family:var(--bubble);color:#c8102e;opacity:.85;border:3px solid #c8102e;border-radius:6px;padding:.1em .5em;font-size:1.15rem;transform:rotate(-8deg)}:root[data-theme=construction] .site-report .page-sticker{position:static;transform:rotate(-4deg)}:root[data-theme=construction] .new-sticker{font-size:1.3rem}:root[data-theme=construction] .overlay{background:#1f23288c}:root[data-theme=construction] .dialog h2{font-size:1.65rem}:root[data-theme=construction] .milestone p{font-weight:700}:root[data-theme=construction] .milestone .mini-tower{width:min(190px,44vw);height:auto}:root[data-theme=construction] .panel h2,:root[data-theme=construction] .report-card h2{font-size:1.3rem}:root[data-theme=construction] .segmented button{font-family:var(--hand);border-radius:8px;font-size:1.15rem;font-weight:700}:root[data-theme=construction] .segmented button.on{background:var(--yellow)}:root[data-theme=construction] .text-input,:root[data-theme=construction] .tile{border-radius:8px}:root[data-theme=construction] .tile-value{font-weight:700}@media (prefers-reduced-motion:no-preference){:root[data-theme=construction] .pencil-fill{animation:.9s linear infinite construction-roll}:root[data-theme=construction] .crane-hook,:root[data-theme=construction] .crane-cable{transform-box:fill-box;transform-origin:50% 0}:root[data-theme=construction] .yard-tower .crane-hook,:root[data-theme=construction] .tower-crane .crane-hook{animation:7s ease-in-out infinite alternate construction-sway}:root[data-theme=construction] .tower-crane{z-index:1;position:relative;overflow:visible}:root[data-theme=construction] .tapped .crane-cable{animation:.7s ease-in-out construction-cable}:root[data-theme=construction] .tapped .crane-load{animation:.7s ease-in-out construction-dip}:root[data-theme=construction] .yard-tower.tapped .crane-cable{animation-name:construction-cable-short}:root[data-theme=construction] .yard-tower.tapped .crane-load{animation-name:construction-dip-short}:root[data-theme=construction] .win[data-fresh]{animation:construction-lights-on .8s linear calc(.35s + min(var(--fresh-i,0), 40) * 90ms) both}:root[data-theme=construction] .milestone-art .mini-floor-picked rect{animation:construction-lights-on .5s linear calc(.25s + var(--i,0) * 55ms) both}:root[data-theme=construction] .milestone-art .mini-floor-frame{transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.2,1.5,.4,1) .95s both construction-frame}:root[data-theme=construction] .yard-machines>.fresh,:root[data-theme=construction] .new-sticker .sticker.pop{transform-origin:50% 92%;animation:1.2s both construction-drive-in}:root[data-theme=construction] .yard-machines>.fresh{animation-delay:.3s}:root[data-theme=construction] .yard-machines>.tapped{transform-origin:50% 92%;animation:.65s ease-in-out construction-nudge}}@keyframes construction-roll{to{background-position:28.28px 0}}@keyframes construction-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes construction-cable{45%{transform:scaleY(1.35)}}@keyframes construction-dip{45%{transform:translateY(9px)}}@keyframes construction-cable-short{45%{transform:scaleY(1.4)}}@keyframes construction-dip-short{45%{transform:translateY(4px)}}@keyframes construction-lights-on{0%{opacity:.35}25%{opacity:1}35%{opacity:.5}50%,to{opacity:1}}@keyframes construction-frame{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes construction-drive-in{0%{opacity:0;animation-timing-function:cubic-bezier(.25,.6,.4,1);transform:translate(-64px)}22%{opacity:1}65%{animation-timing-function:ease-out;transform:none}77%{animation-timing-function:ease-in-out;transform:rotate(3.5deg)}89%{transform:rotate(-1.5deg)}to{opacity:1;transform:none}}@keyframes construction-nudge{35%{transform:translate(7px)rotate(-2deg)}55%{transform:translate(7px)rotate(2.5deg)}75%{transform:translate(2px)rotate(-1deg)}}.theme-tile[data-pick-theme=construction]{--tile:#1f2328;--tile-ink:#1f2328;--tile-bg:repeating-linear-gradient(-45deg, #1f2328 0 7px, #ffc400 7px 14px) left bottom / 100% 10px no-repeat, #ffc400;--tile-font:"Bungee", "Barlow", system-ui, sans-serif;--tile-body:"Barlow", system-ui, sans-serif;border-radius:10px;padding-bottom:1.1rem}.theme-tile[data-pick-theme=construction] .theme-tile-name{letter-spacing:0;text-transform:uppercase;overflow-wrap:normal;text-align:center;font-family:Barlow,system-ui,sans-serif;font-size:.85rem;font-weight:700}.theme-tile[data-pick-theme=construction] .theme-tile-blurb{font-weight:500}.theme-tile[data-pick-theme=construction] .sticker{filter:drop-shadow(2px 2px #1f232840)}:root[data-theme=creatures]{--ink:#2a3140;--ink-soft:#55606e;--paper:#eaf7ff;--rule:transparent;--margin:transparent;--pink:#2fa84f;--pink-soft:#d8f5cf;--purple:#1d6fd0;--purple-soft:#dceeff;--teal:#ffc531;--teal-soft:#fff1c2;--yellow:#ffd54a;--sticky:#fff4c2;--pencil:#93a1ad;--lvl3:#9de38c;--lvl4:#84cdff;--lvl5:#ffd23f;--hand:"Nunito", system-ui, sans-serif;--bubble:"Titan One", "Nunito", system-ui, sans-serif;--wobble:20px;--wobble-2:20px;--kraft:#f1ddb3;--bark:#7a5230}:root[data-theme=creatures] body{font-weight:700}:root[data-theme=creatures] .screen{background-color:var(--paper);background-image:radial-gradient(70px 22px at 7% 150px,#ffffffd9 70%,#0000 72%),radial-gradient(46px 26px at 10% 136px,#ffffffd9 70%,#0000 72%),radial-gradient(80px 24px at 92% 210px,#ffffffd9 70%,#0000 72%),radial-gradient(50px 28px at 89% 194px,#ffffffd9 70%,#0000 72%),linear-gradient(#bfe6ff 0,#e4f5ff 380px,#effae6 820px,#e2f5d1 100%)}:root[data-theme=creatures] .bubble-title{letter-spacing:.01em;font-weight:400}:root[data-theme=creatures] .tagline,:root[data-theme=creatures] .owner{color:var(--purple)}:root[data-theme=creatures] .card{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fffef8;border-radius:22px}:root[data-theme=creatures] .tape:before{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#8fd35f 0 12px,#7cc54f 12px 24px);border-radius:12px;width:96px;height:22px;top:-14px;transform:translate(-50%)}:root[data-theme=creatures] .btn{box-shadow:0 5px 0 var(--ink);border-radius:999px}:root[data-theme=creatures] .btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-theme=creatures] .btn.small{box-shadow:0 4px 0 var(--ink)}:root[data-theme=creatures] .btn.big{font-size:clamp(1.7rem,3.6vw,2.3rem)}:root[data-theme=creatures] .cover .bubble-title{font-size:clamp(2.3rem,5.4vw,3.5rem)}:root[data-theme=creatures] .icon-btn,:root[data-theme=creatures] .back-btn{box-shadow:0 3px 0 var(--ink)}:root[data-theme=creatures] .sticky{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px}:root[data-theme=creatures] .sticky.pink{background:#d8f5cf}:root[data-theme=creatures] .sticky.teal{background:#dceeff}:root[data-theme=creatures] .sticker{filter:drop-shadow(2px 3px #2a314038)}:root[data-theme=creatures] .level-bar{border-radius:999px}:root[data-theme=creatures] .level-bar .b1{background:#e1e8ee}:root[data-theme=creatures] .level-bar .b2{background:repeating-linear-gradient(45deg,#fff 0 5px,#e1e8ee 5px 7px)}:root[data-theme=creatures] .cover{background:linear-gradient(#dff2ff 0,#f4fbea 100%)}:root[data-theme=creatures] .stamp{color:#2f7d32;border-color:#2f7d32;border-radius:999px}:root[data-theme=creatures] .cover-doodles{align-items:flex-end}:root[data-theme=creatures] .cover-egg{transform-origin:50% 90%;animation:2.8s ease-in-out infinite creatures-wobble}:root[data-theme=creatures] .cover-egg:nth-child(2){animation-delay:-.9s}:root[data-theme=creatures] .cover-egg:nth-child(3){animation-delay:-1.8s}:root[data-theme=creatures] .name-input{font-family:var(--bubble)}:root[data-theme=creatures] .creature-team{justify-items:center;gap:.9rem;width:min(100%,640px);display:grid}:root[data-theme=creatures] .team-row{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#ffffffb3;border-radius:24px;grid-template-columns:repeat(6,72px);gap:.5rem;margin:0;padding:.8rem 1rem;list-style:none;display:grid}:root[data-theme=creatures] .team-row li{background:var(--c-light);border:2px solid #2a314040;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}:root[data-theme=creatures] .team-row .is-egg{transform-origin:50% 90%;animation:3s ease-in-out infinite creatures-wobble}:root[data-theme=creatures] .team-row li:nth-child(odd) .is-egg{animation-delay:-1.4s}:root[data-theme=creatures] .stamp-row{gap:.4rem;max-width:400px}:root[data-theme=creatures] .pencil-bar{border-radius:999px}:root[data-theme=creatures] .pencil-fill{background:repeating-linear-gradient(90deg,#7ccf5a 0 16px,#5cbf45 16px 20px)}:root[data-theme=creatures] .part-dot.done{background:var(--pink)}:root[data-theme=creatures] .part-dot.now{background:var(--yellow)}:root[data-theme=creatures] .q-card{box-shadow:0 7px 0 var(--ink);background:#fffef8;border-radius:30px}:root[data-theme=creatures] .problem{color:var(--ink);font-size:clamp(2.1rem,min(10vmin,12.8cqi),6.6rem)}:root[data-theme=creatures] .problem.small{font-size:clamp(1.6rem,min(6.5vmin,11.5cqi),4rem)}:root[data-theme=creatures] .stamp-tag{color:#fff;background:var(--purple);border:3px solid var(--ink);text-shadow:var(--outline-sm);border-radius:999px;padding:.12em .7em;transform:rotate(-6deg)}:root[data-theme=creatures] .stamp-tag.new{color:#fff;background:var(--pink);border-color:var(--ink)}:root[data-theme=creatures] .show-me{background:var(--sticky);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;transform:none}:root[data-theme=creatures] .hint.covered{border-radius:12px}:root[data-theme=creatures] .key{box-shadow:0 4px 0 var(--ink)}:root[data-theme=creatures] .key:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}:root[data-theme=creatures] .fast-count{gap:4px}:root[data-theme=creatures] .burst-shape.puff{fill:#fff4a8;stroke:none}:root[data-theme=creatures] .burst-shape.puff .puff-edge{fill:var(--ink);stroke:var(--ink);stroke-width:8px}:root[data-theme=creatures] .burst:not(.big) .burst-shape.puff{fill:#d8f5cf}:root[data-theme=creatures] .burst:not(.big) .burst-text{color:var(--purple)}:root[data-theme=creatures] .plan-step.next{border-radius:999px}:root[data-theme=creatures] .plan-step.done .plan-mark{background:var(--pink)}:root[data-theme=creatures] .plan-blurb{font-size:.95rem}:root[data-theme=creatures] .dot-array circle[fill=\#ff4fa3]{fill:#34b04f}:root[data-theme=creatures] .dot-array circle[fill=\#19c2b0]{fill:#1d8fe0}:root[data-theme=creatures] .dot-array circle[fill=\#8b5cf6]{fill:#ff8d3c}:root[data-theme=creatures] .creature-cards{width:min(100%,980px)}:root[data-theme=creatures] .creature-cards ol{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}:root[data-theme=creatures] .creature-card{text-align:center;background:linear-gradient(180deg, var(--c-light) 0 96px, #fffef8 96px);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px;align-content:start;justify-items:center;gap:.2rem;padding:.6rem .6rem .75rem;display:grid;position:relative}:root[data-theme=creatures] .creature-card.stage-4{background:linear-gradient(#fff3a8 0 96px,#fffef8 96px)}:root[data-theme=creatures] .creature-card.stage-0 .creature{transform-origin:50% 90%;animation:3s ease-in-out infinite creatures-wobble}:root[data-theme=creatures] .creature-num{font-family:var(--hand);color:#fff;background:var(--c-dark);border:2px solid var(--ink);text-shadow:var(--outline-sm);border-radius:999px;padding:0 .45em;font-size:1rem;font-weight:800;position:absolute;top:6px;left:8px}:root[data-theme=creatures] .creature-name{max-width:100%;font-family:var(--bubble);overflow-wrap:anywhere;font-size:1.05rem;line-height:1.1}:root[data-theme=creatures] .creature-stage{color:var(--ink-soft);text-transform:capitalize;font-size:.8rem}:root[data-theme=creatures] .creature-meter{border:2px solid var(--ink);background:#e7edf2;border-radius:999px;width:100%;height:12px;overflow:hidden}:root[data-theme=creatures] .creature-meter span{background:var(--c);height:100%;display:block}:root[data-theme=creatures] .creature-next{color:var(--ink-soft);font-size:.82rem;line-height:1.2}:root[data-theme=creatures] .dcell.head{color:var(--purple)}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(13n+14){width:84%;color:var(--ink);border:2.5px solid var(--ink);background:#fff;border-radius:50%;justify-self:center}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(14){background:#c4ab90}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(27){background:#8fd862}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(40){background:#5cbcff}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(53){background:#ff8d45}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(66){color:#fff;background:#8c6eff}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(79){background:#c6eeff}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(92){background:#ece9ff}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(105){background:#ffa0cd}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(118){background:#43cfc0}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(131){background:#ffd94f}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(144){color:#fff;background:#5b4cb2}:root[data-theme=creatures] .dgrid>.dcell.head:nth-child(157){color:#fff;background:#3a68c9}:root[data-theme=creatures] .l0{background:#ffffffbf;border:2px dotted #b4c3cf}:root[data-theme=creatures] .dcell{border-radius:10px}:root[data-theme=creatures] .sparkle,:root[data-theme=creatures] .swatch,:root[data-theme=creatures] .detail-fact{color:var(--purple)}:root[data-theme=creatures] .page.journal{color:#33281c;background-color:var(--kraft);border:3px solid var(--ink);border-left:12px solid var(--bark);box-shadow:0 6px 0 var(--ink);background-image:repeating-linear-gradient(#0000 0 38px,#7a523029 38px 40px);border-radius:10px 22px 22px 10px;gap:.4rem;padding:1.4rem 1.75rem 1.6rem 2.4rem}:root[data-theme=creatures] .page.journal.with-sticker{padding-right:7rem}:root[data-theme=creatures] .journal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;display:flex}:root[data-theme=creatures] .journal-title{font-family:var(--bubble);color:#2f7d32;font-size:2rem;line-height:1.1}:root[data-theme=creatures] .journal-day{font-family:var(--bubble);color:#fff;border:2.5px solid var(--ink);text-shadow:var(--outline-sm);background:#c0662b;border-radius:999px;padding:.1em .75em;font-size:1.15rem;transform:rotate(3deg)}:root[data-theme=creatures] .page.journal .page-date{color:var(--bark);text-align:left}:root[data-theme=creatures] .page.journal .signature{color:#2f7d32}:root[data-theme=creatures] .page.journal .page-sticker{top:1.2rem;right:1rem;transform:rotate(8deg)}:root[data-theme=creatures] .new-sticker{color:var(--purple)}:root[data-theme=creatures] .overlay{background:#18342c80}:root[data-theme=creatures] .milestone{background:radial-gradient(circle at 50% 30%,#fff6b8 0,#fffef8 62%)}:root[data-theme=creatures] .milestone h2{color:var(--pink)}:root[data-theme=creatures] .milestone-art svg{animation:.75s cubic-bezier(.2,1.5,.4,1) both creatures-hatch}:root[data-theme=creatures] .empty{background:var(--kraft)}:root[data-theme=creatures] .panel.danger{box-shadow:none}:root[data-theme=creatures] .segmented button{box-shadow:0 3px 0 var(--ink);border-radius:999px}:root[data-theme=creatures] .tile-value{font-size:2.1rem}:root[data-theme=creatures] .tile-value.hero{white-space:nowrap;font-size:clamp(2.5rem,5vw,3rem)}:root[data-theme=creatures] .tile-value small{font-size:1.1rem}.theme-tile[data-pick-theme=creatures]{--tile:#2fa84f;--tile-ink:#2a3140;--tile-bg:#eaf7ff;--tile-font:"Titan One", "Nunito", system-ui, sans-serif;--tile-body:"Nunito", system-ui, sans-serif;font-weight:700}.theme-tile[data-pick-theme=creatures] .theme-tile-name{font-size:.98rem}.theme-tile[data-pick-theme=creatures] .theme-tile-blurb{font-size:.88rem}@keyframes creatures-wobble{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-7deg)}82%{transform:rotate(6deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}@keyframes creatures-hatch{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root[data-theme=creatures] .cover-egg,:root[data-theme=creatures] .team-row .is-egg,:root[data-theme=creatures] .creature-card.stage-0 .creature,:root[data-theme=creatures] .milestone-art svg{animation:none}}@media (prefers-reduced-motion:no-preference){:root[data-theme=creatures] .team-row li{position:relative}:root[data-theme=creatures] [data-fresh]>.creature{transform-origin:50% 100%;animation:creatures-hop .9s ease-in-out calc(.3s + min(var(--fresh-i,0), 11) * .16s) both}:root[data-theme=creatures] .team-row li[data-fresh]:after,:root[data-theme=creatures] .creature-card[data-fresh]:after{content:"";pointer-events:none;animation:creatures-sparkle 1.1s ease-out calc(.3s + min(var(--fresh-i,0), 11) * .16s) both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ffd23f' stroke='%232a3140' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M16 19Q18.42 27.58 27 30Q18.42 32.42 16 41Q13.58 32.42 5 30Q13.58 27.58 16 19Z'/%3E%3Cpath d='M84 13Q85.98 20.02 93 22Q85.98 23.98 84 31Q82.02 23.98 75 22Q82.02 20.02 84 13Z'/%3E%3Cpath d='M88 58Q89.32 62.68 94 64Q89.32 65.32 88 70Q86.68 65.32 82 64Q86.68 62.68 88 58Z'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:-14px}:root[data-theme=creatures] .creature-card[data-fresh]:after{height:124px;inset:-8px 0 auto}:root[data-theme=creatures] .creature-num{z-index:1}:root[data-theme=creatures] :is(.team-row,.creature-card) .creature-eye{transform-box:fill-box;transform-origin:50%;animation:7.3s linear infinite creatures-blink}:root[data-theme=creatures] :is(.team-row li,.creature-card):nth-child(3n+1) .creature-eye{animation-duration:8.9s;animation-delay:-2.2s}:root[data-theme=creatures] :is(.team-row li,.creature-card):nth-child(3n+2) .creature-eye{animation-duration:7.9s;animation-delay:-5.1s}:root[data-theme=creatures] :is(.team-row li,.creature-card):nth-child(4n) .creature-eye{animation-delay:-3.6s}:root[data-theme=creatures] :is(.team-row li,.creature-card):nth-child(5n) .creature-eye{animation-delay:-.7s}:root[data-theme=creatures] .new-sticker .stamp-art.pop,:root[data-theme=creatures] .stamp-row>.fresh{animation:.7s .25s both creatures-stamp}:root[data-theme=creatures] .creature.tapped{transform-origin:50% 100%;animation:.65s ease-in-out creatures-jump}:root[data-theme=creatures] :is(.team-row li,.creature-card) .creature.is-egg.tapped{transform-origin:50% 90%;animation:.65s ease-in-out creatures-jiggle}:root[data-theme=creatures] .stamp-row>.tapped{transform-origin:50% 60%;animation:.55s ease-in-out creatures-press}}@keyframes creatures-hop{0%,to{transform:none}15%{transform:scale(1.1,.88)}40%{transform:translateY(-16px)scale(.92,1.1)}58%{transform:translateY(-18px)scale(1)}78%{transform:scale(1.08,.92)}90%{transform:scale(.98,1.02)}}@keyframes creatures-sparkle{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.05)}70%{opacity:1}to{opacity:0;transform:scale(1.15)rotate(8deg)}}@keyframes creatures-blink{0%,94%,to{transform:none}96%{transform:scaleY(.12)}}@keyframes creatures-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:scale(1.6)rotate(-16deg)}45%{opacity:1;animation-timing-function:ease-out;transform:scale(.92)rotate(-3deg)}68%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:none}}@keyframes creatures-jump{0%,to{transform:none}18%{transform:scale(1.08,.9)}45%{transform:translateY(-12px)scale(.94,1.08)}75%{transform:scale(1.06,.94)}}@keyframes creatures-jiggle{0%,to{transform:none}12%{transform:rotate(-14deg)}28%{transform:rotate(12deg)}44%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}78%{transform:rotate(-3deg)}}@keyframes creatures-press{0%,to{transform:none}35%{transform:translateY(-6px)rotate(-4deg)scale(1.06)}65%{transform:translateY(1px)scale(.95)}82%{transform:scale(1.02)}}:root[data-theme=ninja]{--n-night:#1b1f3b;--n-wave:#252b58;--n-washi:#f7f0e1;--n-gold:#f2c14e;--n-gold-dark:#b8862b;--n-shadow:#0b0d1f;--n-light:#ddd8f2;--n-wood:#6b4a33;--ink:#1c1b2e;--ink-soft:#57506a;--paper:var(--n-night);--pink:#c8102e;--pink-soft:#f8d9dc;--purple:#343a8a;--purple-soft:var(--n-washi);--teal:#2f7d5b;--teal-soft:#dbeee2;--yellow:var(--n-gold);--sticky:#f3e3b5;--pencil:#9b94a8;--lvl3:#4fae6e;--lvl4:#1c1b2e;--lvl5:#e8b443;--hand:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--bubble:"Shojumaru", "M PLUS Rounded 1c", system-ui, serif;--wobble:12px;--wobble-2:12px;--outline:0 3px 0 #7a0a1c, 0 8px 18px #00000080;--outline-sm:none;--n-waves:radial-gradient(circle at 100% 150%, var(--n-night) 24%, var(--n-wave) 24%, var(--n-wave) 28%, var(--n-night) 28%, var(--n-night) 36%, var(--n-wave) 36%, var(--n-wave) 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, var(--n-night) 24%, var(--n-wave) 24%, var(--n-wave) 28%, var(--n-night) 28%, var(--n-night) 36%, var(--n-wave) 36%, var(--n-wave) 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, var(--n-wave) 10%, var(--n-night) 10%, var(--n-night) 23%, var(--n-wave) 23%, var(--n-wave) 30%, var(--n-night) 30%, var(--n-night) 43%, var(--n-wave) 43%, var(--n-wave) 50%, var(--n-night) 50%, var(--n-night) 63%, var(--n-wave) 63%, var(--n-wave) 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, var(--n-wave) 5%, var(--n-night) 5%, var(--n-night) 15%, var(--n-wave) 15%, var(--n-wave) 20%, var(--n-night) 20%, var(--n-night) 29%, var(--n-wave) 29%, var(--n-wave) 34%, var(--n-night) 34%, var(--n-night) 44%, var(--n-wave) 44%, var(--n-wave) 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, var(--n-wave) 5%, var(--n-night) 5%, var(--n-night) 15%, var(--n-wave) 15%, var(--n-wave) 20%, var(--n-night) 20%, var(--n-night) 29%, var(--n-wave) 29%, var(--n-wave) 34%, var(--n-night) 34%, var(--n-night) 44%, var(--n-wave) 44%, var(--n-wave) 49%, transparent 49%, transparent);--n-moon:radial-gradient(circle at 9% 92px, #f6ecd2 0 42px, #f6ecd229 44px 58px, transparent 60px)}:root[data-theme=ninja] body{background:var(--n-night);font-weight:500}:root[data-theme=ninja] .screen{padding-left:max(20px, env(safe-area-inset-left));color:var(--n-washi);background-color:var(--n-night);background-image:var(--n-waves);background-size:100px 50px}:root[data-theme=ninja] .home{background-image:var(--n-moon), var(--n-waves);background-repeat:no-repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,100px 50px,100px 50px,100px 50px,100px 50px,100px 50px}:root[data-theme=ninja] .bubble-title{letter-spacing:.01em;color:var(--n-gold);font-size:clamp(2.2rem,6vw,3.9rem);line-height:1.15}:root[data-theme=ninja] .bubble-title.small{font-size:clamp(1.6rem,3.6vw,2.4rem)}:root[data-theme=ninja] .cover .bubble-title{font-size:clamp(2.2rem,5vw,3.1rem)}:root[data-theme=ninja] .card .bubble-title{color:var(--pink);text-shadow:0 3px #1c1b2e26}:root[data-theme=ninja] .tagline{color:var(--n-light);letter-spacing:.04em;font-weight:800;transform:none}:root[data-theme=ninja] .card .tagline{color:var(--purple)}:root[data-theme=ninja] .owner{color:var(--n-washi);transform:rotate(-2deg)}:root[data-theme=ninja] .screen>.note,:root[data-theme=ninja] .lead,:root[data-theme=ninja] .legend,:root[data-theme=ninja] .report-sub{color:var(--n-light)}:root[data-theme=ninja] .card{color:var(--ink);background-color:var(--n-washi);border:3px solid var(--ink);box-shadow:inset 0 0 0 6px var(--n-washi), inset 0 0 0 8px #b8862b80, 0 8px 0 var(--n-shadow), 0 14px 26px #00000059;background-image:repeating-linear-gradient(100deg,#9678460d 0 2px,#0000 2px 11px);border-radius:12px}:root[data-theme=ninja] .panel.danger{box-shadow:0 8px 0 var(--n-shadow);border-style:dashed}:root[data-theme=ninja] .tape:before{background:repeating-linear-gradient(120deg, var(--pink) 0 7px, var(--n-gold) 7px 10px);border:2.5px solid var(--ink);border-radius:9px;width:104px;height:18px;top:-12px;transform:translate(-50%)}:root[data-theme=ninja] .btn{color:var(--ink);background:var(--n-gold);border:3px solid var(--ink);box-shadow:0 6px 0 var(--n-shadow);border-radius:12px}:root[data-theme=ninja] .btn:active{box-shadow:0 2px 0 var(--n-shadow);transform:translateY(4px)}:root[data-theme=ninja] .btn.pink,:root[data-theme=ninja] .btn.purple,:root[data-theme=ninja] .btn.teal{color:#fff;text-shadow:0 2px #00000059}:root[data-theme=ninja] .btn.pink{background:var(--pink)}:root[data-theme=ninja] .btn.teal{background:var(--teal)}:root[data-theme=ninja] .btn.purple{background:#3a3f86}:root[data-theme=ninja] .btn.big{padding:.6em 1.3em;font-size:clamp(1.5rem,3.2vw,2.1rem)}:root[data-theme=ninja] .btn.small{font-family:var(--hand);box-shadow:0 4px 0 var(--n-shadow);font-weight:800}:root[data-theme=ninja] .icon-btn,:root[data-theme=ninja] .back-btn{color:var(--ink);background:var(--n-washi);border:3px solid var(--ink);box-shadow:0 4px 0 var(--n-shadow)}:root[data-theme=ninja] .back-btn{font-weight:800}:root[data-theme=ninja] .grownups{color:var(--n-light);border-color:#6d6899}:root[data-theme=ninja] .grownups:after{background:#c8102e66}:root[data-theme=ninja] .sticky{color:var(--ink);background:var(--n-washi);border-top:8px solid var(--pink);box-shadow:0 6px 0 var(--n-shadow);border-radius:4px 4px 8px 8px}:root[data-theme=ninja] .sticky.pink{background:var(--n-washi);border-top-color:var(--n-gold)}:root[data-theme=ninja] .sticky.teal{background:var(--n-washi);border-top-color:var(--teal)}:root[data-theme=ninja] .sticky b{font-family:var(--hand);font-weight:800}:root[data-theme=ninja] .level-bar{border:3px solid var(--n-washi);background:#f7f0e129}:root[data-theme=ninja] .level-bar span:not(:last-child){border-right-color:var(--ink)}:root[data-theme=ninja] .level-bar .b1{background:#fbf8f0}:root[data-theme=ninja] .level-bar .b2{background:#f39a3b}:root[data-theme=ninja] .level-bar .b3{background:#4fae6e}:root[data-theme=ninja] .level-bar .b4{background:var(--ink)}:root[data-theme=ninja] .level-bar .b5{background:linear-gradient(135deg,#f8dc85,#d9a531)}:root[data-theme=ninja] .stamp{color:var(--pink);border-color:var(--pink);transform:rotate(-5deg)}:root[data-theme=ninja] .name-input{color:var(--purple);border-bottom:4px solid var(--ink)}:root[data-theme=ninja] .link-btn{color:var(--purple);font-weight:800}:root[data-theme=ninja] .theme-picker-title{color:var(--n-gold)}:root[data-theme=ninja] .card .theme-picker-title{color:var(--pink)}:root[data-theme=ninja] .today-title,:root[data-theme=ninja] .next-up h2,:root[data-theme=ninja] .dialog h2,:root[data-theme=ninja] .fix-title{color:var(--pink);text-shadow:none}:root[data-theme=ninja] .plan-step.next{background:var(--sticky);transform:none}:root[data-theme=ninja] .plan-title{font-family:var(--hand);font-weight:800}:root[data-theme=ninja] .plan-blurb{font-size:.95rem}:root[data-theme=ninja] .plan-mark{font-family:var(--hand);background:#fff;font-weight:800}:root[data-theme=ninja] .plan-step.done .plan-mark{background:var(--teal)}:root[data-theme=ninja] .between-line,:root[data-theme=ninja] .new-sticker{font-family:var(--hand);color:var(--n-gold);font-weight:800}:root[data-theme=ninja] .break-idea{transform:none}:root[data-theme=ninja] .part-name{color:var(--n-gold)}:root[data-theme=ninja] .count,:root[data-theme=ninja] .fast-count{font-family:var(--hand);color:var(--n-washi);font-weight:800}:root[data-theme=ninja] .fast-count{color:var(--n-gold)}:root[data-theme=ninja] .part-dot{border-color:var(--n-washi);background:#f7f0e133}:root[data-theme=ninja] .part-dot.done{background:var(--n-gold)}:root[data-theme=ninja] .part-dot.now{background:var(--pink)}:root[data-theme=ninja] .pencil-bar{background:var(--n-washi);border-color:var(--n-shadow);border-radius:12px}:root[data-theme=ninja] .pencil-fill{background:repeating-linear-gradient(90deg, var(--pink) 0 18px, #a10d25 18px 22px);border-right-color:var(--ink)}:root[data-theme=ninja] .q-card{color:var(--ink);background-color:var(--n-washi);box-shadow:inset 0 0 0 7px var(--n-washi), inset 0 0 0 9px #b8862b80, 0 9px 0 var(--n-shadow), 0 16px 30px #0006;background-image:repeating-linear-gradient(100deg,#9678460d 0 2px,#0000 2px 11px);border-radius:16px}:root[data-theme=ninja] .problem,:root[data-theme=ninja] .copy-row .answer-box{font-family:var(--hand);font-weight:800}:root[data-theme=ninja] .problem{font-size:clamp(2.2rem,min(10vmin,12cqi),6.6rem)}:root[data-theme=ninja] .problem.small{font-size:clamp(1.7rem,min(6.5vmin,11cqi),4rem)}:root[data-theme=ninja] .answer-box{color:var(--pink);border-bottom:6px solid var(--ink);border-radius:0 0 4px 4px}:root[data-theme=ninja] .stamp-tag{color:var(--purple);border-color:var(--purple);border-radius:6px;font-size:1.1rem;transform:rotate(-6deg)}:root[data-theme=ninja] .stamp-tag.new{color:var(--pink);border-color:var(--pink)}:root[data-theme=ninja] .show-me{color:var(--ink);background:var(--sticky);border:2.5px solid var(--ink);border-radius:10px;font-weight:800;transform:none;box-shadow:0 4px #1c1b2e59}:root[data-theme=ninja] .reveal{color:var(--pink);background:linear-gradient(#0000 35%,#f6d55c 35% 92%,#0000 92%)}:root[data-theme=ninja] .dot-array circle[fill=\#ff4fa3]{fill:var(--pink)}:root[data-theme=ninja] .dot-array circle[fill=\#19c2b0]{fill:var(--teal)}:root[data-theme=ninja] .dot-array circle[fill=\#8b5cf6]{fill:#3a3f86}:root[data-theme=ninja] .key{font-family:var(--hand);color:var(--ink);background:var(--n-washi);border:3px solid var(--ink);border-radius:14px;font-weight:800;box-shadow:0 6px #8a7a5c}:root[data-theme=ninja] .key:nth-child(2n){border-radius:14px}:root[data-theme=ninja] .key:active{background:var(--pink-soft);transform:translateY(4px);box-shadow:0 2px #8a7a5c}:root[data-theme=ninja] .key-back{background:var(--sticky)}:root[data-theme=ninja] .key-go{font-family:var(--bubble);color:#fff;background:var(--pink);text-shadow:0 2px #0000004d;font-weight:400}:root[data-theme=ninja] .burst-shape{width:min(78%,440px);fill:var(--pink);stroke:none}:root[data-theme=ninja] .burst-text{color:#fff;text-shadow:0 3px 0 var(--ink), 0 0 12px #00000059;transform:rotate(-4deg)}:root[data-theme=ninja] .burst:not(.big) .burst-shape{width:min(58%,320px);fill:var(--ink)}:root[data-theme=ninja] .burst:not(.big) .burst-text{color:var(--n-gold)}:root[data-theme=ninja] .legend-item b{font-family:var(--hand);color:var(--n-gold);font-weight:800}:root[data-theme=ninja] .dgrid{box-shadow:0 8px 0 var(--n-shadow);background:repeating-linear-gradient(#6b4a33 0 46px,#5c3f2b 46px 49px);border:4px solid #3a2619;border-radius:12px;padding:10px}:root[data-theme=ninja] .dcell{font-family:var(--hand);border-radius:6px;font-weight:800}:root[data-theme=ninja] .dcell.head{font-family:var(--hand);color:var(--n-gold);font-weight:800}:root[data-theme=ninja] .l0{background:#0003;border:2px dashed #f7f0e166}:root[data-theme=ninja] .l1{color:var(--ink-soft);background:#fbf8f0;border:2px solid #cfc7b5}:root[data-theme=ninja] .l2{color:var(--ink);border:2.5px solid var(--ink);background:#f39a3b}:root[data-theme=ninja] .l3{color:var(--ink);border:2.5px solid var(--ink);background:#4fae6e}:root[data-theme=ninja] .l4{color:#fbf8f0;background:var(--ink);border:2.5px solid var(--n-gold)}:root[data-theme=ninja] .l5{color:var(--ink);border:2.5px solid var(--ink);background:linear-gradient(135deg,#f8dc85,#d9a531)}:root[data-theme=ninja] .dcell.selected{outline:3px solid var(--n-washi)}:root[data-theme=ninja] .sparkle{color:var(--n-gold);filter:none}:root[data-theme=ninja] .l5 .sparkle{color:var(--pink);filter:none}:root[data-theme=ninja] .swatch{color:var(--n-gold)}:root[data-theme=ninja] .detail-fact{font-family:var(--hand);color:var(--pink);font-weight:800}:root[data-theme=ninja] .ninja-rack{gap:.5rem;width:min(100%,960px);padding:1.3rem 1.4rem 1.4rem;display:grid}:root[data-theme=ninja] .ninja-rack-title{font-family:var(--bubble);color:var(--pink);text-align:center;font-size:1.7rem;font-weight:400}:root[data-theme=ninja] .ninja-rack-note{color:var(--ink-soft);text-align:center;font-size:1.05rem}:root[data-theme=ninja] .ninja-pegs{background:linear-gradient(#7a4b2a,#5c3f2b) top/100% 9px no-repeat;border-radius:6px;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem .5rem;margin:.3rem 0 0;padding:1rem .4rem .2rem;list-style:none;display:grid}:root[data-theme=ninja] .ninja-peg{text-align:center;background:#1c1b2e0d;border-radius:10px;align-content:start;justify-items:center;gap:2px;padding:.35rem .2rem .5rem;display:grid}:root[data-theme=ninja] .ninja-peg.b5{background:#e8b44340}:root[data-theme=ninja] .ninja-peg svg{max-width:100%;height:auto}:root[data-theme=ninja] .ninja-peg-table{font-family:var(--hand);font-size:1.3rem;font-weight:800;line-height:1.1}:root[data-theme=ninja] .ninja-peg-belt{font-size:.95rem;font-weight:800}:root[data-theme=ninja] .ninja-peg-next{color:var(--ink-soft);font-size:.85rem;line-height:1.2}@media (width<=700px){:root[data-theme=ninja] .ninja-pegs{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-theme=ninja] .ninja-scroll{width:min(100%,680px);color:var(--ink);display:grid;position:relative}:root[data-theme=ninja] .ninja-roller{z-index:1;border:3px solid var(--ink);height:24px;box-shadow:0 5px 0 var(--n-shadow);background:linear-gradient(#5c3a20,#b07a4a 35%,#8a5a32 60%,#4a2e19);border-radius:12px;margin:0 -14px;position:relative}:root[data-theme=ninja] .ninja-roller:before,:root[data-theme=ninja] .ninja-roller:after{content:"";background:var(--n-gold);border:3px solid var(--ink);border-radius:7px;width:18px;height:30px;position:absolute;top:50%;transform:translateY(-50%)}:root[data-theme=ninja] .ninja-roller:before{left:-14px}:root[data-theme=ninja] .ninja-roller:after{right:-14px}:root[data-theme=ninja] .ninja-scroll-paper{background-color:var(--n-washi);border-right:3px solid var(--ink);border-left:3px solid var(--ink);background-image:repeating-linear-gradient(100deg,#9678460d 0 2px,#0000 2px 11px);gap:.45rem;margin:-4px 0;padding:1.7rem 2rem 1.5rem;display:grid;position:relative}:root[data-theme=ninja] .ninja-scroll.with-sticker .ninja-scroll-paper{padding-right:6.5rem}:root[data-theme=ninja] .ninja-scroll-head{border-bottom:4px solid var(--pink);border-radius:0 0 40% 10%/0 0 4px 2px;gap:.15rem;margin-bottom:.3rem;padding-bottom:.5rem;display:grid}:root[data-theme=ninja] .ninja-scroll-title{font-family:var(--bubble);color:var(--pink);font-size:2rem;font-weight:400;line-height:1.1}:root[data-theme=ninja] .ninja-scroll-day{color:var(--purple);font-size:1.1rem;font-weight:800}:root[data-theme=ninja] .ninja-scroll .entry-line{font-size:1.3rem;line-height:1.5}:root[data-theme=ninja] .ninja-seal{font-family:var(--bubble);color:var(--pink);border:3px solid var(--pink);background:#c8102e0f;border-radius:8px;justify-self:end;margin-top:.4rem;padding:.15em .55em;font-size:1.4rem;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #c8102e40}:root[data-theme=ninja] .ninja-scroll-sticker{position:absolute;top:2.4rem;right:1.3rem;transform:rotate(8deg)}:root[data-theme=ninja] .overlay{background:#080918b3}:root[data-theme=ninja] .milestone-art{background:radial-gradient(circle,#f2c14e80,#0000 68%)}:root[data-theme=ninja] .panel h2,:root[data-theme=ninja] .report-card h2{color:var(--purple)}:root[data-theme=ninja] .segmented button{font-family:var(--hand);color:var(--ink);background:#fff;border-radius:10px;font-weight:800;box-shadow:0 4px #1c1b2e59}:root[data-theme=ninja] .segmented button.on{color:#fff;background:var(--pink)}:root[data-theme=ninja] .tile{color:var(--ink);background:var(--n-washi);border:3px solid var(--ink);box-shadow:0 6px 0 var(--n-shadow)}:root[data-theme=ninja] .tile-value{font-weight:800}:root[data-theme=ninja] .tile-value.hero{white-space:nowrap;font-size:clamp(2.2rem,4.2vw,2.6rem)}:root[data-theme=ninja] .tile-value small{font-size:1rem}:root[data-theme=ninja] .chart-tip{color:var(--ink)}@media (prefers-reduced-motion:no-preference){:root[data-theme=ninja] .home{isolation:isolate}:root[data-theme=ninja] .home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#0000 0 41px,#f6ecd24d 44px,#f6ecd21a 64px,#0000 90px);border-radius:50%;width:180px;height:180px;animation:7s ease-in-out infinite alternate ninja-halo;position:absolute;top:2px;left:calc(9% - 90px)}:root[data-theme=ninja] .ninja-belt[data-fresh]{transform-origin:50% 15%;animation:ninja-belt-drop 1.3s ease-out calc(.3s + min(var(--fresh-i,0), 11) * .18s) both}:root[data-theme=ninja] .milestone-art .ninja-belt{transform-origin:50% 15%;animation:1.3s ease-out .15s both ninja-belt-drop}:root[data-theme=ninja] .milestone-list li:nth-child(2) .ninja-belt{animation-delay:.35s}:root[data-theme=ninja] .milestone-list li:nth-child(3) .ninja-belt{animation-delay:.55s}:root[data-theme=ninja] .milestone-list li:nth-child(n+4) .ninja-belt{animation-delay:.75s}:root[data-theme=ninja] .sticker-shelf>.fresh{transform-origin:50%;animation:.9s cubic-bezier(.25,.8,.35,1) .25s both ninja-spin-in}:root[data-theme=ninja] .new-sticker .sticker.pop{animation:1.1s cubic-bezier(.25,.8,.35,1) both ninja-spin-in}:root[data-theme=ninja] .dcell[data-fresh]{--fresh-glow:#f2c14ecc}:root[data-theme=ninja] .ninja-belt.tapped{transform-origin:50% 15%;animation:.75s ease-out ninja-swing}:root[data-theme=ninja] .sticker-shelf>.tapped{transform-origin:50%;animation:.6s cubic-bezier(.2,.7,.3,1) ninja-spin}}@keyframes ninja-halo{0%{opacity:.45;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes ninja-belt-drop{0%{opacity:0;transform:translateY(-34px)rotate(-6deg)}30%{opacity:1;transform:translateY(3px)rotate(0)}48%{transform:translateY(0)rotate(8deg)}66%{transform:rotate(-5deg)}84%{transform:rotate(2deg)}to{opacity:1;transform:none}}@keyframes ninja-swing{15%{transform:rotate(11deg)}35%{transform:rotate(-8deg)}55%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}}@keyframes ninja-spin{0%{transform:none}65%{transform:rotate(380deg)scale(1.12)}to{transform:rotate(360deg)}}@keyframes ninja-spin-in{0%{opacity:0;transform:translate(-40px)rotate(-720deg)scale(.3)}65%{opacity:1;transform:rotate(12deg)scale(1.1)}82%{transform:rotate(-5deg)scale(.98)}to{opacity:1;transform:none}}.theme-tile[data-pick-theme=ninja]{--tile:#f2c14e;--tile-ink:#f7f0e1;--tile-bg:#1b1f3b;--tile-font:"Shojumaru", system-ui, serif;--tile-body:"M PLUS Rounded 1c", system-ui, sans-serif;border-color:#0b0d1f;box-shadow:3px 4px #0b0d1f}@font-face{font-family:Cherry Swash;font-style:normal;font-display:swap;font-weight:700;src:url(/timesTableDiary/App/assets/cherry-swash-latin-700-normal-C5VLyFgm.woff2)format("woff2"),url(/timesTableDiary/App/assets/cherry-swash-latin-700-normal-CBrCjyr3.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(/timesTableDiary/App/assets/quicksand-latin-600-normal-DTBPeRoM.woff2)format("woff2"),url(/timesTableDiary/App/assets/quicksand-latin-600-normal-CkxN0sDw.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:700;src:url(/timesTableDiary/App/assets/quicksand-latin-700-normal-Dpk7G9Y6.woff2)format("woff2"),url(/timesTableDiary/App/assets/quicksand-latin-700-normal-HjJN-aaT.woff)format("woff")}@font-face{font-family:Princess Digits;font-style:normal;font-display:swap;font-weight:100 900;src:url(/timesTableDiary/App/assets/quicksand-latin-700-normal-Dpk7G9Y6.woff2)format("woff2");unicode-range:U+30-39}:root[data-theme=princess]{--ink:#3b1f5c;--ink-soft:#64507f;--paper:#f3ebff;--pink:#df367a;--pink-soft:#ffdcea;--purple:#6a3fb0;--purple-soft:#ece2ff;--teal:#23946a;--teal-soft:#d4f2e6;--yellow:#f4c34d;--sticky:#fff1c9;--pencil:#9d93b3;--lvl3:#f59ac4;--lvl4:#9a5ce6;--lvl5:#f4c34d;--gem:#9348d6;--gem-light:#e3cbfa;--gem-dark:#62249c;--pr-cream:#fffaf1;--pr-gold:#efc152;--pr-gold-dark:#c98f1c;--hand:"Quicksand", "Avenir Next", system-ui, sans-serif;--bubble:"Princess Digits", "Cherry Swash", Georgia, "Times New Roman", serif;--wobble:20px;--wobble-2:20px;--outline:2px 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 0 2px 0 var(--ink), 2px 0 0 var(--ink), 0 -2px 0 var(--ink), -2px 0 0 var(--ink), 4px 5px 0 var(--ink);--pr-trim:inset 0 0 0 4px var(--pr-cream), inset 0 0 0 6.5px var(--pr-gold);--pr-bunting:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='30' viewBox='0 0 96 30'%3E%3Cg stroke='%233b1f5c' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 4.2 21 6.6 12 25Z' fill='%23df367a'/%3E%3Cpath d='M27 6.6 45 4.2 36 25Z' fill='%23f4c34d'/%3E%3Cpath d='M51 4.2 69 6.6 60 25Z' fill='%239a6be0'/%3E%3Cpath d='M75 6.6 93 4.2 84 25Z' fill='%238fcbf5'/%3E%3C/g%3E%3Cpath d='M0 3Q24 10 48 3Q72 10 96 3' fill='none' stroke='%233b1f5c' stroke-width='2'/%3E%3C/svg%3E");--pr-castle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='170' viewBox='0 0 640 170'%3E%3Cpath d='M0 146Q160 108 320 138T640 126V170H0Z' fill='%23e8dcfd'/%3E%3Cg fill='%23dccafa'%3E%3Crect x='250' y='72' width='140' height='98'/%3E%3Cpath d='M250 72V60H264V72H278V60H292V72H348V60H362V72H376V60H390V72Z'/%3E%3Crect x='224' y='44' width='40' height='126'/%3E%3Cpath d='M218 46 244 12 270 46Z'/%3E%3Crect x='376' y='44' width='40' height='126'/%3E%3Cpath d='M370 46 396 12 422 46Z'/%3E%3Crect x='298' y='34' width='44' height='136'/%3E%3Cpath d='M291 36 320 0 349 36Z'/%3E%3Crect x='70' y='104' width='28' height='66'/%3E%3Cpath d='M65 106 84 80 103 106Z'/%3E%3Crect x='548' y='96' width='28' height='74'/%3E%3Cpath d='M543 98 562 72 581 98Z'/%3E%3C/g%3E%3Cpath d='M306 170V138Q320 120 334 138V170Z' fill='%23cbb4f5'/%3E%3Cg fill='%23cbb4f5'%3E%3Cpath d='M240 76V66Q244 60 248 66V76Z'/%3E%3Cpath d='M392 76V66Q396 60 400 66V76Z'/%3E%3Cpath d='M316 64V54Q320 48 324 54V64Z'/%3E%3C/g%3E%3C/svg%3E");--pr-sky:radial-gradient(circle, #fffffff2 0 1.6px, transparent 2.2px) 0 0 / 46px 46px, radial-gradient(circle, #efc1528c 0 1.4px, transparent 2px) 23px 23px / 46px 46px, repeating-linear-gradient(45deg, transparent 0 31px, #6a3fb012 31px 32.5px), repeating-linear-gradient(-45deg, transparent 0 31px, #6a3fb012 31px 32.5px);font-synthesis:none}:root[data-theme=princess] body{background:var(--paper);font-weight:600}:root[data-theme=princess] .screen{padding-top:max(40px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));background:var(--pr-sky), var(--paper);background-attachment:local}:root[data-theme=princess] .screen:before{content:"";background:var(--pr-bunting) left top / 96px 30px repeat-x;pointer-events:none;height:30px;position:absolute;top:0;left:0;right:0}:root[data-theme=princess] .welcome,:root[data-theme=princess] .home{padding-bottom:max(170px, env(safe-area-inset-bottom));background:var(--pr-castle) center bottom / 640px 170px no-repeat, var(--pr-sky), var(--paper);background-attachment:local}:root[data-theme=princess] .bubble-title{letter-spacing:.01em;color:#ffd45e;font-size:clamp(2.3rem,6vw,4rem);font-weight:700;line-height:1.08}:root[data-theme=princess] .bubble-title.small{font-size:clamp(1.6rem,3.6vw,2.4rem)}:root[data-theme=princess] .tagline{color:var(--purple);font-size:1.2rem;font-weight:700;transform:none}:root[data-theme=princess] .card{background:var(--pr-cream);border:3px solid var(--ink);box-shadow:var(--pr-trim), 5px 6px 0 var(--ink);border-radius:22px}:root[data-theme=princess] .tape:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40'%3E%3Cg stroke='%233b1f5c' stroke-linejoin='round'%3E%3Cpath d='M8 33 5 10 19 21 32 5 45 21 59 10 56 33Z' fill='%23f4c34d' stroke-width='3'/%3E%3Crect x='6' y='29' width='52' height='9' rx='2' fill='%23c98f1c' stroke-width='3'/%3E%3Ccircle cx='32' cy='21' r='4.2' fill='%23df367a' stroke-width='2'/%3E%3Ccircle cx='5' cy='9' r='3.2' fill='%23ffe7a3' stroke-width='2'/%3E%3Ccircle cx='59' cy='9' r='3.2' fill='%23ffe7a3' stroke-width='2'/%3E%3Ccircle cx='32' cy='5' r='3.6' fill='%23ffe7a3' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:64px;height:40px;top:-24px;transform:translate(-50%)}:root[data-theme=princess] .btn{letter-spacing:.01em;box-shadow:0 5px 0 var(--ink), inset 0 3px 0 #ffffff80, inset 0 -4px 0 #0000001a;background:linear-gradient(#ffdc7a,#f2b934);border-radius:999px;padding:.62em 1.3em .6em;font-size:1.35rem;font-weight:700}:root[data-theme=princess] .btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -2px 0 #0000001a;transform:translateY(4px)}:root[data-theme=princess] .btn.pink{background:linear-gradient(#f2649e,#d42c70)}:root[data-theme=princess] .btn.purple{background:linear-gradient(#8b62d8,#6537ad)}:root[data-theme=princess] .btn.teal{color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(#3dbb8b,#1f8a62)}:root[data-theme=princess] .btn.big{padding:.55em 1.35em .52em;font-size:clamp(1.45rem,3vw,2rem)}:root[data-theme=princess] .btn.small{box-shadow:0 4px 0 var(--ink), inset 0 2px 0 #ffffff73;font-size:1.05rem}:root[data-theme=princess] .icon-btn{background:var(--pr-cream);box-shadow:0 4px 0 var(--ink)}:root[data-theme=princess] .back-btn{background:var(--pr-cream);box-shadow:0 4px 0 var(--ink);font-weight:700}:root[data-theme=princess] .sticky{border:3px solid var(--ink);box-shadow:inset 0 0 0 3px #fff3cf, inset 0 0 0 5px var(--pr-gold), 0 4px 0 var(--ink);background:#fff3cf;border-radius:18px;padding:.7rem 1rem .8rem;font-size:1.05rem;font-weight:700;transform:none}:root[data-theme=princess] .sticky:nth-child(2),:root[data-theme=princess] .sticky:nth-child(3){transform:none}:root[data-theme=princess] .sticky b{color:var(--purple);font-size:2.1rem;font-weight:700}:root[data-theme=princess] .sticky.pink{box-shadow:inset 0 0 0 3px #ffe0ec, inset 0 0 0 5px #f59ac4, 0 4px 0 var(--ink);background:#ffe0ec}:root[data-theme=princess] .sticky.pink b{color:#b81f5e}:root[data-theme=princess] .sticky.teal{box-shadow:inset 0 0 0 3px #ece2ff, inset 0 0 0 5px #b89bef, 0 4px 0 var(--ink);background:#ece2ff}:root[data-theme=princess] .cover{color:#fff;box-shadow:inset 0 0 0 4px #4a2689, inset 0 0 0 6.5px var(--pr-gold), 5px 6px 0 var(--ink);background:linear-gradient(#0000 0 22%,#4f2a90 46%),radial-gradient(circle,#fff 0 1.4px,#0000 2px) 12px 18px/58px 52px,radial-gradient(circle,#ffe7a3e6 0 1.2px,#0000 1.8px) 40px 6px/74px 66px,linear-gradient(#7a4cc4,#4f2a90 46%)}:root[data-theme=princess] .stamp{color:var(--ink);background:var(--pr-gold);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:.25em .9em;font-size:1rem;transform:rotate(-3deg)}:root[data-theme=princess] .cover .tagline{color:#ffe7a3}:root[data-theme=princess] .cover-doodles{align-items:flex-end;gap:1rem}:root[data-theme=princess] .name-form label{font-weight:700}:root[data-theme=princess] .name-input{color:var(--purple);border:3px solid var(--ink);border-radius:14px;font-size:1.9rem;font-weight:700;box-shadow:inset 0 -5px #ffe7a3}:root[data-theme=princess] .pin-input{border-radius:14px;font-weight:700}:root[data-theme=princess] .cover .pin-hint{color:#ece2ff}:root[data-theme=princess] .cover .link-btn{color:#ffe7a3;font-weight:700}:root[data-theme=princess] .error{color:#b3134f;font-weight:700}:root[data-theme=princess] .cover .error{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:.2em .7em}:root[data-theme=princess] .theme-picker-title{color:var(--purple);font-weight:700}:root[data-theme=princess] .home-title{margin-top:2.4rem}:root[data-theme=princess] .owner{color:var(--purple);font-size:1.6rem;font-weight:700;transform:none}:root[data-theme=princess] .level-bar{background:#fbf1d9;border-radius:999px;height:26px}:root[data-theme=princess] .level-bar .b1{background:#cfc8db}:root[data-theme=princess] .level-bar .b2{background:repeating-linear-gradient(45deg,#fff 0 5px,#ecdcff 5px 9px)}:root[data-theme=princess] .grownups{top:max(36px, env(safe-area-inset-top));background:#fffaf1b3;border-color:#b8a6d6;font-weight:600}:root[data-theme=princess] .grownups:after{background:var(--pink-soft)}:root[data-theme=princess] .princess-treasury{color:#fff;border:3px solid var(--ink);width:min(100%,680px);box-shadow:inset 0 0 0 4px #6a3fb0, inset 0 0 0 6.5px var(--pr-gold), 5px 6px 0 var(--ink);background:radial-gradient(circle,#ffffff1f 0 1px,#0000 1.6px) 0 0/12px 12px,linear-gradient(#7b4cc6,#5a2f9e);border-radius:22px;justify-items:center;gap:.5rem;padding:.9rem 1.2rem 1rem;display:grid}:root[data-theme=princess] .treasury-title{font-family:var(--bubble);color:#ffd45e;text-shadow:var(--outline-sm);font-size:1.35rem;font-weight:700}:root[data-theme=princess] .treasury-shelf{flex-wrap:wrap;justify-content:center;gap:.4rem .6rem;display:flex}:root[data-theme=princess] .treasury-empty{text-align:center;font-weight:700}:root[data-theme=princess] .treasury-note{color:#ffe7a3;font-size:1rem;font-weight:700}:root[data-theme=princess] .today-title{font-size:1.6rem;font-weight:700}:root[data-theme=princess] .plan-step{border-radius:14px}:root[data-theme=princess] .plan-step.next{box-shadow:inset 0 0 0 2px var(--pr-gold);background:#fff1c9;transform:none}:root[data-theme=princess] .plan-mark{font-family:var(--hand);font-size:1.05rem;font-weight:700}:root[data-theme=princess] .plan-title{font-size:1.15rem;font-weight:700}:root[data-theme=princess] .plan-blurb{font-size:1rem}:root[data-theme=princess] .next-intro{font-weight:700}:root[data-theme=princess] .part-name{font-size:1.2rem;font-weight:700}:root[data-theme=princess] .part-dot{border-radius:2px;transform:rotate(45deg)scale(.92)}:root[data-theme=princess] .part-dot.now{background:var(--pr-gold)}:root[data-theme=princess] .pencil-bar{background:#fbf1d9;border-radius:999px;height:26px}:root[data-theme=princess] .pencil-fill{background:repeating-linear-gradient(-45deg,#f2649e 0 10px,#ff9cc4 10px 20px)}:root[data-theme=princess] .count{font-weight:700}:root[data-theme=princess] .q-card{background:var(--pr-cream);box-shadow:var(--pr-trim), 6px 7px 0 var(--ink);border-radius:26px}:root[data-theme=princess] .problem{font-size:clamp(2.2rem,min(10.5vmin,13cqi),7rem);font-weight:700}:root[data-theme=princess] .problem.small{font-size:clamp(1.6rem,min(6.5vmin,12cqi),4rem)}:root[data-theme=princess] .answer-box{border-bottom:5px solid var(--pr-gold);border-radius:2px}:root[data-theme=princess] .copy-row .answer-box{font-size:2.3rem}:root[data-theme=princess] .stamp-tag{color:var(--ink);background:var(--pr-gold);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:.15em .65em;font-size:1.05rem;font-weight:700;transform:rotate(-5deg)}:root[data-theme=princess] .stamp-tag.new{color:#fff;background:var(--pink);border-color:var(--ink);text-shadow:var(--outline-sm)}:root[data-theme=princess] .fast-count{color:var(--purple);font-weight:700}:root[data-theme=princess] .show-me{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff1c9;border-radius:999px;font-size:1.1rem;font-weight:700;transform:none}:root[data-theme=princess] .show-me:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}:root[data-theme=princess] .fix-title{font-size:1.75rem;font-weight:700}:root[data-theme=princess] .hint{font-size:1.3rem}:root[data-theme=princess] .hint.covered{border:2px dashed var(--pr-gold-dark);background:#fff1c9;border-radius:12px;font-weight:700;transform:none}:root[data-theme=princess] .reveal{background:linear-gradient(#0000 35%,#ffe7a3 35% 92%,#0000 92%)}:root[data-theme=princess] .copy-row{font-weight:700}:root[data-theme=princess] .dot-array circle[fill=\#ff4fa3]{fill:#df367a}:root[data-theme=princess] .dot-array circle[fill=\#19c2b0]{fill:#6a3fb0}:root[data-theme=princess] .dot-array circle[fill=\#8b5cf6]{fill:#e0a422}:root[data-theme=princess] .key{box-shadow:0 5px 0 var(--ink), inset 0 -4px 0 #6a3fb01a;background:linear-gradient(#fffdf8,#f1e8ff);border-radius:20px;font-size:clamp(1.8rem,4.3vh,2.6rem);font-weight:700}:root[data-theme=princess] .key:nth-child(2n){border-radius:20px}:root[data-theme=princess] .key-back{background:linear-gradient(#ffe7a3,#f4c34d)}:root[data-theme=princess] .key-go{color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(#f2649e,#d42c70)}:root[data-theme=princess] .key:active{background:var(--pink-soft);box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-theme=princess] .burst .burst-shape.royal-rosette{fill:#ffe08a;stroke-width:4px;width:min(78%,440px)}:root[data-theme=princess] .burst:not(.big) .burst-shape.royal-rosette{fill:#e6dbff;width:min(58%,320px)}:root[data-theme=princess] .burst-text{font-size:clamp(2.3rem,7.4vmin,4.4rem);font-weight:700;transform:rotate(-4deg)}:root[data-theme=princess] .burst:not(.big) .burst-text{color:var(--purple);font-size:clamp(1.8rem,5.6vmin,3.1rem)}:root[data-theme=princess] .between-line{font-size:1.55rem;font-weight:700}:root[data-theme=princess] .next-label{font-weight:700}:root[data-theme=princess] .next-up h2{font-size:1.95rem;font-weight:700}:root[data-theme=princess] .break-idea{font-weight:700;transform:none}:root[data-theme=princess] .lead{font-weight:600}:root[data-theme=princess] .legend{font-weight:700}:root[data-theme=princess] .legend-item b{color:var(--purple);font-weight:700}:root[data-theme=princess] .princess-crowns{justify-items:center;gap:.5rem;width:min(100%,980px);padding:1.3rem 1.2rem 1.2rem;display:grid}:root[data-theme=princess] .princess-crowns-title{font-family:var(--bubble);color:var(--pink);text-shadow:var(--outline-sm);font-size:1.6rem;font-weight:700}:root[data-theme=princess] .princess-crowns-note{max-width:34em;color:var(--ink-soft);text-align:center;font-size:1.05rem}:root[data-theme=princess] .princess-crown-list{grid-template-columns:repeat(auto-fill,minmax(min(128px,30%),1fr));gap:.6rem .5rem;width:100%;margin:.3rem 0 0;padding:0;list-style:none;display:grid}:root[data-theme=princess] .princess-crown-item{text-align:center;background:#f6efff;border:2px solid #ddd0f3;border-radius:16px;align-content:start;justify-items:center;gap:.1rem;padding:.45rem .3rem .55rem;display:grid}:root[data-theme=princess] .princess-crown-item.s3,:root[data-theme=princess] .princess-crown-item.s4,:root[data-theme=princess] .princess-crown-item.s5{border-color:var(--pr-gold);background:radial-gradient(circle at 50% 40%,#fff6d6,#fbeac0 75%)}:root[data-theme=princess] .pc-table{font-family:var(--bubble);color:var(--purple);font-size:1.25rem;font-weight:700;line-height:1}:root[data-theme=princess] .princess-crown{width:100%;max-width:120px;height:auto;display:block}:root[data-theme=princess] .pc-gem{color:var(--gem);font-size:.92rem;font-weight:700}:root[data-theme=princess] .pc-next{color:var(--ink-soft);font-size:.85rem;font-weight:600;line-height:1.2}:root[data-theme=princess] .pc-badge{color:var(--ink);background:var(--pr-gold);border:2px solid var(--ink);border-radius:999px;margin-top:.2rem;padding:.05em .6em;font-size:.8rem;font-weight:700}:root[data-theme=princess] .princess-crown-item.s1 .pc-badge,:root[data-theme=princess] .princess-crown-item.s2 .pc-badge{background:#fff}:root[data-theme=princess] .swatch{color:#fff;border-radius:7px}:root[data-theme=princess] .swatch.l0,:root[data-theme=princess] .princess-gems .gem.l0{background:#fbf1d9;border:2px dashed #b3934f}:root[data-theme=princess] .swatch.l1,:root[data-theme=princess] .princess-gems .gem.l1{color:#4a4260;background:radial-gradient(circle,#8f87a3 0 1.3px,#0000 1.8px) 2px 3px/9px 8px,#d6cfe1;border:2px solid #8f87a3}:root[data-theme=princess] .swatch.l2,:root[data-theme=princess] .princess-gems .gem.l2{color:var(--ink);background:conic-gradient(from 45deg, #fff 0 25%, var(--gem-light) 0 50%, #fff 0 75%, var(--gem-light) 0);border:2.5px solid var(--gem)}:root[data-theme=princess] .swatch.l3,:root[data-theme=princess] .swatch.l4,:root[data-theme=princess] .swatch.l5,:root[data-theme=princess] .princess-gems .gem.l3,:root[data-theme=princess] .princess-gems .gem.l4,:root[data-theme=princess] .princess-gems .gem.l5{color:#fff;background:conic-gradient(from 45deg, color-mix(in srgb, var(--gem) 70%, #fff) 0 25%, var(--gem) 0 50%, var(--gem-dark) 0 75%, var(--gem) 0);border:2.5px solid var(--ink);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink)}:root[data-theme=princess] .swatch.l4,:root[data-theme=princess] .princess-gems .gem.l4{box-shadow:0 0 6px 1px color-mix(in srgb, var(--gem) 70%, transparent)}:root[data-theme=princess] .swatch.l5,:root[data-theme=princess] .princess-gems .gem.l5{border:3px solid var(--pr-gold);box-shadow:0 0 0 1.5px var(--ink), 0 0 5px 1px #f4c34de6}:root[data-theme=princess] .princess-gems .gem{font-family:var(--hand);border-radius:9px;font-weight:700}:root[data-theme=princess] .princess-gems .dcell.head{font-weight:700}:root[data-theme=princess] .princess-gems .row-head{color:#fff;background:var(--gem);border:2px solid var(--ink);width:86%;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);border-radius:50%;justify-self:center;font-size:clamp(.8rem,2vmin,1.15rem)}:root[data-theme=princess] .princess-gems .sparkle{color:#fff;filter:none}:root[data-theme=princess] .princess-gems .l5 .sparkle{color:#ffe07a}:root[data-theme=princess] .princess-gems .dcell.selected{outline:4px solid var(--pink);outline-offset:2px;transform:scale(1.1)}:root[data-theme=princess] .fact-detail{font-weight:600}:root[data-theme=princess] .detail-fact{font-size:2.1rem;font-weight:700}:root[data-theme=princess] .detail-level{font-weight:700}:root[data-theme=princess] .royal-letter{box-shadow:inset 0 0 0 6px #fffbf3, inset 0 0 0 8px var(--pr-gold), inset 0 0 0 11px #fffbf3, inset 0 0 0 12.5px #f2d58b, 5px 6px 0 var(--ink);background:linear-gradient(90deg,#efc1521f,#0000 12% 88%,#efc1521f),#fffbf3;border-radius:10px;gap:.5rem;padding:1.6rem 2rem 1.4rem}:root[data-theme=princess] .royal-letter.with-sticker{padding-right:2rem}:root[data-theme=princess] .letter-head{border-bottom:3px double var(--pr-gold-dark);justify-items:center;gap:.15rem;padding:.2rem 0 .5rem;display:grid}:root[data-theme=princess] .letter-crest{display:block}:root[data-theme=princess] .letter-from{font-family:var(--bubble);color:var(--purple);text-align:center;font-size:clamp(1.1rem,2.6vw,1.4rem);font-weight:700}:root[data-theme=princess] .letter-meta{width:100%;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:1rem;font-weight:700;display:flex}:root[data-theme=princess] .royal-letter .page-date{color:var(--ink-soft);text-align:left;font-size:1rem}:root[data-theme=princess] .letter-no{white-space:nowrap}:root[data-theme=princess] .royal-letter .dear{color:var(--pink);margin-top:.4rem;font-size:1.8rem;font-weight:700}:root[data-theme=princess] .royal-letter .entry-line{font-size:1.28rem;line-height:1.5}:root[data-theme=princess] .letter-foot{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.6rem 1rem;margin-top:.6rem;display:flex}:root[data-theme=princess] .letter-sign{justify-items:start;padding-bottom:.4rem;display:grid}:root[data-theme=princess] .letter-close{color:var(--ink-soft);font-size:1.15rem;font-weight:700}:root[data-theme=princess] .royal-letter .signature{font-size:1.75rem;font-weight:700;transform:none}:root[data-theme=princess] .wax-seal{filter:drop-shadow(2px 3px #3b1f5c40);flex:none}:root[data-theme=princess] .royal-letter .page-sticker{margin-right:auto;position:static;transform:rotate(-6deg)}:root[data-theme=princess] .new-sticker{text-align:center;font-size:1.35rem;font-weight:700}:root[data-theme=princess] .overlay{background:#3b1f5c80}:root[data-theme=princess] .dialog h2{font-size:1.75rem;font-weight:700}:root[data-theme=princess] .milestone p{font-weight:700}:root[data-theme=princess] .milestone-art{background:radial-gradient(circle,#ffe08ab3,#0000 68%)}:root[data-theme=princess] .milestone .princess-crown{width:min(180px,44vw);max-width:none;height:auto}:root[data-theme=princess] .milestone-list .princess-crown{width:104px}:root[data-theme=princess] .milestone.many.tape:before{display:none}:root[data-theme=princess] .panel h2,:root[data-theme=princess] .report-card h2{font-size:1.4rem;font-weight:700}:root[data-theme=princess] .panel h3{font-weight:700}:root[data-theme=princess] .segmented{flex-wrap:wrap}:root[data-theme=princess] .report-card{overflow-x:auto}:root[data-theme=princess] .segmented button{font-family:var(--hand);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;font-size:1.15rem;font-weight:700}:root[data-theme=princess] .segmented button.on{background:var(--pr-gold)}:root[data-theme=princess] .text-input{border-radius:12px}:root[data-theme=princess] .tile{background:var(--pr-cream);border-radius:16px}:root[data-theme=princess] .tile-value{font-weight:700}:root[data-theme=princess] .tile-value.hero{white-space:nowrap;font-size:clamp(2.3rem,4.4vw,2.8rem)}:root[data-theme=princess] .tile-value small{font-size:1rem}:root[data-theme=princess] .data-table th{font-weight:700}@media (width<=520px){:root[data-theme=princess] .bubble-title.small{font-size:1.4rem}:root[data-theme=princess] .plan-step{grid-template-columns:2.1rem minmax(0,1fr);row-gap:0}:root[data-theme=princess] .plan-mark{grid-row:span 2}:root[data-theme=princess] .plan-blurb{text-align:left;grid-column:2;font-size:.95rem}:root[data-theme=princess] .part-name{font-size:1rem}:root[data-theme=princess] .count{white-space:nowrap;min-width:0;font-size:1.05rem}:root[data-theme=princess] .practice-top{gap:.6rem}:root[data-theme=princess] .princess-crowns{padding:1.2rem .8rem .9rem}:root[data-theme=princess] .princess-crown-item{padding:.35rem .15rem .45rem}:root[data-theme=princess] .pc-next{font-size:.78rem}:root[data-theme=princess] .pc-badge{font-size:.72rem}:root[data-theme=princess] .royal-letter{padding:1.3rem 1.2rem 1.1rem}:root[data-theme=princess] .royal-letter .entry-line{font-size:1.15rem}}@media (prefers-reduced-motion:no-preference){:root[data-theme=princess] .pencil-fill{animation:1.2s linear infinite princess-ribbon}}@keyframes princess-ribbon{to{background-position:28.28px 0}}@media (prefers-reduced-motion:no-preference){:root[data-theme=princess] .princess-crown{transform-origin:50% 90%}:root[data-theme=princess] .pc-glint,:root[data-theme=princess] .pc-twinkle{transform-box:fill-box;transform-origin:50%}:root[data-theme=princess] .princess-crown-item .princess-crown:is(.s3,.s4,.s5) .pc-twinkle{animation:9s ease-in-out infinite princess-twinkle}:root[data-theme=princess] .princess-crown-item:nth-child(3n) .princess-crown .pc-twinkle{animation-duration:11s;animation-delay:-4s}:root[data-theme=princess] .princess-crown-item:nth-child(3n+1) .princess-crown .pc-twinkle{animation-duration:13s;animation-delay:-8.5s}:root[data-theme=princess] .princess-crown-item:nth-child(4n+2) .princess-crown .pc-twinkle{animation-delay:-2.5s}:root[data-theme=princess] .princess-crown[data-fresh]{animation:princess-crown-lift 1.3s ease-in-out calc(.3s + min(var(--fresh-i,0), 11) * .22s) both}:root[data-theme=princess] .princess-crown[data-fresh] .pc-glint{animation:princess-glint .7s ease-in-out calc(.55s + min(var(--fresh-i,0), 11) * .22s) both}:root[data-theme=princess] .milestone-art .princess-crown{animation:princess-crown-land 1s cubic-bezier(.25, 1.2, .5, 1) var(--land-delay,0s) both}:root[data-theme=princess] .milestone-art .pc-glint{animation:princess-glint .65s ease-in-out calc(var(--land-delay,0s) + .75s) both}:root[data-theme=princess] .milestone-art .pc-twinkle{animation:princess-sparkle-once .6s ease-out calc(var(--land-delay,0s) + .9s) both}:root[data-theme=princess] .milestone-list li:nth-child(2){--land-delay:.15s}:root[data-theme=princess] .milestone-list li:nth-child(3){--land-delay:.3s}:root[data-theme=princess] .milestone-list li:nth-child(n+4){--land-delay:.45s}:root[data-theme=princess] .princess-gems .gem[data-fresh]{animation:princess-gem-pop .9s ease-out calc(.3s + min(var(--fresh-i,0), 40) * 60ms) both}:root[data-theme=princess] .princess-gems .gem[data-fresh]:after{content:"";z-index:2;aspect-ratio:1;pointer-events:none;width:70%;animation:princess-sparkle-once .9s ease-out calc(.3s + min(var(--fresh-i,0), 40) * 60ms) both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 .8Q10 10 19.2 10Q10 10 10 19.2Q10 10 .8 10Q10 10 10 .8Z' fill='%23fff' stroke='%233b1f5c' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;top:-30%;left:50%}:root[data-theme=princess] .new-sticker .sticker.pop{animation:1s cubic-bezier(.2,1.3,.4,1) both princess-reward-in}:root[data-theme=princess] .treasury-shelf>.fresh{animation:1s cubic-bezier(.2,1.3,.4,1) .3s both princess-treasure-in}:root[data-theme=princess] .treasury-shelf>.tapped{transform-origin:50% 85%;animation:.6s ease-in-out princess-treasure-tap}:root[data-theme=princess] .princess-crown.tapped{animation:.65s ease-out princess-crown-tilt}:root[data-theme=princess] .princess-crown.tapped .pc-glint{animation:.5s ease-in-out 80ms both princess-glint}}@keyframes princess-twinkle{0%,88%,to{opacity:0;transform:scale(.2)}92%{opacity:1;transform:scale(1.15)rotate(45deg)}96%{opacity:.9;transform:scale(.85)rotate(70deg)}}@keyframes princess-sparkle-once{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.2)rotate(45deg)}to{opacity:0;transform:scale(.5)rotate(90deg)}}@keyframes princess-glint{0%{opacity:0;transform:none}15%,80%{opacity:.75}to{opacity:0;transform:translate(165px)}}@keyframes princess-crown-lift{0%,to{transform:none}30%{transform:translateY(-5px)scale(1.04)}60%{transform:translateY(-2px)scale(1.02)}}@keyframes princess-crown-land{0%{opacity:0;transform:translateY(-36px)rotate(-8deg)}55%{opacity:1;transform:translateY(5px)rotate(2deg)}78%{transform:translateY(-2px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes princess-crown-tilt{25%{transform:translateY(-2px)rotate(-9deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes princess-gem-pop{0%,to{transform:none}35%{transform:scale(1.22)rotate(-6deg)}65%{transform:scale(.96)rotate(2deg)}}@keyframes princess-reward-in{0%{opacity:0;filter:brightness()drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(2px 3px #2a214040);transform:translateY(12px)scale(.5)}55%{opacity:1;filter:brightness(1.3)drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(2px 3px #2a214040);transform:scale(1.1)}to{opacity:1;filter:brightness()drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(2px 3px #2a214040);transform:none}}@keyframes princess-treasure-in{0%{opacity:0;transform:translateY(-24px)scale(1.2)rotate(-10deg)}55%{opacity:1;transform:translateY(2px)scale(.96)rotate(3deg)}to{opacity:1;transform:none}}@keyframes princess-treasure-tap{30%{transform:translateY(-8px)rotate(-10deg)scale(1.1)}60%{transform:translateY(-2px)rotate(6deg)}}.theme-tile[data-pick-theme=princess]{--tile:#df367a;--tile-ink:#3b1f5c;--tile-bg:radial-gradient(circle, #fffffff2 0 1.4px, transparent 2px) 0 0 / 22px 22px, linear-gradient(180deg, #f6efff, #e6d8ff);--tile-font:"Cherry Swash", Georgia, serif;--tile-body:"Quicksand", system-ui, sans-serif;--tile-size:1.15rem;border-radius:18px;box-shadow:inset 0 0 0 3px #f6efff,inset 0 0 0 5px #efc152,3px 4px #3b1f5c}.theme-tile[data-pick-theme=princess] .theme-tile-name{overflow-wrap:normal;font-weight:700}.theme-tile[data-pick-theme=princess] .theme-tile-blurb{font-weight:600}@font-face{font-family:Sniglet;font-style:normal;font-display:swap;font-weight:800;src:url(/timesTableDiary/App/assets/sniglet-latin-800-normal-Db1o7iA-.woff2)format("woff2"),url(/timesTableDiary/App/assets/sniglet-latin-800-normal-g3yqKLdc.woff)format("woff")}:root[data-theme=puppy]{--ink:#4a3226;--ink-soft:#745949;--paper:#fff6e3;--rule:transparent;--margin:transparent;--pink:#d63c30;--pink-soft:#ffdcd5;--purple:#2a6fb3;--purple-soft:#e1f0ff;--teal:#62b84f;--teal-soft:#e2f5d8;--yellow:#ffcf4a;--sticky:#fff0c4;--pencil:#a38d79;--lvl3:#9fd87f;--lvl4:#84c6f5;--lvl5:#ffc93c;--hand:"Nunito", system-ui, sans-serif;--bubble:"Sniglet", "Nunito", system-ui, sans-serif;--wobble:18px;--wobble-2:18px;--stitch:#c4945c6b;--grass:#7cc45a;--sky:linear-gradient(180deg, #cdeeff, #eef8ff);--paws:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23f1dfc4'%3E%3Cg transform='translate(16 18) rotate(-22 10 10)'%3E%3Cellipse cx='10' cy='13.5' rx='5' ry='4.3'/%3E%3Cellipse cx='3.8' cy='8.6' rx='2.2' ry='2.6'/%3E%3Cellipse cx='7.8' cy='4.4' rx='2.2' ry='2.7'/%3E%3Cellipse cx='12.2' cy='4.4' rx='2.2' ry='2.7'/%3E%3Cellipse cx='16.2' cy='8.6' rx='2.2' ry='2.6'/%3E%3C/g%3E%3Cg transform='translate(76 72) rotate(24 10 10)'%3E%3Cellipse cx='10' cy='13.5' rx='5' ry='4.3'/%3E%3Cellipse cx='3.8' cy='8.6' rx='2.2' ry='2.6'/%3E%3Cellipse cx='7.8' cy='4.4' rx='2.2' ry='2.7'/%3E%3Cellipse cx='12.2' cy='4.4' rx='2.2' ry='2.7'/%3E%3Cellipse cx='16.2' cy='8.6' rx='2.2' ry='2.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--bone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 38'%3E%3Cg fill='%234a3226' stroke='%234a3226' stroke-width='5'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='26' r='8.5'/%3E%3Ccircle cx='80' cy='12' r='8.5'/%3E%3Ccircle cx='80' cy='26' r='8.5'/%3E%3Crect x='12' y='10.5' width='68' height='17'/%3E%3C/g%3E%3Cg fill='%23fff1d6'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='26' r='8.5'/%3E%3Ccircle cx='80' cy='12' r='8.5'/%3E%3Ccircle cx='80' cy='26' r='8.5'/%3E%3Crect x='12' y='10.5' width='68' height='17'/%3E%3C/g%3E%3Cpath d='M20 16H70' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");font-synthesis:none}:root[data-theme=puppy] body{font-weight:700}:root[data-theme=puppy] .screen{padding-left:max(20px, env(safe-area-inset-left));background-color:var(--paper);background-image:var(--paws);background-size:120px 120px}:root[data-theme=puppy] .bubble-title{letter-spacing:.01em;font-size:clamp(2.3rem,5.6vw,3.9rem);line-height:1.08}:root[data-theme=puppy] .bubble-title.small{font-size:clamp(1.6rem,3.6vw,2.3rem)}:root[data-theme=puppy] .tagline{font-size:1.2rem;font-weight:800;transform:rotate(-1deg)}:root[data-theme=puppy] .card{border:3px solid var(--ink);outline:2px dashed var(--stitch);outline-offset:-10px;box-shadow:4px 6px 0 var(--ink);background:#fffdf7;border-radius:22px}:root[data-theme=puppy] .tape:before{background:var(--bone) center / contain no-repeat;width:92px;height:38px;top:-18px;transform:translate(-50%)rotate(-4deg)}:root[data-theme=puppy] .btn{letter-spacing:.01em;box-shadow:0 5px 0 var(--ink);border-radius:18px}:root[data-theme=puppy] .btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-theme=puppy] .btn.big{font-size:clamp(1.6rem,3.4vw,2.2rem)}:root[data-theme=puppy] .btn.small{box-shadow:0 4px 0 var(--ink)}:root[data-theme=puppy] .icon-btn{box-shadow:0 3px 0 var(--ink);background:#fffdf7}:root[data-theme=puppy] .back-btn{box-shadow:0 3px 0 var(--ink);background:#fffdf7;font-weight:800}:root[data-theme=puppy] .sticky{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:22px;padding:1.35rem 1rem .8rem;font-size:1.1rem;font-weight:800;position:relative}:root[data-theme=puppy] .sticky:before{content:"";background:var(--paper);border:2.5px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:7px;left:50%;transform:translate(-50%)}:root[data-theme=puppy] .sticky b{font-size:2.2rem;font-weight:800}:root[data-theme=puppy] .sticky.pink{background:#ffd9d1}:root[data-theme=puppy] .sticky.teal{background:#dcf2cf}:root[data-theme=puppy] .cover{background:linear-gradient(var(--grass), var(--grass)) left bottom / 100% 18px no-repeat, linear-gradient(180deg, #cdeeff 0, #eef8ff 40%, #fffaf0 70%)}:root[data-theme=puppy] .stamp{color:#fff;background:var(--pink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);text-shadow:var(--outline-sm);border-radius:999px;padding:.25em .9em;font-size:1.1rem;transform:rotate(-4deg)}:root[data-theme=puppy] .cover .bubble-title{font-size:clamp(2.1rem,5vw,3.1rem)}:root[data-theme=puppy] .cover .btn.big{padding:.55em 1.1em;font-size:clamp(1.45rem,3vw,1.9rem)}:root[data-theme=puppy] .cover-doodles{align-items:flex-end;gap:.4rem}:root[data-theme=puppy] .name-form label{font-weight:800}:root[data-theme=puppy] .name-input{color:var(--pink);border:3px solid var(--ink);border-radius:16px;font-size:2rem;box-shadow:inset 0 -5px #ffe7a8}:root[data-theme=puppy] .pin-input{border-radius:16px;font-weight:800}:root[data-theme=puppy] .link-btn{font-weight:800}:root[data-theme=puppy] .error{color:#b3261e;font-weight:800}:root[data-theme=puppy] .cover .error{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:.2em .7em}:root[data-theme=puppy] .theme-picker-title{color:var(--purple)}:root[data-theme=puppy] .owner{font-size:1.7rem;transform:rotate(-2deg)}:root[data-theme=puppy] .level-bar{background:#fffdf7;border-radius:999px;height:26px}:root[data-theme=puppy] .level-bar .b1{background:#f3e2cc}:root[data-theme=puppy] .level-bar .b2{background:repeating-linear-gradient(45deg,#fff 0 5px,#f0dcc2 5px 8px)}:root[data-theme=puppy] .grownups{font-weight:700}:root[data-theme=puppy] .pup-home{justify-items:center;gap:1rem;width:min(100%,900px);display:grid}:root[data-theme=puppy] .pup-row{background:var(--sky);border:3px solid var(--ink);width:100%;box-shadow:0 5px 0 var(--ink);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:.5rem .6rem 0;list-style:none;display:grid;overflow:hidden}:root[data-theme=puppy] .pup-row li{background:linear-gradient(#7cc45a,#6bb64b) 0 100%/100% 18px no-repeat,linear-gradient(#e2cfb2,#e2cfb2) left bottom 38px/100% 3px no-repeat,repeating-linear-gradient(90deg,#dcc7a8 0 1.5px,#fffaf0 1.5px 9px,#dcc7a8 9px 10.5px,#0000 10.5px 16px) left bottom 18px/100% 34px no-repeat;place-items:end center;padding:6px 0 4px;display:grid}:root[data-theme=puppy] .pup-row .pup-art{position:relative}:root[data-theme=puppy] .pup-toys{gap:.6rem;max-width:440px}:root[data-theme=puppy] .pup-home-note{color:var(--ink-soft);text-align:center;font-size:1.1rem;font-weight:800}@media (width>=560px){:root[data-theme=puppy] .pup-row{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=940px){:root[data-theme=puppy] .pup-row{grid-template-columns:repeat(12,minmax(0,1fr))}}:root[data-theme=puppy] .today-title{font-size:1.6rem}:root[data-theme=puppy] .plan-step.next{background:var(--sticky);outline-offset:-2px;outline:2px dashed #e0b45c;transform:none}:root[data-theme=puppy] .plan-mark{background:#fffdf7}:root[data-theme=puppy] .plan-step.done .plan-mark{color:#fff;background:var(--teal)}:root[data-theme=puppy] .plan-title{font-size:1.15rem}:root[data-theme=puppy] .plan-blurb{font-size:1rem;font-weight:700}:root[data-theme=puppy] .next-intro{font-weight:800}:root[data-theme=puppy] .part-name{font-size:1.2rem}:root[data-theme=puppy] .pencil-bar{background:#fffdf7;border-radius:999px;height:26px}:root[data-theme=puppy] .pencil-fill{background:radial-gradient(circle, #ffffffb3 2.6px, transparent 3.2px) 0 0 / 14px 14px, var(--pink)}:root[data-theme=puppy] .count{font-weight:800}:root[data-theme=puppy] .q-card{outline:2px dashed var(--stitch);outline-offset:-12px;box-shadow:4px 7px 0 var(--ink);background:#fffdf7;border-radius:26px}:root[data-theme=puppy] .problem{font-size:clamp(2.2rem,min(11vmin,12.6cqi),7rem)}:root[data-theme=puppy] .problem.small{font-size:clamp(1.7rem,min(7vmin,11.5cqi),4.2rem)}:root[data-theme=puppy] .answer-box{border-bottom:6px dotted var(--pink)}:root[data-theme=puppy] .copy-row .answer-box{font-size:2.4rem}:root[data-theme=puppy] .stamp-tag{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:.15em .7em;font-size:1.1rem;transform:rotate(-5deg)}:root[data-theme=puppy] .stamp-tag.new{color:#fff;background:var(--pink);text-shadow:var(--outline-sm)}:root[data-theme=puppy] .show-me{background:var(--sticky);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px;font-weight:800;transform:none}:root[data-theme=puppy] .show-me:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}:root[data-theme=puppy] .fix-title{font-size:1.8rem}:root[data-theme=puppy] .hint{font-size:1.3rem}:root[data-theme=puppy] .hint.covered{background:var(--sticky);border:2px dashed #d9b98a;border-radius:12px;font-weight:800;transform:none}:root[data-theme=puppy] .copy-row{font-weight:800}:root[data-theme=puppy] .dot-array circle[fill=\#ff4fa3]{fill:#d63c30}:root[data-theme=puppy] .dot-array circle[fill=\#19c2b0]{fill:#2a6fb3}:root[data-theme=puppy] .dot-array circle[fill=\#8b5cf6]{fill:#4fa63c}:root[data-theme=puppy] .key{box-shadow:0 5px 0 var(--ink);background:#fffdf7;border-radius:20px}:root[data-theme=puppy] .key:nth-child(2n){border-radius:20px}:root[data-theme=puppy] .key-back{background:var(--sticky)}:root[data-theme=puppy] .key-go{color:#fff;background:var(--pink)}:root[data-theme=puppy] .key:active{background:var(--sticky);box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-theme=puppy] .burst .burst-shape.bone-burst{fill:#ffe28a;width:min(90%,500px)}:root[data-theme=puppy] .burst:not(.big) .burst-shape.bone-burst{fill:#d6ecff;width:min(68%,360px)}:root[data-theme=puppy] .bone-edge{fill:var(--ink);stroke:var(--ink);stroke-width:10px}:root[data-theme=puppy] .bone-fill{stroke:none}:root[data-theme=puppy] .burst-text{font-size:clamp(2rem,6.4vmin,3.5rem);transform:rotate(-4deg)}:root[data-theme=puppy] .burst:not(.big) .burst-text{color:var(--purple);text-shadow:2px 2px #fff;font-size:clamp(1.6rem,4.8vmin,2.5rem)}:root[data-theme=puppy] .between-line{font-size:1.5rem}:root[data-theme=puppy] .next-label{font-weight:800}:root[data-theme=puppy] .next-up h2{font-size:2rem}:root[data-theme=puppy] .break-idea{font-weight:800}:root[data-theme=puppy] .lead{font-size:1.2rem}:root[data-theme=puppy] .legend{font-weight:800}:root[data-theme=puppy] .swatch{border-radius:8px}:root[data-theme=puppy] .l0{background:#fffc;border:2px dotted #cdb593}:root[data-theme=puppy] .dcell{border-radius:10px;font-weight:800}:root[data-theme=puppy] .dcell.head{color:var(--purple)}:root[data-theme=puppy] .dcell.selected{outline:3px solid var(--pink);outline-offset:2px}:root[data-theme=puppy] .sparkle,:root[data-theme=puppy] .l5 .sparkle{color:#fff;filter:none}:root[data-theme=puppy] .swatch.l4,:root[data-theme=puppy] .swatch.l5{color:#fff}:root[data-theme=puppy] .fact-detail{font-weight:700}:root[data-theme=puppy] .detail-fact{white-space:nowrap;font-size:2rem}:root[data-theme=puppy] .pup-yard{justify-items:center;gap:.4rem;width:min(100%,980px);display:grid}:root[data-theme=puppy] .pup-yard-note{color:var(--ink-soft);font-size:1.1rem;font-weight:800}:root[data-theme=puppy] .pup-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px;width:100%;margin:0;padding:26px 8px 6px;list-style:none;display:grid}@media (width>=440px){:root[data-theme=puppy] .pup-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=700px){:root[data-theme=puppy] .pup-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=960px){:root[data-theme=puppy] .pup-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}:root[data-theme=puppy] .pup-card{text-align:center;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fffdf7;border-radius:6px 6px 16px 16px;align-content:start;justify-items:center;gap:2px;padding:.7rem .45rem;display:grid;position:relative}:root[data-theme=puppy] .pup-card.stage-4{background:linear-gradient(#fffbe8,#fff1bd)}:root[data-theme=puppy] .pup-roof{width:calc(100% + 20px);height:30px;position:absolute;top:-27px;left:-10px;overflow:visible}:root[data-theme=puppy] .pup-table{font-family:var(--bubble);color:var(--ink);border:2px solid var(--ink);background:#fffdf7;border-radius:999px;padding:0 .5em;font-size:.95rem;line-height:1.4;position:absolute;top:-15px;left:50%;transform:translate(-50%)}:root[data-theme=puppy] .pup-pic{background:radial-gradient(46% 13% at 50% 93%,#cdebb8 0 96%,#0000 100%);place-items:center;width:100%;margin-top:4px;display:grid}:root[data-theme=puppy] .pup-name{font-family:var(--bubble);font-size:1.15rem;line-height:1.15}:root[data-theme=puppy] .pup-stage{color:var(--purple);font-size:.9rem;font-weight:800;line-height:1.2}:root[data-theme=puppy] .pup-card.stage-0 .pup-stage{color:var(--ink-soft)}:root[data-theme=puppy] .pup-meter{border:2px solid var(--ink);background:#f3e2cc;border-radius:999px;width:86%;height:10px;margin:3px 0 2px;display:block;overflow:hidden}:root[data-theme=puppy] .pup-meter span{background:var(--bed);height:100%;display:block}:root[data-theme=puppy] .pup-next{color:var(--ink-soft);font-size:.85rem;line-height:1.2}:root[data-theme=puppy] .scrapbook{background:radial-gradient(#ecdcc4 1.2px,#0000 1.7px) 0 0/18px 18px,#fffdf6;padding:1.5rem 1.6rem 1.2rem;display:block}:root[data-theme=puppy] .scrapbook.with-sticker{padding-right:1.6rem}:root[data-theme=puppy] .scrap-head{border-bottom:3px dotted #dcc19c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;padding-bottom:.4rem;display:flex}:root[data-theme=puppy] .scrapbook .dear{text-shadow:var(--outline-sm);font-size:clamp(1.5rem,3.4vw,2rem)}:root[data-theme=puppy] .scrap-no{font-family:var(--bubble);color:#fff;white-space:nowrap;background:var(--purple);border:2.5px solid var(--ink);border-radius:999px;align-items:center;gap:.35rem;padding:.15em .75em;font-size:1.05rem;display:inline-flex;transform:rotate(3deg)}:root[data-theme=puppy] .scrapbook .page-date{text-align:left;margin:.4rem 0 .5rem;font-weight:800}:root[data-theme=puppy] .scrap-photo{float:right;background:#fff;border:2px solid #e4d2ba;justify-items:center;margin:.3rem 0 .7rem 1.1rem;padding:8px 8px 6px;display:grid;position:relative;transform:rotate(3deg);box-shadow:2px 4px #4a32262e}:root[data-theme=puppy] .scrap-photo:before{content:"";background:repeating-linear-gradient(-45deg,#d63c3099 0 6px,#fff6e3d9 6px 12px);width:66px;height:20px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-6deg)}:root[data-theme=puppy] .scrap-photo .pup-art{background:var(--sky)}:root[data-theme=puppy] .scrap-photo figcaption{font-family:var(--bubble);font-size:.95rem}:root[data-theme=puppy] .scrapbook .entry-line{margin-bottom:.35rem;font-size:1.3rem;line-height:1.5}:root[data-theme=puppy] .scrap-foot{clear:both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:.6rem;display:flex}:root[data-theme=puppy] .scrapbook .signature{font-family:var(--hand);color:var(--ink-soft);text-align:left;font-size:1.15rem;font-weight:800;transform:none}:root[data-theme=puppy] .sig-name{font-family:var(--bubble);color:var(--pink);font-size:1.5rem}:root[data-theme=puppy] .scrapbook .page-sticker{margin-left:auto;position:static;transform:rotate(-6deg)}@media (width<=480px){:root[data-theme=puppy] .scrapbook{padding:1.3rem 1.1rem 1rem}:root[data-theme=puppy] .scrapbook .entry-line{font-size:1.15rem}}:root[data-theme=puppy] .new-sticker{font-size:1.35rem}:root[data-theme=puppy] .overlay{background:#4a322680}:root[data-theme=puppy] .dialog h2{font-size:1.8rem}:root[data-theme=puppy] .milestone p{font-weight:800}:root[data-theme=puppy] .milestone-art .pup-art{width:min(170px,44vw);height:auto}:root[data-theme=puppy] .milestone-list .pup-art{width:110px}:root[data-theme=puppy] .panel h2,:root[data-theme=puppy] .report-card h2{font-size:1.4rem}:root[data-theme=puppy] .segmented{flex-wrap:wrap}:root[data-theme=puppy] .segmented button{font-family:var(--hand);border-radius:14px;font-size:1.15rem;font-weight:800}:root[data-theme=puppy] .segmented button.on{background:var(--teal)}:root[data-theme=puppy] .text-input{border-radius:12px}:root[data-theme=puppy] .tile{border-radius:16px}:root[data-theme=puppy] .tile-value{font-weight:800}:root[data-theme=puppy] .tile-value.hero{white-space:nowrap;font-size:clamp(2.4rem,4.4vw,2.9rem)}@media (width<=480px){:root[data-theme=puppy] .practice-top{flex-wrap:wrap;row-gap:.5rem}:root[data-theme=puppy] .practice-top .pencil-bar{flex:1 0 100%;order:3}:root[data-theme=puppy] .count{min-width:0;margin-left:auto}:root[data-theme=puppy] .q-card{gap:.8rem;padding:1.2rem 1rem}:root[data-theme=puppy] .q-card:has(.fix){justify-content:safe center;padding-top:.9rem;overflow-y:auto}:root[data-theme=puppy] .q-card:has(.fix):before{display:none}:root[data-theme=puppy] .fix{gap:.45rem}:root[data-theme=puppy] .fix-title{font-size:1.25rem}:root[data-theme=puppy] .hint{font-size:1.05rem}:root[data-theme=puppy] .dot-array svg{max-height:12vh}:root[data-theme=puppy] .dot-array figcaption{font-size:.85rem}:root[data-theme=puppy] .burst-text{font-size:clamp(1.5rem,6.4vmin,3.5rem)}:root[data-theme=puppy] .burst:not(.big) .burst-text{font-size:clamp(1.3rem,4.8vmin,2.5rem)}:root[data-theme=puppy] .plan-title{font-size:1rem}:root[data-theme=puppy] .plan-blurb{font-size:.9rem}:root[data-theme=puppy] .bubble-title.small{font-size:1.4rem}:root[data-theme=puppy] .data-table{font-size:.9rem}:root[data-theme=puppy] .scrap-photo{float:none;width:fit-content;margin:.5rem auto .9rem}}@media (prefers-reduced-motion:no-preference){:root[data-theme=puppy]{--fresh-glow:#ff6b81a6}:root[data-theme=puppy] .pup-art{overflow:visible}:root[data-theme=puppy] .scrap-photo .pup-art{overflow:hidden}:root[data-theme=puppy] .pup-body{transform-box:view-box;transform-origin:50px 93px}:root[data-theme=puppy] .pup-peek{transform-box:view-box;transform-origin:50px 88px}:root[data-theme=puppy] .pup-tail{transform-box:view-box;transform-origin:63px 89px;animation:puppy-wag calc(6.5s + var(--wag,0) * .25s) ease-in-out calc(var(--wag,0) * -.9s) infinite}:root[data-theme=puppy] .pup-tail.tail-curl{transform-origin:64px 82px}:root[data-theme=puppy] .pup-tail.tail-fluff{transform-origin:70px 87px}:root[data-theme=puppy] .pup-shadow,:root[data-theme=puppy] .pup-wait{transform-box:fill-box;transform-origin:50%}:root[data-theme=puppy] .pup-heart{transform-box:fill-box;transform-origin:50% 100%}:root[data-theme=puppy] .milestone-art .pup-art{transform-origin:50% 100%;animation:puppy-arrive .9s cubic-bezier(.3, .9, .4, 1) var(--arrive,0s) both}:root[data-theme=puppy] .milestone-art .pup-heart{animation:puppy-heart 1.3s ease-out calc(var(--arrive,0s) + .45s) both}:root[data-theme=puppy] .milestone-art .pup-tail{animation:puppy-wag-fast .6s ease-in-out calc(var(--arrive,0s) + .8s) 2}:root[data-theme=puppy] .milestone-list li:nth-child(2){--arrive:.15s}:root[data-theme=puppy] .milestone-list li:nth-child(3){--arrive:.3s}:root[data-theme=puppy] .milestone-list li:nth-child(n+4){--arrive:.45s}:root[data-theme=puppy] .pup-art[data-fresh]{transform-origin:50% 100%;animation:puppy-fresh 1.3s ease-in-out calc(.4s + var(--fresh-i,0) * .2s) both}:root[data-theme=puppy] .pup-art[data-fresh] .pup-heart{animation:puppy-heart 1.3s ease-out calc(.4s + var(--fresh-i,0) * .2s) both}:root[data-theme=puppy] .pup-art[data-fresh] .pup-tail{animation:puppy-wag-fast .6s ease-in-out calc(.6s + var(--fresh-i,0) * .2s)}:root[data-theme=puppy] .new-sticker .sticker.pop{transform-origin:50% 100%;animation:.95s cubic-bezier(.3,.7,.4,1) both puppy-drop}:root[data-theme=puppy] .pup-art.tapped{animation:.7s linear puppy-tap-clock}:root[data-theme=puppy] .pup-art.tapped .pup-body{animation:.65s ease-in-out puppy-hop}:root[data-theme=puppy] .pup-art.tapped .pup-shadow{animation:.65s ease-in-out puppy-shadow}:root[data-theme=puppy] .pup-art.tapped .pup-tail{animation:.65s ease-in-out puppy-wag-fast}:root[data-theme=puppy] .pup-art.tapped .pup-peek{animation:.6s ease-in-out puppy-peek}:root[data-theme=puppy] .pup-art.tapped .pup-wait{animation:.6s ease-in-out puppy-beat}:root[data-theme=puppy] .pup-toys>.tapped{transform-origin:50% 100%;animation:.45s ease-out puppy-squeak}}@keyframes puppy-wag{0%,80%,to{transform:none}83%{transform:rotate(-16deg)}86.5%{transform:rotate(12deg)}90%{transform:rotate(-12deg)}93.5%{transform:rotate(8deg)}96.5%{transform:rotate(-3deg)}}@keyframes puppy-wag-fast{15%{transform:rotate(-20deg)}35%{transform:rotate(16deg)}55%{transform:rotate(-18deg)}75%{transform:rotate(12deg)}}@keyframes puppy-hop{18%{transform:scale(1.05,.92)}45%{transform:translateY(-11px)scale(.97,1.04)}70%{transform:scale(1.05,.94)}85%{transform:scale(.98,1.02)}}@keyframes puppy-shadow{45%{transform:scale(.7)}70%{transform:scale(1.05)}}@keyframes puppy-peek{40%{transform:translateY(-6px)rotate(-4deg)}70%{transform:translateY(1px)rotate(2deg)}}@keyframes puppy-beat{25%{transform:scale(1.15)}50%{transform:scale(.97)}70%{transform:scale(1.1)}}@keyframes puppy-heart{0%,22%{opacity:0;transform:scale(.3)}38%{opacity:1;transform:translateY(-6px)scale(1.15)}50%{transform:translateY(-9px)scale(.95)}80%{opacity:1;transform:translateY(-13px)}to{opacity:0;transform:translateY(-18px)scale(.9)}}@keyframes puppy-fresh{10%{transform:scale(1.06,.92)}24%{transform:translateY(-12%)scale(.96,1.05)}38%{transform:scale(1.05,.95)}48%{transform:translateY(-5%)}58%,to{transform:none}}@keyframes puppy-arrive{0%{opacity:0;transform:translateY(-30%)scale(.8)}45%{opacity:1;transform:scale(1.08,.9)}65%{transform:translateY(-6%)scale(.97,1.03)}82%{transform:scale(1.02,.98)}to{opacity:1;transform:none}}@keyframes puppy-drop{0%{opacity:0;transform:translateY(-60px)rotate(-10deg)}40%{opacity:1;transform:scale(1.1,.88)}55%{transform:translateY(-18px)scale(.96,1.04)}70%{transform:scale(1.05,.95)}82%{transform:translateY(-5px)}92%,to{opacity:1;transform:none}}@keyframes puppy-squeak{30%{transform:scale(1.14,.84)}60%{transform:scale(.95,1.06)}}@keyframes puppy-tap-clock{to{opacity:1}}.theme-tile[data-pick-theme=puppy]{--tile:#d63c30;--tile-ink:#4a3226;--tile-bg:linear-gradient(#7cc45a, #7cc45a) left bottom / 100% 10px no-repeat, linear-gradient(180deg, #d4efff, #fffaf0 72%);--tile-font:"Sniglet", "Nunito", system-ui, sans-serif;--tile-body:"Nunito", system-ui, sans-serif;--tile-size:1.12rem;border-radius:18px;padding-bottom:1rem}.theme-tile[data-pick-theme=puppy] .theme-tile-name{overflow-wrap:normal}.theme-tile[data-pick-theme=puppy] .theme-tile-blurb{font-weight:700}