.theme-story{height:250svh;padding:0;background:#faf9fc;position:relative}.theme-sticky{height:100svh;min-height:760px;position:sticky;top:0;padding:90px var(--edge) 40px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;overflow:hidden}.theme-story h2{font-size:clamp(48px,5vw,80px)}.theme-story-copy{position:relative;z-index:3}.theme-story-copy .section-body{font-size:24px}.theme-chapters{margin:35px 0}.theme-step{font-size:17px;line-height:2.7;color:#a2a0aa;transition:color .3s}.theme-step.active{color:#363442}.theme-step>span{font-size:11px;letter-spacing:.06em;margin-right:18px;color:#94909f}.theme-story .theme-selector{position:static;margin-top:25px}.theme-story .theme-selector button{background:#edeaf3;padding:12px 20px}.theme-story .theme-selector [aria-pressed=true]{background:#363344}.theme-story .theme-note{font-size:12px;line-height:1.7;color:#99949f;margin-top:20px}.theme-transform-stage{height:650px;width:100%;position:relative;--p:0}.theme-aura{position:absolute;inset:15%;background:#e9e5f5;filter:blur(70px);opacity:calc(.4 - var(--p)*.2);border-radius:50%}.theme-phone{width:315px;aspect-ratio:9/17;position:absolute;left:50%;top:50%;margin-left:-157.5px;margin-top:-297.5px;background:#282632;padding:8px;border-radius:42px;box-shadow:0 35px 65px #30234222,inset 0 0 0 2px #77707f;opacity:0;transform:translateY(45px) scale(.94);will-change:transform,opacity}.theme-phone-screen{width:100%;height:100%;position:relative;overflow:hidden;border-radius:35px;background:#f7f7fc;font-size:13px}.theme-screen-art{position:absolute;width:100%;height:100%;object-fit:fill}.theme-status{position:absolute;top:2%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;font-weight:650}.theme-avatar-target{position:absolute;left:4.6%;top:5.4%;width:13%;aspect-ratio:1}.theme-greeting{position:absolute;left:21%;top:7.8%;width:72%;height:7%;background:#f7f7fc}.theme-greeting small{display:block;font-size:10px;color:#8a8697;margin-bottom:6px}.theme-greeting strong{font-size:16px;letter-spacing:-.04em}.theme-chat{position:absolute;left:8%;right:8%;top:18%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9993a9}.theme-chat span{font-size:18px;color:#7870c7}.theme-task{position:absolute;left:9%;top:28%;width:36%;background:#7972e9;min-height:11%;color:#fff;display:flex;flex-direction:column;gap:8px;padding:2px 0}.theme-task small{font-size:10px;opacity:.85}.theme-task strong{font-size:18px}.theme-task>span{font-size:9px;white-space:nowrap}.theme-calendar{position:absolute;top:43.9%;left:12%;right:9%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#817c92}.theme-calendar b{background:#7770d2;color:white;border-radius:50%;padding:5px 6px}.theme-memory{position:absolute;left:17%;width:42%;display:flex;flex-direction:column;gap:12px;background:white;padding:2px 0}.theme-memory.first{top:53.9%}.theme-memory.second{top:73.5%}.theme-memory strong{font-size:13px;background:#fff;padding:3px 0;white-space:nowrap}.theme-memory>span{font-size:9px;white-space:nowrap;color:#878191;background:#f7f7fc;padding:7px 4px}.theme-memory small{font-size:9px;color:#877cca;background:#f0edff;padding:4px;border-radius:5px;width:max-content}.theme-tabbar{position:absolute;bottom:2%;left:4%;right:4%;display:flex;justify-content:space-around;align-items:center;height:7%;color:#8174cb;font-size:10px;background:white}.theme-tabbar b{border-radius:50%;background:#7b73df;color:white;width:42px;height:42px;display:grid;place-items:center;font-size:25px;font-weight:400;transform:translateY(-9px)}.theme-morph-character{position:absolute;left:0;top:0;width:440px;max-width:none;mix-blend-mode:multiply;transform-origin:top left;will-change:transform,opacity;pointer-events:none}.theme-original-mark{display:none;position:absolute;inset:40% 0;text-align:center;color:#6860b4;font-size:95px;font-weight:700}.theme-story[data-preview=simple] .theme-morph-character{visibility:hidden}.theme-story[data-preview=simple] .theme-original-mark{display:block;opacity:calc(1 - var(--theme-progress,0)*2)}.theme-scroll-hint{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:12px;color:#9690a1;opacity:calc(1 - var(--p))}@media(max-width:900px){.theme-sticky{gap:15px;padding-left:35px;padding-right:35px}.theme-phone{width:285px;margin-left:-142.5px;margin-top:-269px}.theme-story h2{font-size:50px}.theme-story-copy .section-body{font-size:20px}}@media(max-width:700px){.theme-story{height:220svh}.theme-sticky{height:100svh;min-height:760px;display:flex;flex-direction:column;justify-content:center;padding:78px 24px 20px;gap:5px}.theme-story-copy{width:100%}.theme-story h2{font-size:39px}.theme-story .eyebrow{font-size:13px;margin-bottom:10px}.theme-story-copy .section-body{font-size:16px;margin-top:15px}.theme-chapters{display:none}.theme-story .theme-selector{margin-top:15px;gap:7px}.theme-story .theme-selector button{font-size:11px;padding:8px 13px}.theme-story .theme-note{font-size:9px;margin-top:9px}.theme-transform-stage{height:440px;flex:1;min-height:390px;max-width:450px}.theme-phone{width:215px;margin-left:-107.5px;margin-top:-203px;border-radius:31px;padding:6px}.theme-phone-screen{border-radius:25px}.theme-phone-screen .theme-greeting strong{font-size:11px}.theme-greeting small,.theme-task small{font-size:7px}.theme-greeting small{margin-bottom:3px}.theme-chat{font-size:9px}.theme-task{gap:5px}.theme-task strong{font-size:12px}.theme-task>span{font-size:6px}.theme-calendar{font-size:8px}.theme-calendar b{padding:3px 4px}.theme-memory{gap:6px}.theme-memory strong{font-size:9px}.theme-memory>span,.theme-memory small{font-size:6px}.theme-tabbar{font-size:7px}.theme-tabbar b{width:29px;height:29px;font-size:20px}.theme-status{font-size:8px}.theme-scroll-hint{bottom:-8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.theme-story{height:auto}.theme-sticky{position:relative;height:auto;min-height:800px}.theme-morph-character,.theme-scroll-hint{display:none}.theme-phone{opacity:1;transform:none}}

/* Dedicated illustrations retain clear, live typography. */
.feature-illustrated{background:#eee9e1;color:#24222a}.feature-illustrated .feature-shade{background:linear-gradient(180deg,#fff6 0%,transparent 48%)}.feature-illustrated .feature-copy{color:#24222a;text-shadow:none}.feature-illustrated .feature-plus{background:#fff9;color:#302b39;backdrop-filter:blur(12px)}
.theme-morph-character{mask-image:radial-gradient(ellipse 65% 65% at 50% 53%,#000 50%,transparent 78%)}
@media(min-width:701px) and (max-height:820px){.theme-sticky{min-height:0;padding-top:85px;padding-bottom:25px}.theme-transform-stage{height:550px}.theme-story h2{font-size:58px}.theme-chapters{margin:20px 0}.theme-story-copy .section-body{font-size:21px}.theme-step{line-height:2.3}.theme-story .theme-selector{margin-top:16px}.theme-story .theme-note{margin-top:12px}}
html[lang=en] .theme-greeting strong{font-size:11px}html[lang=en] .theme-task strong{font-size:12px}html[lang=en] .theme-memory strong{font-size:11px}html[lang=en] .theme-memory>span{font-size:8px}
@media(max-width:700px){html[lang=en] .theme-greeting strong{font-size:8px}html[lang=en] .theme-task strong{font-size:9px}html[lang=en] .theme-memory strong{font-size:8px}html[lang=en] .theme-memory>span{font-size:6px}}
.theme-memory{left:12.5%;width:55%;height:17.5%;padding:10px 8px;gap:8px;background:#fff;border-radius:10px;justify-content:center}.theme-memory.first{top:50.8%}.theme-memory.second{top:70.6%}.theme-memory strong{padding:0;font-size:12px}.theme-memory>span{padding:0;background:#fff;font-size:9px}.theme-memory small{font-size:8px}.theme-scroll-hint{bottom:0;opacity:calc(1 - var(--p)*2)}
@media(max-width:700px){.theme-memory{padding:6px 5px;gap:5px}.theme-memory strong{font-size:9px}.theme-memory>span,.theme-memory small{font-size:6px}}

html[lang=en] .theme-calendar>*{font-size:0}html[lang=en] .theme-calendar>*::after{content:attr(data-day);font-size:10px}

.hero-art video{height:100%;width:100%;object-fit:cover;object-position:center}.hero-art .video-toggle{z-index:5;bottom:85px;right:28px}.hero-art:after{pointer-events:none}
.device-display.is-desktop{height:auto;min-height:0;background:#f3f2f6}.device-display.is-desktop #device-video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.device-display.is-desktop .device-copy{position:relative;inset:auto;width:100%;max-width:none;padding:40px 55px;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;color:#282631}.device-display.is-desktop .device-copy h3{font-size:36px;grid-row:2/4}.device-display.is-desktop .device-copy p{color:#696772}.device-display.is-desktop .device-copy a{color:#655bad}.device-display.is-desktop .device-video-toggle{top:22px;bottom:auto;z-index:3}.device-display [hidden]{display:none!important}
.journal-date{font:clamp(48px,5vw,86px)/1.2 Georgia,serif;color:#a29888;margin:35px 0 45px}.journal-date span{font-size:.45em;color:#b7aea0}.paper .page-prose{line-height:1.9}.glasses-hero>video{object-position:center}
@media(max-width:700px){.hero-art video{object-fit:contain;transform:translateY(20%) scale(1.3)}.device-display.is-desktop .device-copy{display:block;padding:25px}.device-display.is-desktop .device-copy h3{font-size:30px}.device-display.is-desktop .device-copy p{margin:12px 0}.journal-date{font-size:40px;margin:18px 0}.glasses-hero>video{object-fit:contain;transform:translateY(20%)}.glasses-hero:after{background:linear-gradient(#14182088,transparent)}.glasses-title{top:14%;bottom:auto}}

.theme-story[data-preview=star] .theme-morph-character{mask-image:radial-gradient(ellipse 70% 95% at 50% 50%,#000 42%,transparent 78%)}.theme-story[data-preview=star]{background:#faf8f5}
@media(min-width:701px) and (max-height:800px){.hero-copy{top:10%}.hero h1{font-size:clamp(68px,6.2vw,100px);line-height:1.08}.hero-sub{font-size:22px;margin-top:24px}.hero-bottom{bottom:22px}.hero-art .video-toggle{top:22px;bottom:auto}}
.theme-selector{flex-wrap:wrap}.theme-phone-screen{isolation:isolate}

/* Keep the book visible independently of browser video-poster behavior. */
.hero-art .hero-poster,.hero-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.hero-art .hero-poster{z-index:0}.hero-art video{z-index:1;opacity:0}.hero-art video.has-frame{opacity:1}.hero-art:after{z-index:2}.hero-art .video-toggle{z-index:3}
@media(max-width:700px){.hero-art .hero-poster,.hero-art video{object-fit:contain;transform:translateY(20%) scale(1.3)}}

/* Match the animation distance to the actual sticky panel, below navigation. */
.theme-story{--theme-nav:66px;height:260svh}.theme-sticky{top:var(--theme-nav);height:calc(100svh - var(--theme-nav));min-height:0;padding-top:30px;padding-bottom:30px;overflow:visible}.theme-transform-stage{height:min(650px,calc(100svh - 158px));min-height:0}.theme-phone{transform-origin:center center}
@media(max-width:700px){.theme-story{--theme-nav:58px;height:240svh}.theme-sticky{padding:24px 24px 16px;justify-content:flex-start;gap:12px}.theme-transform-stage{flex:1;min-height:0;height:auto;width:100%}.theme-scroll-hint{bottom:0}.theme-story h2{font-size:36px}.theme-story-copy .section-body{font-size:15px}.theme-story .theme-note{margin-top:8px}}
/* On short screens, keep readable content in normal page flow. */
@media(max-width:700px) and (max-height:740px),(min-width:701px) and (max-height:580px){.theme-story{height:auto}.theme-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.theme-transform-stage{height:440px;min-height:440px;flex:none}.theme-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.theme-story{height:auto}.theme-sticky{position:relative;top:auto;height:auto}.theme-transform-stage{height:540px;min-height:440px}}

.theme-base-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.theme-screen-art{opacity:0}.theme-story{scroll-margin-top:66px}@media(max-width:700px){.theme-story{scroll-margin-top:58px}}

.glasses-spotlight{background:#181b21;color:#fff;padding:100px var(--edge);display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:35px}.glasses-spotlight h2{font-size:clamp(40px,4.8vw,76px)}.glasses-spotlight-copy>p:not(.eyebrow){color:#b9bac3;font-size:21px;margin-top:28px}.glasses-spotlight .inline-link{color:#bdb7ff;margin-top:32px;display:inline-block}.glasses-spotlight-media{position:relative}.glasses-spotlight video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.glasses-spotlight .video-toggle{top:auto;bottom:12px;right:12px}@media(max-width:700px){.glasses-spotlight{grid-template-columns:1fr;padding:65px 24px;gap:35px}.glasses-spotlight-copy>p:not(.eyebrow){font-size:17px}}

.theme-morph-character{mix-blend-mode:normal}

/* True alpha frames share the page background; no rectangular video surface. */
.glasses-spotlight{height:210svh;padding:0;display:block;background:#181b21}.glasses-sticky{height:calc(100svh - 66px);position:sticky;top:66px;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;padding:55px var(--edge);gap:25px}.glasses-sequence{position:relative;outline-offset:8px}.glasses-sequence canvas,.glasses-sequence .sequence-poster{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:transparent}.glasses-sequence canvas{position:absolute;inset:0;opacity:0}.glasses-sequence.sequence-ready canvas{opacity:1}.glasses-sequence.sequence-ready .sequence-poster{visibility:hidden}.sequence-hint{text-align:center;color:#a2a4af;font-size:12px;margin-top:15px}.glasses-hero{background:#181b21}.glasses-hero-sequence{position:absolute;right:0;top:5%;width:65%;height:90%;display:flex;align-items:center}.glasses-hero-sequence canvas,.glasses-hero-sequence .sequence-poster{height:100%;object-fit:contain}.glasses-hero-sequence .video-toggle{top:20px;right:25px;z-index:5}.glasses-hero:after{display:none}
@media(max-width:700px){.glasses-spotlight{height:190svh}.glasses-sticky{top:58px;height:calc(100svh - 58px);grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:40px 24px 20px;gap:18px}.glasses-spotlight h2{font-size:38px}.glasses-spotlight-media{align-self:center}.glasses-hero-sequence{width:100%;height:50%;top:auto;bottom:4%}.glasses-hero-sequence .video-toggle{top:auto;bottom:8px}.glasses-hero .glasses-title{top:8%}}
@media(prefers-reduced-motion:reduce){.glasses-spotlight{height:auto}.glasses-sticky{position:relative;top:auto;min-height:600px;height:auto}}

.glasses-hero .glasses-title{width:42%}.glasses-hero .glasses-title h1{font-size:clamp(44px,5vw,80px)}
@media(max-width:700px){.glasses-hero .glasses-title{width:auto;right:24px}.glasses-hero .glasses-title h1{font-size:48px}}

/* Glasses: one reveal, then the capabilities take the stage. */
.glasses-spotlight{height:150svh}.glasses-sticky{grid-template-columns:1fr 1.3fr;padding-block:34px;gap:50px}.glasses-product{position:relative;width:100%;height:270px;margin-top:90px}.glasses-product canvas,.glasses-product .sequence-poster{height:100%;width:100%;object-fit:contain}.glasses-hud{position:absolute;top:0;left:6%;right:4%;padding:18px 22px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(120deg,#ffffff0d,#ffffff03);box-shadow:0 12px 45px #00000015;backdrop-filter:blur(18px)}.hud-label{display:block;font-size:11px;letter-spacing:.06em;color:#bbb5ff;margin-bottom:9px}.hud-title{font-size:20px;display:block;font-weight:500}.hud-description{font-size:13px;line-height:1.6;color:#aaaeb9;margin-top:7px}.glasses-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 3%}.glasses-functions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:51px;padding:10px 5px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff03;color:#b7bac5;font-size:14px;transition:background .2s,color .2s,border-color .2s}.glasses-functions button:hover{background:#ffffff0c;color:white}.glasses-functions button[aria-pressed=true]{color:#eeeaff;background:#a79aff19;border-color:#bcb0ff65}.glasses-functions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.glasses-ui-note{text-align:center;color:#777e8e;font-size:11px;margin:17px 0 0}.glasses-spotlight-media{min-width:0}
@media(max-width:900px){.glasses-sticky{gap:18px}.glasses-functions button{font-size:12px;gap:5px}}
@media(max-width:700px){.glasses-spotlight{height:auto}.glasses-sticky{position:relative;top:auto;height:auto;min-height:100svh;padding:65px 24px;gap:36px}.glasses-product{height:230px;margin-top:120px}.glasses-hud{left:0;right:0}.glasses-functions{margin:0}.glasses-functions button{font-size:13px}.glasses-spotlight-copy>p:not(.eyebrow){margin-top:20px}.glasses-spotlight .inline-link{margin-top:18px}}
@media(max-height:720px) and (min-width:701px){.glasses-product{height:205px;margin-top:100px}.glasses-functions button{min-height:44px}.glasses-hud{padding:14px 18px}}

.glasses-product canvas,.glasses-product .sequence-poster{transform:scale(1.32)}

.glasses-product{overflow:hidden}
@media(max-width:700px){.glasses-sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.glasses-functions{grid-template-columns:repeat(3,minmax(0,1fr))}.glasses-functions button{flex-direction:column;font-size:12px;min-height:64px}.glasses-hud{min-height:114px}.glasses-product{margin-top:125px}}

/* Automatic product stories: enter the viewport and let the sequence unfold. */
.glasses-spotlight{height:auto}.glasses-sticky{position:relative;top:auto;min-height:720px;height:90svh}.glasses-functions{display:none}.glasses-product{height:350px;margin:80px 0 20px}.glasses-hud{top:0;left:30%;right:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;padding:0 0 16px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.hud-visible .glasses-hud{opacity:1;transform:none}.hud-title{font-size:25px}.hud-label{font-size:16px;color:#dad6ff}.hud-description{font-size:14px;max-width:330px}.hud-leader{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#c7c1e2;stroke-width:1;opacity:0;transition:opacity .4s}.hud-leader path{stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset .7s}.hud-leader circle{fill:#e8e4ff}.hud-visible .hud-leader{opacity:.7}.hud-visible .hud-leader path{stroke-dashoffset:0}
.theme-story{height:auto!important}.theme-sticky{position:relative!important;top:auto;min-height:760px;height:100svh}.theme-morph-character{mix-blend-mode:normal;mask-image:none;border-radius:28px;object-fit:cover;aspect-ratio:1;box-shadow:0 20px 55px #342b3520}.theme-screen-art{object-fit:cover!important;height:42%!important;top:0;mask-image:linear-gradient(#000 75%,transparent)}.family-theme-avatar{position:absolute;left:5%;top:7%;width:13%;aspect-ratio:1;border-radius:50%;object-fit:cover;opacity:clamp(0,calc((var(--p) - .6)*5),1)}.theme-greeting{background:#fffffff0;border-radius:7px;padding:4px;height:auto}.theme-chat{background:#fffffff0;padding:8px;border-radius:10px}.theme-task{background:#7972e9e8;border-radius:10px;padding:8px;width:45%;left:8%}.theme-phone-screen:after{content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:#f7f7fc;z-index:-1}.theme-scroll-hint{opacity:1}.theme-screen-art{opacity:0}.theme-memory{width:74%}
@media(max-width:700px){.glasses-sticky{height:auto;min-height:0}.glasses-product{height:280px;margin-top:145px}.glasses-hud{left:12%;right:0;min-height:0}.hud-title{font-size:21px}.hud-description{font-size:13px}.hud-leader{height:100%}.theme-sticky{height:auto;min-height:850px}.theme-transform-stage{flex:none;height:470px}.theme-morph-character{border-radius:20px}}

.theme-screen-art{object-position:center top}.family-theme-avatar{object-position:center 20%}.theme-morph-character{object-position:center top}

.story-pause{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:#ffffff12;color:#aaa;z-index:5}.theme-pause{bottom:20px;background:#e8e5ed;color:#665d76}

.hud-leader{overflow:visible}.hud-leader path{stroke-dasharray:1;stroke-dashoffset:1}.hud-visible .hud-leader path{stroke-dashoffset:0}.hud-leader circle{r:2.5px}

.glasses-hud{padding:0 0 8px;top:36px;left:37%;right:auto;min-height:0}.glasses-hud .hud-title{font-size:25px;font-weight:500;letter-spacing:.02em;white-space:nowrap}@media(max-width:700px){.glasses-hud{top:55px;left:24%;right:auto;min-height:0}.glasses-hud .hud-title{font-size:22px}}

/* Photo -> generated cartoon -> live theme UI. Photos never become wallpaper. */
.theme-source-photo{position:absolute;object-fit:cover;object-position:center 20%;border-radius:24px;box-shadow:0 18px 50px #392d381a;pointer-events:none;opacity:0}.theme-morph-character{mask-image:none;box-shadow:none;border-radius:0;object-fit:contain;aspect-ratio:1;filter:drop-shadow(0 18px 25px #30213b12)}.cartoon-theme-ui{position:absolute;inset:0;background:linear-gradient(155deg,#f7f4ff,#eee9ff 45%,#faf9fe);opacity:0;padding:0 7%;font-size:12px;color:#302d40}.ct-status{font-size:9px;padding:15px 0 12px;display:flex;justify-content:space-between}.ct-header{display:flex;align-items:center;gap:9px}.ct-header>img{width:35px;height:42px;object-fit:contain}.ct-header small{display:block;font-size:9px;color:#94879f;margin-bottom:5px}.ct-header strong{font-size:15px}.ct-input{margin:18px 0 15px;padding:12px;background:#fff9;color:#92899f;border-radius:12px;display:flex;justify-content:space-between;font-size:11px}.ct-feature{height:109px;width:59%;background:#8072d9;border-radius:14px;color:white;padding:15px 10px}.ct-feature small{font-size:9px;opacity:.8}.ct-feature strong{display:block;font-size:19px;margin:10px 0}.ct-feature p{font-size:8px}.ct-companion.theme-avatar-target{position:absolute;left:auto;right:3%;top:25%;width:43%;aspect-ratio:1;object-fit:contain}.ct-week{font-size:10px;white-space:nowrap;margin:17px 0;color:#877b9e;text-align:center}.ct-week b{background:#9182d3;color:white;border-radius:50%;padding:4px}.ct-memory{position:relative;background:#fffc;border-radius:14px;padding:16px 12px;margin:12px 0;height:95px}.ct-memory strong{font-size:11px}.ct-memory p{font-size:8px;color:#918b9f;margin:9px 0}.ct-memory small{font-size:8px;background:#f1ecfc;color:#a290ba;padding:4px;border-radius:4px}.ct-memory img{position:absolute;right:4px;bottom:8px;width:29%;height:75%;object-fit:contain}.ct-nav{position:absolute;bottom:0;left:0;right:0;height:49px;display:flex;align-items:center;justify-content:space-around;font-size:9px;background:#fff;color:#9889bd}.ct-nav b{background:#8e7ddd;color:white;border-radius:50%;padding:7px 13px;font-size:23px;transform:translateY(-9px)}
@media(max-width:700px){.cartoon-theme-ui{padding:0 6%}.ct-status{font-size:7px;padding:10px 0 7px}.ct-header{gap:5px}.ct-header>img{width:24px;height:28px}.ct-header strong{font-size:10px}.ct-header small{font-size:7px;margin-bottom:3px}.ct-input{font-size:8px;margin:10px 0;padding:9px}.ct-feature{height:76px;padding:10px 8px}.ct-feature small{font-size:7px}.ct-feature strong{font-size:13px;margin:7px 0}.ct-feature p{font-size:6px}.ct-week{font-size:7px;margin:12px 0}.ct-memory{height:65px;margin:8px 0;padding:9px}.ct-memory strong{font-size:8px}.ct-memory p{font-size:6px;margin:6px 0}.ct-memory small{font-size:6px;padding:2px}.ct-nav{height:34px;font-size:7px}.ct-nav b{padding:4px 9px;font-size:17px}}