@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/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(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}:root{--cream:#fbf7f0;--lavender:#e7dcf6;--lavender-deep:#d4c0ec;--plum:#4a2068;--plum-soft:#6b3d8a;--yellow:#f6e27a;--yellow-deep:#e8ce4a;--card-white:#fff;--pink:#f7b6c8;--gold-zip:#e6b325;--danger:#b33a5a;--shadow:0 8px 24px #4a20681f;--radius-card:28px;--radius-pill:999px;--touch:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--keyboard:0px;--font-body:"Fredoka", system-ui, sans-serif;--font-display:"Fredoka", system-ui, sans-serif;color:var(--plum);background:var(--cream);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html[data-look=teens]{--cream:#fcf9f2;--lavender:#ede3f4;--lavender-deep:#e7e0e7;--plum:#392444;--plum-soft:#716978;--yellow:#f6ce6c;--yellow-deep:#e4b84a;--card-white:#fffcf8;--shadow:0 6px 16px #39244414;--radius-card:18px;--font-body:"Nunito", "Trebuchet MS", sans-serif;--font-display:"Fredoka", "Trebuchet MS", sans-serif;color:var(--plum);background:var(--cream);font-family:var(--font-body)}html[data-look=teens] :is(h1,h2,h3,.screen-title,.edit-pop-title,.field-label){font-family:var(--font-display);letter-spacing:-.025em;font-weight:500}html[data-look=teens] :is(.edit-toolbar,.edit-pop,.text-input,.text-area,.speech-bubble){border-radius:var(--radius-card)}html[data-mode=dark]{--cream:#1c1224;--lavender:#2a2033;--lavender-deep:#3a2c44;--plum:#f6f0ea;--plum-soft:#cbbfd4;--yellow:#e6c36a;--yellow-deep:#c9a24a;--card-white:#261c30;--shadow:0 8px 20px #00000059;color:var(--plum);background:var(--cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-mode=dark] :is(.edit-toolbar,.edit-pop,.speech-bubble,.icon-btn,.btn-outline,.chip,.text-input,.text-area,.code-copy){background:var(--card-white);color:var(--plum)}html[data-mode=dark] .btn-primary{color:#1c1224;background:#f6f0ea}html[data-mode=dark] :is(.edit-tool.active:not(.is-chat),.chip.active,.btn-secondary){color:#f6f0ea;background:#3d2e4a;border-color:#f6f0ea}html[data-mode=dark] :is(){border-color:var(--card-white) transparent transparent}html[data-mode=dark] .speech-bubble.tail-up:after{border-color:transparent transparent var(--card-white)}html[data-mode=dark][data-scene=picture] #root:before{content:"";pointer-events:none;z-index:0;background:#0c08128c;position:fixed;inset:0}html[data-mode=dark] :is(.edit-save,.check-in-close,.breath-modes button.is-on,.sense-steps button.is-on,.draw-pop-close,.draw-mode,.draw-example){color:#1c1224;background:#f6f0ea}html[data-mode=dark] :is(.play-card,.play-note,.play-card-breathe,.play-card-draw,.play-card-discover,.play-card-senses,.play-card-books){background:var(--card-white);color:var(--plum);border-color:#5a4568}html[data-mode=dark] :is(.play-card h2,.play-card p){color:var(--plum)}html[data-mode=dark] .book-cloth{color:#1c1224}html[data-mode=dark] .book-cloth.tone-lilac{background:#d4c4ea}html[data-mode=dark] .book-cloth.tone-cream{background:#e7d3a8}html[data-mode=dark] .breath-screen.play-scene-breathe{background:linear-gradient(#241833 0%,#1a241c 58%,#122018 100%)}html[data-mode=dark] .breath-hill{background:#1a3324}html[data-mode=dark] .breath-hill-far{background:#243028}html[data-mode=dark] .breath-screen.play-scene-draw{background:linear-gradient(#241830 0%,#2a2030 52%,#2a2218 100%)}html[data-mode=dark] .play-scene-draw .breath-hill{background:#3a2848}html[data-mode=dark] .play-scene-draw .breath-hill-far{background:#3a3024}html[data-mode=dark] :is(.breath-screen.play-scene-discover,.edit-studio.play-scene-discover){background:linear-gradient(#1c2818 0%,#163024 52%,#122418 100%)}html[data-mode=dark] :is(.breath-screen.play-scene-senses,.edit-studio.play-scene-senses){background:linear-gradient(#2a1c22 0%,#241830 100%)}html[data-mode=dark] .edit-studio.play-scene-books{background:linear-gradient(#182430 0%,#1c2030 50%,#241c18 100%)}html[data-mode=dark] :is(.draw-pop,.draw-tools,.draw-idea,.sense-card,.sense-steps button,.thanks-scores li,.thanks-award,.explore-tally,.draw-gallery-delete){background:var(--card-white);color:var(--plum)}html[data-mode=dark] .sense-circles button{color:var(--plum);background:#3d2e4a;border-color:#cbbfd4}html[data-mode=dark] .sense-circles button.is-on{color:#1c1224;background:#8ed4a4;border-color:#7dce8a}html[data-mode=dark] .draw-idea.is-on,html[data-mode=dark] .sense-steps button.is-on{box-shadow:0 0 0 2.5px #f6f0ea}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--cream);min-height:100%;margin:0}body{overscroll-behavior:none;overscroll-behavior-x:none;touch-action:pan-y;min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}.app-shell{max-width:430px;min-height:100dvh;padding:calc(16px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.companion-shell{max-width:720px;min-height:100dvh;padding:calc(28px + var(--safe-top)) calc(24px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(24px + var(--safe-left));flex-direction:column;gap:20px;margin:0 auto;display:flex}.companion-top{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.companion-mark{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:600}.companion-top h1{letter-spacing:-.02em;margin:2px 0 0;font-size:2rem;font-weight:600}.edit-studio{height:calc(100dvh - var(--keyboard));max-width:720px;min-height:0;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:0 0;gap:8px;position:relative;overflow:hidden}.edit-studio:before{content:"";inset:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));border-radius:var(--radius-card);background:var(--lavender);z-index:0;position:absolute}.edit-studio>*{z-index:1;position:relative}@media (max-width:540px){.edit-studio{max-width:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.edit-studio:before{border-radius:0;inset:0}}html[data-scene=colour],html[data-scene=colour] body,html[data-scene=colour] #root,html[data-scene=colour] .edit-studio:before{background:var(--scene-fill)}html[data-scene=picture],html[data-scene=picture] body,html[data-scene=picture] #root{background-color:var(--scene-fill,var(--cream));background-image:var(--scene-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}html[data-scene=picture] .edit-studio:before{background:0 0}html[data-title-ink=light] :is(.screen-title,.intro-title,.companion-mark,.companion-top h1,.quiet-link:not(.danger-link)){color:#fff8f0}html[data-note-ink=light] :is(.privacy-note,.intro-copy,.intro-note){color:#fff8f0;opacity:1}html[data-title-ink=light][data-scene=picture] :is(.screen-title,.intro-title,.companion-mark,.companion-top h1),html[data-note-ink=light][data-scene=picture] :is(.privacy-note,.intro-copy,.intro-note){text-shadow:0 1px 3px #140820b3}html[data-title-ink=light] :is(.card,.card-soft,.speech-bubble,.edit-pop,.paper-card,.note-list-item,.play-card,.monster-row,.modal,.check-in) :is(.screen-title,.intro-title){color:var(--plum);text-shadow:none}html[data-note-ink=light] :is(.card,.card-soft,.speech-bubble,.edit-pop,.paper-card,.note-list-item,.play-card,.monster-row,.modal,.check-in) :is(.privacy-note,.intro-copy,.intro-note){color:var(--plum);text-shadow:none;opacity:.8}html[data-title-ink=light] :is(.card,.card-soft,.speech-bubble,.edit-pop,.paper-card,.note-list-item,.play-card,.monster-row,.modal) .quiet-link:not(.danger-link){color:var(--plum-soft);text-shadow:none}html[data-intro],html[data-intro] body,html[data-intro] #root,html[data-intro] .edit-studio:before{background:var(--cream)}html[data-intro][data-title-ink][data-scene] .screen-title,html[data-intro][data-title-ink][data-scene] .intro-title{color:var(--plum);text-shadow:none}html[data-intro] .quiet-link:not(.danger-link){color:var(--plum-soft);text-shadow:none}html[data-intro][data-note-ink] .intro-copy,html[data-intro][data-note-ink] .intro-note{color:var(--plum);text-shadow:none}.bg-pick{flex-direction:column;gap:12px;min-width:0;display:flex}.bg-pictures{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;min-width:0;padding:6px 4px;display:flex;overflow-x:auto}.bg-pictures::-webkit-scrollbar{height:0;display:none}.bg-picture{background:var(--cream);width:88px;color:var(--plum);border:3px solid #4a206838;border-radius:16px;flex:none;padding:0 0 6px;font-size:.75rem;font-weight:600;line-height:1.1;overflow:hidden}.bg-picture:focus{outline:none}:is(.bg-picture.is-on,.bg-picture:focus-visible){border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--plum);outline:none}.bg-pick .paint-swatches{padding:6px 4px}.bg-pick .colour-swatch:focus{outline:none}:is(.bg-pick .colour-swatch.active,.bg-pick .colour-swatch:focus-visible){border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--plum);outline:none}.bg-picture img{object-fit:cover;object-position:center top;width:100%;height:112px;display:block}.bg-picture span{padding:6px 4px 0;display:block}.edit-studio .screen-header{width:auto;margin:8px 16px 0}.setup-done{z-index:2;margin:0 16px 4px;position:relative}.edit-save{border-radius:var(--radius-pill);background:var(--plum);color:#fff;min-height:40px;padding:0 16px;font-weight:600}.edit-save:disabled{opacity:.45}.edit-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;margin:0 auto;display:flex;overflow:visible}.edit-stage .monster-figure{width:100%;height:calc(100% - 2.2rem)}.edit-stage .monster-figure svg{width:100%;height:100%;overflow:visible}.edit-stage .look-stage{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;flex:1;align-self:stretch;gap:0;width:100%;min-width:0;height:100%;min-height:0;padding-inline:0;scroll-padding-inline:0;display:flex;overflow-x:auto}.edit-stage .look-stage::-webkit-scrollbar{height:0;display:none}.look-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;display:flex}.edit-stage .look-slide .monster-figure{pointer-events:none;width:100%;height:100%}.monster-figure{max-width:100%;max-height:100%;display:inline-flex;position:relative}.mouth-line{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;top:22%;left:0;right:0}.mouth-line .speech-bubble{margin:0}.edit-dock{flex-direction:column;flex-shrink:0;gap:10px;width:auto;min-width:0;margin:0 16px 12px;display:flex;position:relative}.edit-toolbar{box-shadow:var(--shadow);background:#fff;border-radius:24px;gap:0;padding:6px;display:flex}.edit-toolbar.is-flick{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;gap:6px;overflow-x:auto}.edit-toolbar.is-flick::-webkit-scrollbar{display:none}.edit-toolbar.is-flick .edit-tool{scroll-snap-align:center;flex:0 0 60px;height:56px}.edit-toolbar.is-flick .edit-tool svg,.edit-toolbar.is-flick .dock-icon,.edit-toolbar.is-flick .editor-icon{width:32px;height:32px}.editor-icon{object-fit:contain;pointer-events:none;display:block}.dock-icon{object-fit:contain;pointer-events:none;width:28px;height:28px;display:block}.edit-tool{border-radius:14px;flex:1;place-items:center;height:48px;display:grid}.edit-tool.active:not(.is-chat){background:var(--yellow)}.edit-tool:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:2px}.edit-toolbar.is-single{justify-content:center}.edit-toolbar.is-single .edit-tool{flex:0 0 56px}.edit-stage.home-stage,.edit-stage.name-stage{justify-content:flex-start;gap:8px;padding:4px 16px 8px;overflow:hidden}.edit-stage.home-stage .speech-bubble,.edit-stage.home-stage .privacy-note,.edit-stage.name-stage .privacy-note{flex:none}.edit-stage.home-stage .speech-bubble{margin:0 auto var(--bubble-lift,0px);max-width:min(100%,280px)}.edit-stage.home-stage .monster-figure,.edit-stage.name-stage .monster-figure{flex:auto;width:100%;height:auto;min-height:0}.edit-stage.home-stage .monster-figure svg,.edit-stage.name-stage .monster-figure svg{width:100%;height:100%;display:block}.snook-tap{width:100%;min-height:0;color:inherit;cursor:pointer;background:0 0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.snook-tap .speech-bubble{z-index:3;margin-bottom:var(--bubble-lift,0px);position:relative}.snook-tap .monster-figure{z-index:1;position:relative}.snook-tap:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:4px;border-radius:28px}.speech-bubble.tap-hint{animation:.45s cubic-bezier(.2,1.35,.4,1) speech-pop,1.8s ease-in-out .45s infinite tap-hint-bob}.edit-stage.home-stage .snook-tap .monster-figure{aspect-ratio:1.1;flex:0 auto;width:min(78%,280px);height:auto;max-height:46%}.snook-tap.is-waiting .monster-figure{animation:1.8s ease-in-out infinite snook-tap-invite}@keyframes tap-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes snook-tap-invite{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.check-in{border-radius:var(--radius-pill);background:var(--yellow);max-width:100%;color:var(--plum);flex:none;align-self:center;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.check-in p{margin:0}.check-in-close{border-radius:var(--radius-pill);background:var(--plum);color:#fff;min-height:40px;font:inherit;border:0;padding:0 14px;font-weight:600}.edit-tool.is-chat{animation:1.6s ease-in-out infinite chat-bounce}@keyframes chat-bounce{0%,65%,to{transform:translateY(0)}20%{transform:translateY(-9px)}40%{transform:translateY(0)}52%{transform:translateY(-4px)}}.edit-studio .screen-header,.edit-studio .edit-dock{z-index:2}.studio-scroll{z-index:1;flex-direction:column;flex:1;gap:14px;min-height:0;padding:4px 16px 12px;display:flex;position:relative;overflow:auto}.studio-scroll:has(.play-flick){justify-content:safe center}.studio-scroll.book-page{scrollbar-width:none;-ms-overflow-style:none}.studio-scroll.book-page::-webkit-scrollbar{width:0;height:0;display:none}.tell-compose{z-index:1;flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 16px 8px;display:flex;position:relative}.tell-compose .monster-stage{flex:none;justify-content:center;align-items:center;width:100%;height:112px;min-height:0;max-height:none;display:flex;overflow:visible}.tell-compose .monster-figure{flex:none;align-self:center;width:123px;max-width:none;height:112px;max-height:none}.tell-compose .monster-figure svg{width:100%;max-width:none;height:100%;max-height:none;display:block}.tell-compose:has(.draw-board) .monster-stage{height:84px}.tell-compose:has(.draw-board) .monster-figure{width:92px;height:84px}.tell-compose .text-area{flex:120px;min-height:96px}.tell-compose:has(.draw-board){overflow:hidden}.tell-compose .draw-board{flex:auto;min-height:0}.tell-compose>.btn{flex:none}.edit-studio .card,.edit-studio .note-list-item,.edit-studio .debrief-bubble,.edit-studio .paper-card{background:#fff}.edit-dock .mode-row{box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:0;padding:6px}.edit-pop-title{text-align:center;margin:0 0 10px;font-size:1.15rem;font-weight:600}.edit-pop{min-width:0;box-shadow:var(--shadow);transform-origin:var(--tail,50%) 100%;z-index:2;background:#fff;border-radius:20px;padding:14px;animation:.45s cubic-bezier(.2,1.35,.4,1) speech-pop;position:relative}.edit-pop>.btn{margin-top:16px}.edit-pop.no-tail:after{display:none}.code-row{align-items:center;gap:8px;display:flex}.code-row .field-label{flex:1;margin:0}.code-copy{border:2.5px solid var(--plum);width:48px;height:48px;color:var(--plum);background:#fff;border-radius:16px;flex:none;place-items:center;display:grid}.code-copy:disabled{opacity:.4}.edit-pop:after{content:"";left:var(--tail,50%);border-style:solid;border-width:12px 10px 0;border-color:var(--card-white) transparent transparent;position:absolute;bottom:-11px;transform:translate(-50%)}.screen-title{letter-spacing:-.02em;text-align:center;margin:0;font-size:2rem;font-weight:600}.screen-header{justify-content:space-between;align-items:center;min-height:48px;display:flex;position:relative}.screen-header .screen-title{text-align:center;pointer-events:none;width:max-content;max-width:calc(100% - 176px);font-size:1.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-header .icon-btn,.screen-header .edit-save{z-index:1;position:relative}.back-icon,.ideas-icon{object-fit:contain;pointer-events:none;width:26px;height:26px;display:block}.icon-btn{width:48px;height:48px;color:var(--plum);border:2.5px solid var(--plum);box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:1.8rem;font-weight:600;line-height:1;display:grid}@media (hover:hover){.icon-btn:hover{background:var(--yellow)}}.icon-btn:disabled{opacity:.35}:is(.icon-btn:focus-visible,.btn:focus-visible,.chip:focus-visible,.mode-btn:focus-visible,.quiet-link:focus-visible){outline:3px solid var(--yellow-deep);outline-offset:2px}.btn{min-height:var(--touch);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:8px;width:100%;padding:0 24px;font-size:1.15rem;font-weight:600;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--plum);color:#fff}.btn-secondary{background:var(--yellow);color:var(--plum)}.btn-outline{color:var(--plum);border:2.5px solid var(--plum);background:#fff}a.btn{text-decoration:none}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--lavender);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}.card-soft{background:#f3ebfb;border-radius:22px;padding:16px}.book-shelf-list{flex-direction:column;gap:14px;display:flex}.book-shelf-list .play-card{flex:none;width:100%}.book-shelf-list .play-icon{aspect-ratio:1;width:min(240px,78%);height:auto;overflow:hidden}.book-shelf-list .play-card h2{margin-top:10px}.play-flick{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;align-items:stretch;gap:14px;margin:0 -16px;padding:4px 16px 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.play-flick::-webkit-scrollbar{height:0;display:none}.play-card{scroll-snap-align:center;text-align:center;border:2.5px solid var(--plum);box-shadow:var(--shadow);background:#fff;border-radius:28px;flex-direction:column;flex:0 0 min(280px,78%);align-items:center;gap:10px;padding:22px 18px 18px;display:flex}.play-card h2{color:var(--plum);margin:0;font-size:1.35rem;line-height:1.2}.play-card p{color:var(--plum);margin:0;line-height:1.4}.play-card .btn{margin-top:auto}.play-icon{flex:none;place-items:center;width:min(200px,72%);height:168px;display:grid}.play-icon img{object-fit:contain;width:100%;height:100%;display:block}.play-card .btn:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:2px}.play-note{box-shadow:var(--shadow);background:#fff;border-radius:22px;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;display:flex}.play-note strong{font-size:1.15rem}.play-note span{line-height:1.35}.book-cloth{background:var(--yellow);width:100%;height:100%;color:var(--plum);text-align:center;border-radius:18px;place-items:center;padding:12px;font-weight:700;line-height:1.15;display:grid}.book-cloth.tone-lilac{background:var(--lavender)}.book-cloth.tone-pink{background:var(--pink)}.book-cloth.tone-cream{background:#fff6e4}.book-page{flex-direction:column;gap:14px;width:min(440px,100%);margin:0 auto;padding-bottom:28px;display:flex}.book-page>p,.book-page>ul{margin:0}.book-page>p+p,.book-page>p+ul,.book-page>ul+p{margin-top:1.1em}.book-page h2,.book-line{text-align:center;margin:0}.book-page p{margin:0}.book-page strong{color:var(--plum);font-weight:700}.book-page-cover{width:min(240px,72%);margin:0 auto}.book-page-cover img,.book-page-cover .book-cloth{object-fit:contain;border-radius:18px;width:100%;height:auto;min-height:220px}.book-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.book-tags span{background:var(--card-white);color:var(--plum);border-radius:999px;padding:6px 12px;font-size:.9rem}.book-page ul{flex-direction:column;gap:8px;margin:0;padding-left:1.2rem;display:flex}.book-store-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.book-store-badges .privacy-note{text-align:center;flex-basis:100%}.edition-badge{color:#827086;background:#fffcf7;border:1px solid #d8cbd5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:148px;min-height:92px;padding:10px 12px;font-size:.8rem;display:flex}.edition-badge img{object-fit:contain;width:112px;height:40px}.breath-screen{z-index:30;background:linear-gradient(#f6edff 0%,#f4f7ee 42%,#d9f0dc 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.play-scene-breathe{background:radial-gradient(circle at 78% 16%,#fffffff2 0 34px,#0000 40px),linear-gradient(#efe6ff 0%,#f4f7ee 46%,#d7f0dc 100%)}.play-scene-draw{background:radial-gradient(circle at 8% 72%,#f08a7a8c 0 46px,#0000 50px),radial-gradient(circle at 92% 22%,#7a52c866 0 34px,#0000 38px),radial-gradient(circle at 78% 92%,#f6e27ad9 0 64px,#0000 70px),linear-gradient(#f6f0ff 0%,#fff8ee 52%,#f4e2c4 100%)}.play-scene-draw .breath-hill{background:#ead8f6}.play-scene-draw .breath-hill-far{background:#f8e7c4}.breath-screen.play-scene-discover,.edit-studio.play-scene-discover,.edit-studio.play-scene-discover:before{background:radial-gradient(circle at 86% 28%,#fff3a4 0 34px,#0000 40px),radial-gradient(at 12% 92%,#78b0608c 0 90px,#0000 96px),linear-gradient(#eef8d4 0%,#d9f3e4 48%,#c5e6b4 100%)}.breath-screen.play-scene-senses,.edit-studio.play-scene-senses,.edit-studio.play-scene-senses:before{background:radial-gradient(circle at 12% 46%,#f7b6c8f2 0 64px,#0000 70px),radial-gradient(circle at 88% 42%,#f6e27af2 0 58px,#0000 64px),radial-gradient(circle at 18% 88%,#bee0fff2 0 70px,#0000 76px),radial-gradient(circle at 84% 86%,#c4e8c4f2 0 64px,#0000 70px),linear-gradient(#fff4ee 0%,#f7eefc 100%)}.edit-studio.play-scene-books,.edit-studio.play-scene-books:before{background:radial-gradient(circle at 80% 12%,#fff4b0 0 42px,#0000 48px),linear-gradient(#d5ebff 0%,#eef6ff 46%,#f8efe2 100%)}.play-card-breathe{background:linear-gradient(#e5f6ea 0%,#fff 52%)}.play-card-draw{background:linear-gradient(#f1e6ff 0%,#fff 52%)}.play-card-discover{background:linear-gradient(#e7f6c8 0%,#fff 52%)}.play-card-senses{background:linear-gradient(#ffe8df 0%,#fff 52%)}.play-card-books{background:linear-gradient(#dceeff 0%,#fff 52%)}.breath-hill{z-index:0;pointer-events:none;background:#cfead4;border-radius:50% 50% 0 0;height:34%;position:absolute;bottom:-8%;left:-18%;right:-18%}.breath-hill-far{background:#e3f4e4;height:28%;bottom:8%}.breath-layout{z-index:1;text-align:center;width:min(480px,100%);min-height:0;padding:calc(8px + var(--safe-top)) calc(16px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(16px + var(--safe-left));flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex;position:relative}.breath-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.breath-foot{flex-direction:column;align-items:center;width:100%;display:flex}.breath-modes{justify-content:center;gap:8px;margin-top:14px;display:flex}.breath-modes button{border:2px solid var(--plum);background:0 0;border-radius:999px;min-height:40px;padding:0 16px;font-weight:600}.breath-modes button.is-on{background:var(--plum);color:#fff}.breath-top{grid-template-columns:48px 1fr 48px;align-items:center;width:100%;min-height:48px;display:grid}.breath-top .icon-btn{flex:none}.breath-finish:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:2px}.breath-mark{justify-content:center;align-items:flex-start;gap:2px;margin:0;font-size:1.55rem;font-weight:600;display:inline-flex}.breath-spark{fill:#7dce8a;margin-top:2px}.breath-title{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:600;line-height:1.1}.breath-lead,.breath-pace,.breath-stop{margin:4px 0 0;line-height:1.3}.breath-lead{font-size:1.15rem}.breath-scene{justify-content:center;align-items:center;width:100%;margin:12px 0 4px;display:flex;position:relative}.breath-snook{transform:scale(calc(.94 + var(--breath) * .1));place-items:center;display:grid;position:relative}.breath-glow{z-index:3;width:calc(108px + var(--breath) * 64px);height:calc(108px + var(--breath) * 64px);pointer-events:none;background:radial-gradient(circle,#d2ffd6f2 0%,#8ee0a88c 46%,#8ee0a800 72%);border-radius:50%;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #96dcaa8c}.breath-arrows{z-index:4;width:min(340px,100%);height:auto;transform:translate(-50%, -50%) scale(calc(.82 + var(--breath) * .28));fill:none;stroke:#8ed4a4;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:66%;left:50%}.breath-snook svg[data-look]{z-index:2;position:relative}.breath-bar{background:#ffffffb8;border-radius:999px;width:min(260px,86%);height:16px;margin-top:12px;overflow:hidden;box-shadow:0 0 0 2px #4a20681f,0 0 16px #a8e0b073}.breath-bar span{border-radius:inherit;background:linear-gradient(90deg,#e7f8cf,#8ed4a4);height:100%;display:block;box-shadow:0 0 14px #8ed4a4f2}.breath-flower{z-index:1;position:absolute;bottom:10%}.breath-flower-left{left:10%}.breath-flower-right{bottom:16%;right:12%}.breath-cue{letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:600}.breath-pace{color:var(--plum-soft);font-size:1.05rem}.breath-pause{width:min(100%,320px);margin-top:16px}.breath-finish{text-underline-offset:4px;min-height:44px;margin-top:12px;padding:8px 12px;font-size:1.15rem;font-weight:600;text-decoration:underline}.breath-stop{opacity:.75;margin-bottom:4px;font-size:.95rem}.sense-layout,.sense-body,.sense-steps,.sense-card{scrollbar-width:none;overflow:hidden}.sense-body{justify-content:flex-start;min-height:0}.sense-steps{gap:6px;width:100%;margin:12px 0 0;display:flex}.sense-steps button{border:2px solid var(--plum);min-width:0;min-height:36px;color:var(--plum);white-space:nowrap;background:#fff;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 4px;font-size:.72rem;font-weight:600;display:inline-flex}.sense-steps button.is-on{background:var(--plum);color:#fff}.sense-card{border:2.5px solid var(--plum);background:#fffef8;border-radius:24px;flex-direction:column;flex:1;width:100%;min-height:0;margin-top:12px;padding:16px 14px 12px;display:flex}.sense-card h2{letter-spacing:-.02em;margin:0;font-size:1.35rem;line-height:1.25}.sense-card p{margin:8px 0 0;line-height:1.35}.sense-circles{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.sense-circles button{background:#f3eaff;border:3px solid #c9b6e4;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.sense-circles button.is-on{background:#8ed4a4;border-color:#7dce8a}.sense-circles button:disabled{opacity:.4}.sense-count{font-weight:600}.sense-meadow{flex:auto;justify-content:center;align-items:flex-end;min-height:0;margin-top:4px;display:flex;position:relative;overflow:hidden}.sense-stand{aspect-ratio:220/200;max-width:100%;height:100%;position:relative}.sense-stand:before{content:"";z-index:0;background:#d7f0dc;border-radius:50%;width:92%;height:18%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sense-stand .monster-figure{width:100%;max-width:none;height:100%;max-height:none;display:block}.sense-stand svg{z-index:1;transform-origin:50% 93.5%;width:100%;height:100%;display:block;position:relative;transform:scale(.96)}.sense-stand svg>ellipse{display:none}.sense-stand .snook-pupil{transform-box:fill-box;transform-origin:50%;animation:5.6s ease-in-out infinite sense-glance}@keyframes sense-glance{0%,to{transform:translate(0)}24%{transform:translate(-7px,2px)}52%{transform:translate(8px,-1px)}76%{transform:translate(-2px,4px)}}@media (prefers-reduced-motion:reduce){.sense-stand .snook-pupil{animation:none}}.sense-thanks{justify-content:center}.sense-thanks .sense-meadow{flex:none;width:min(330px,93%);height:300px;margin:16px auto 8px}.sense-thanks .sense-stand svg{transform:scale(.82)}.thanks-scores{gap:8px;width:min(100%,320px);margin:14px 0 0;padding:0;list-style:none;display:flex}.thanks-scores li{border:2px solid var(--plum);min-width:0;color:var(--plum);background:#fffef8;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 10px;display:flex}.thanks-scores strong{font-size:1.45rem;line-height:1.1}.thanks-scores span{font-size:.85rem;font-weight:600}.thanks-scores-wide span{font-size:.68rem}.thanks-scores-wide li{padding:6px 2px 8px}.thanks-kicker{letter-spacing:.06em;text-transform:uppercase;margin:12px 0 0;font-size:.78rem;font-weight:700}.thanks-award{border:2px solid var(--plum);width:min(100%,320px);color:var(--plum);text-align:center;background:#fffef8;border-radius:16px;margin:8px 0 0;padding:10px 12px;font-weight:700}.thanks-scores svg{width:22px;height:22px}.sense-note{font-weight:600}.sense-next{width:min(100%,320px);margin-top:12px}.explore-card .sense-meadow{max-height:230px}.explore-card .sense-stand{height:min(100%,210px)}.explore-tally{min-width:28px;height:28px;color:var(--plum);background:#fff;border-radius:999px;padding:0 8px;font-size:.95rem;line-height:28px}.explore-again{width:min(100%,320px);margin-top:8px}.draw-body{justify-content:flex-start;min-height:0}.draw-stage{flex:1;width:100%;min-height:0;margin-top:8px;display:flex}.draw-layout .draw-board{flex:1;min-height:0}.draw-layout .draw-canvas-wrap{height:auto;min-height:120px}.draw-layout .breath-top{z-index:6;position:relative}.draw-canvas-wrap canvas{z-index:1}.draw-trace{z-index:0;pointer-events:none;width:84%;height:84%;position:absolute;inset:8%}.draw-trace.is-soft{opacity:.4}.draw-pop-shade{z-index:4;background:0 0;border:0;position:absolute;inset:0}.draw-pop{z-index:5;top:calc(64px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));border:2.5px solid var(--plum);max-height:min(440px,68%);box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:24px;padding:12px 14px 16px;position:absolute;overflow:auto}.draw-pop-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.draw-pop-head .draw-pop-title{margin:0}.draw-pop-close{background:var(--plum);color:#fff;border-radius:999px;flex:none;min-height:36px;padding:0 14px;font-size:.95rem;font-weight:600}.draw-pop-title,.draw-empty{margin:0 0 8px;font-weight:600}.draw-empty{font-weight:400}.draw-ideas{grid-template-columns:1fr 1fr;gap:8px;display:grid}.draw-idea{background:#f7f1ff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:132px;padding:8px;font-weight:600;display:flex}.draw-idea.is-on{box-shadow:0 0 0 2.5px var(--plum)}.draw-ideas .draw-idea:first-child{grid-column:1/-1;min-height:48px}.draw-idea-art{object-fit:contain;width:100%;height:88px}.draw-gallery{grid-template-columns:1fr 1fr;gap:10px;display:grid}.draw-gallery-item{position:relative}.draw-gallery-item>button:first-child{color:var(--plum);background:0 0;margin:0;padding:0;font-weight:600}.draw-gallery-delete{z-index:1;border:2px solid var(--plum);width:36px;height:36px;color:var(--plum);background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.draw-gallery img{aspect-ratio:4/3;object-fit:contain;border:2px solid var(--plum);background:#fff;border-radius:16px;width:100%;display:block}.draw-gallery button span{text-align:center;margin-top:4px;font-size:.9rem;display:block}.topic-pill{border-radius:var(--radius-pill);background:var(--yellow);min-height:32px;color:var(--plum);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.monster-stage.with-bubble{flex-direction:column;min-height:300px}.sound-toggle{min-height:48px;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:6px 16px 6px 10px;font-weight:600;display:inline-flex}.sound-toggle.is-on{background:var(--yellow)}.speech-bubble{text-align:center;max-width:260px;box-shadow:var(--shadow);transform-origin:50% 100%;background:#fff;border-radius:20px;margin:0 auto 16px;padding:12px 16px;font-size:1.08rem;font-weight:600;line-height:1.3;animation:.45s cubic-bezier(.2,1.35,.4,1) speech-pop;display:block;position:relative}.speech-bubble:after{content:"";border-style:solid;border-width:12px 10px 0;border-color:var(--card-white) transparent transparent;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.edit-dock .dock-hint{width:max-content;max-width:min(280px,92%);margin:0 0 2px;margin-left:max(0px, calc(var(--tail,8%) - 22px));flex-direction:column;align-self:flex-start;align-items:center;gap:8px;padding:10px 12px 8px;font-size:1rem;display:flex}.dock-hint-say{padding:0;font-weight:600;line-height:1.3}.dock-hint-tools{gap:4px;display:flex}.dock-hint-tools button{background:var(--lavender);border-radius:12px;place-items:center;width:48px;height:44px;display:grid}.dock-hint-tools .reply-icon{width:34px;height:34px}.edit-dock .dock-hint:after{left:28px;transform:none}.speech-bubble.tail-up:after{border-width:0 10px 12px;border-color:transparent transparent var(--card-white);top:-11px;bottom:auto}.zip-safe{z-index:4;max-width:280px;margin:0 auto;position:absolute;top:calc(100% + 4px);left:0;right:0}.reflect-talk{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.reflect-talk .monster-figure{transform-origin:50% 60%;height:auto;max-height:none}.reflect-talk .monster-figure svg{width:110px;height:100px;transition:width .6s cubic-bezier(.34,1.45,.4,1),height .6s cubic-bezier(.34,1.45,.4,1)}.reflect-talk.is-hero .monster-figure svg{width:240px;height:218px}.reflect-talk.is-settling .monster-figure{animation:.7s snook-spin-in}@keyframes snook-spin-in{0%{transform:rotate(-16deg)}55%{transform:rotate(8deg)}to{transform:rotate(0)}}.reflect-talk .speech-bubble{z-index:3;max-width:min(100%,340px);margin:0 0 var(--bubble-lift,0px);flex-direction:column;gap:10px;display:flex;position:relative}.reflect-talk .monster-figure{z-index:1;position:relative}.reflect-talk .speech-bubble .btn{min-height:44px}.reflect-reveal{animation:.45s both screen-in}.reflect-reveal-dock{animation-delay:.1s}.reflect-question{text-align:left;align-items:center;gap:8px;font-size:1.15rem;display:flex}.reflect-qmark{border:2px solid var(--plum);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:1.05rem;line-height:1;display:grid}.reflect-follow{font-weight:500}@keyframes speech-pop{0%{opacity:0;transform:translateY(16px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}.care-name{text-align:center;margin:0;font-size:1.35rem}.care-pattern{text-align:center;margin:0;font-weight:600}.feel-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feel-row li{border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:4px;display:flex}.feel-row li.is-top{background:var(--yellow);border:2.5px solid var(--plum)}.include-thoughts{align-items:center;gap:10px;font-weight:600;display:flex}.include-thoughts input{width:22px;height:22px;accent-color:var(--plum)}button.cal-hero{width:100%;color:var(--plum)}.cal{flex-direction:column;gap:12px;display:flex}.cal-spans{border:2.5px solid var(--plum);background:#fff;border-radius:999px;gap:4px;padding:4px;display:flex}.cal-span{border-radius:999px;flex:1;min-height:40px;font-weight:600}.cal-span.is-on{background:var(--yellow)}.see-spans{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-inline:-20px;padding:2px 20px 6px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.see-spans::-webkit-scrollbar{display:none}.see-spans .cal-span{scroll-snap-align:start;white-space:nowrap;border:2.5px solid var(--plum);background:#fff;flex:none;min-height:48px;padding:0 18px;font-size:1rem}.see-spans .cal-span.is-on{background:var(--yellow)}.cal-nav{align-items:center;gap:8px;display:flex}.cal-title{text-align:center;flex:1;margin:0;font-size:1.15rem;font-weight:600}.cal-weekdays,.cal-grid,.cal-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-weekdays{color:var(--plum-soft);text-align:center;font-size:.85rem;font-weight:600}.cal-day{aspect-ratio:1;border:2.5px solid var(--plum);background:var(--cream);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:2px;font-weight:600;display:flex}.cal-day.is-tall{aspect-ratio:auto;border-radius:20px;min-height:72px}.cal-day.is-muted{opacity:.38}.cal-day.has-notes{background:var(--lavender)}.cal-day.is-selected{background:var(--yellow)}.cal-day.is-today{box-shadow:inset 0 0 0 3px var(--gold-zip)}.cal-dot{background:var(--plum);border-radius:50%;width:7px;height:7px}.cal-dow{font-size:.75rem;font-weight:600}.cal-hero{border:2.5px solid var(--plum);background:var(--yellow);box-shadow:var(--shadow);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:2px;padding:16px 12px 18px;display:flex}.cal-hero-num{font-size:4.2rem;font-weight:600;line-height:.95}.cal-weekday,.cal-hero-count{font-weight:600}.cal-year{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cal-month{border:2.5px solid var(--plum);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;font-weight:600;display:flex}.cal-month.has-notes{background:var(--lavender)}.cal-count{background:var(--yellow);border:2px solid var(--plum);border-radius:999px;min-width:1.6rem;padding:0 6px;font-size:.85rem}.cal-day-title{text-align:center;margin:0;font-size:1.25rem}@media (hover:hover){.cal-span:hover,.cal-day:hover,.cal-month:hover{background:var(--yellow)}}.prompt{text-align:center;margin:12px 0 16px;font-size:1.25rem;font-weight:500;line-height:1.25}.monster-row{background:var(--lavender);text-align:left;width:100%;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:14px;padding:12px 16px;display:flex}.monster-row .meta{flex:1;min-width:0}.monster-row .name{font-size:1.15rem;font-weight:600}.monster-row .topic{opacity:.75;font-size:.95rem}.monster-row .chevron{opacity:.55;font-size:1.4rem}.quiet-link{color:var(--plum-soft);text-underline-offset:3px;background:0 0;border:none;min-height:44px;padding:8px;font-size:1rem;text-decoration:underline}.danger-link{color:var(--danger);opacity:.85;font-size:.9rem}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:16px;display:flex}.grow{flex:1}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.field-label{margin-bottom:8px;font-weight:600;display:block}.voice-choice-block{margin-top:14px}.voice-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.voice-choice .btn{padding:0 8px;font-size:1rem}.text-input,.text-area{border:2.5px solid var(--plum);width:100%;min-height:52px;color:var(--plum);background:#fff;border-radius:20px;flex-shrink:0;padding:14px 16px;scroll-margin:16px}.text-area{resize:vertical;min-height:140px;font-size:1.15rem;line-height:1.4}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row-gap{margin-top:8px}.saved-looks{min-width:0;margin-top:12px}.saved-look{scroll-snap-align:start;flex:none;display:flex}.saved-look .chip{border-radius:var(--radius-pill) 0 0 var(--radius-pill);border-right:0}.saved-look-delete{border:2px solid var(--lavender-deep);border-radius:0 var(--radius-pill) var(--radius-pill) 0;min-width:36px;min-height:44px;color:var(--plum);background:#fff;flex:none;padding:0 10px;font-size:1.35rem;line-height:1}.saved-look:has(.chip.active) .saved-look-delete{background:var(--yellow);border-color:var(--yellow-deep)}.modal .error-banner{margin:12px 0 0}.modal .text-input{margin-bottom:16px}.modal .error-banner+.modal-actions,.modal .text-input+.error-banner{margin-top:12px}.size-row{color:var(--plum);align-items:center;gap:12px;margin-top:10px;font-weight:600;display:flex}.range{touch-action:none;cursor:pointer;flex:1;height:44px;position:relative}.range-track,.range-fill{pointer-events:none;border-radius:999px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.range-track{background:var(--lavender-deep);right:0}.range-fill{width:var(--pct,0%);background:var(--plum)}.range-thumb{top:50%;left:var(--pct,0%);background:var(--plum);pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 2px 6px #4a206847}.slider-reset{background:var(--lavender);width:36px;height:36px;color:var(--plum);border-radius:50%;flex:none;place-items:center;display:grid}.chip{border-radius:var(--radius-pill);border:2px solid var(--lavender-deep);background:#fff;min-height:44px;padding:0 16px;font-weight:500}.chip-icon{object-fit:contain;pointer-events:none;width:36px;height:36px;display:block}.chip:has(.chip-icon){flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 12px;display:flex}.chip.is-icon{width:56px;height:56px;padding:8px}.chip.is-icon .chip-icon{width:40px;height:40px}.chip.active{background:var(--yellow);border-color:var(--yellow-deep)}@media (hover:hover){.chip-flick .chip:hover:not(:disabled){background:var(--yellow);border-color:var(--yellow-deep)}}.edit-pop .debrief-bubble{background:var(--lavender);margin:0}.colour-swatch{border:3px solid #4a206838;border-radius:50%;width:44px;height:44px}.colour-swatch.active{border-color:var(--plum);box-shadow:0 0 0 3px var(--yellow)}.paint-mix{flex-direction:column;align-items:stretch;gap:12px;min-width:0;display:flex}.paint-swatches{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;grid-template-rows:repeat(2,40px);grid-auto-columns:40px;grid-auto-flow:column;gap:8px;width:100%;min-width:0;padding:4px 2px;display:grid;overflow-x:auto}.paint-swatches::-webkit-scrollbar{height:0;display:none}.paint-swatches .colour-swatch{scroll-snap-align:start;width:40px;height:40px}.paint-divider{background:var(--plum);border-radius:999px;align-self:stretch;height:2.5px}@media (min-width:541px){.paint-mix{flex-direction:row;align-items:center}.paint-swatches{flex:auto;width:auto}.paint-divider{width:2.5px;height:auto}}.paint-controls{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.paint-wheel,.paint-wash{border:2.5px solid var(--plum);touch-action:none;box-shadow:var(--shadow);position:relative}.paint-wheel{background:conic-gradient(#f25d78,#f6b73c,#f6e27a,#7ed9a4,#5b9bd5,#7a52c8,#e86b9a,#f25d78);border-radius:50%;width:104px;height:104px}.paint-wheel.is-on{box-shadow:0 0 0 3px var(--yellow), var(--shadow)}.paint-puddle{border:2.5px solid var(--plum);pointer-events:none;border-radius:50%;position:absolute;inset:24px}.paint-knob{border:2.5px solid var(--plum);z-index:1;pointer-events:none;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}.paint-wash{border-radius:999px;width:32px;height:104px}.paint-wash .paint-knob{left:50%}.mode-row{background:var(--lavender);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.mode-btn{min-height:64px;color:var(--plum);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.mode-btn.active{background:var(--yellow)}.mode-btn .glyph{font-size:1.4rem;line-height:1}.reply-icon{object-fit:contain;width:36px;height:36px;display:block}.paper-card{box-shadow:var(--shadow);color:var(--plum);text-align:left;clip-path:polygon(0 8px,8px 0,16px 8px,24px 0,32px 8px,40px 0,48px 8px,56px 0,64px 8px,72px 0,80px 8px,88px 0,96px 8px,104px 0,112px 8px,120px 0,128px 8px,136px 0,144px 8px,152px 0,160px 8px,168px 0,176px 8px,184px 0,192px 8px,200px 0,208px 8px,216px 0,224px 8px,232px 0,240px 8px,248px 0,256px 8px,264px 0,272px 8px,280px 0,288px 8px,296px 0,304px 8px,312px 0,320px 8px,328px 0,336px 8px,344px 0,352px 8px,360px 0,368px 8px,376px 0,384px 8px,392px 0,400px 8px,100% 0,100% 100%,0 100%);background:#fff;border-radius:8px 8px 18px 18px;padding:20px 18px;font-size:1.15rem;line-height:1.35;position:relative}.privacy-note{opacity:.8;text-align:center;margin:0;font-size:.9rem;line-height:1.35}.note-list-item{background:var(--lavender);border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.note-list-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.draw-board{flex-direction:column;gap:10px;width:100%;min-height:0;display:flex}.draw-tools{background:#fff;flex-direction:column;flex:none;gap:12px;padding:12px;display:flex}.draw-tool-row,.draw-shapes{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.draw-shapes{justify-content:flex-start;gap:8px}.draw-shapes .draw-tool{flex:0 0 44px;max-width:44px}.draw-tool{background:var(--cream);width:auto;min-width:0;max-width:48px;height:44px;min-height:44px;color:var(--plum);border-radius:14px;flex:1 1 0;place-items:center;padding:0;font-weight:600;display:grid}.draw-tool svg.draw-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.draw-tool-icon{object-fit:contain;pointer-events:none;width:32px;height:32px;display:block}.draw-tool.is-on{background:var(--yellow)}.draw-tool:disabled{opacity:.45}.draw-lines{gap:8px;display:flex}.draw-line-choice{background:var(--cream);border-radius:14px;flex:1;place-items:center;height:44px;display:grid}.draw-line-choice.is-on{background:var(--yellow)}.draw-line-choice span{background:var(--plum);border-radius:999px;width:64%;display:block}.draw-mode,.draw-example{z-index:2;background:var(--plum);color:#fff;border-radius:999px;margin:0;padding:4px 10px;font-size:.85rem;font-weight:600;position:absolute;top:10px}.draw-mode{pointer-events:none;right:10px}.draw-example{z-index:3;border:0;min-height:32px;font-family:inherit;line-height:1.2;left:10px}.draw-canvas-wrap{border:2.5px solid var(--plum);touch-action:none;background:#fff;border-radius:20px;flex:auto;width:100%;height:clamp(160px,42dvh,100dvh - 380px);min-height:160px;position:relative;overflow:hidden}.tell-compose .draw-canvas-wrap{height:auto;min-height:0}.draw-canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.voice-bar{flex-wrap:wrap;gap:8px;display:flex}.voice-bar .btn{min-width:0;min-height:48px}.chat-audio{display:none}.voice-panel{border:2.5px solid var(--plum);text-align:center;background:#fff;border-radius:20px;padding:20px}.voice-timer{margin:8px 0 16px;font-size:1.5rem;font-weight:600}.modal-backdrop{inset:0;bottom:var(--keyboard);z-index:50;background:#4a206873;place-items:center;padding:24px;display:grid;position:fixed}.modal{background:var(--cream);width:min(100%,360px);box-shadow:var(--shadow);border-radius:24px;padding:24px}.modal h2{margin:0 0 8px;font-size:1.35rem}.modal p{margin:0 0 16px;line-height:1.35}.modal-actions{flex-direction:column;gap:8px;display:flex}.handover{background:var(--cream);min-height:100dvh;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));flex-direction:column;gap:20px;max-width:560px;margin:0 auto;display:flex}.handover-content,.handover-note{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.handover-note{flex:0}.debrief{flex-direction:column;gap:12px;min-width:0;display:flex}.chip-flick{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;gap:8px;width:100%;min-width:0;padding:2px 16px 2px 2px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.chip-flick::-webkit-scrollbar{height:0;display:none}.chip-flick .chip{scroll-snap-align:start;white-space:nowrap;flex:none}.chip-divider{background:var(--plum);border-radius:999px;flex:none;align-self:center;width:2px;height:28px}.debrief h2{text-align:center;margin:0;font-size:1.35rem}.debrief-turn{background:#fff;border-radius:24px;flex-direction:column;gap:8px;padding:14px;display:flex}.debrief-turn.is-highlight{box-shadow:0 0 0 3px var(--yellow-deep)}.debrief-turn.is-highlight .debrief-bubble{background:var(--yellow)}.debrief-from{color:var(--plum-soft);margin:0;font-size:.85rem;font-weight:600}.debrief-bubble,.debrief-reply{white-space:pre-wrap;border-radius:18px;margin:0;padding:12px 14px;line-height:1.35}.debrief-bubble{background:var(--lavender)}.debrief-reply{background:var(--cream);border:2px solid var(--lavender-deep)}.debrief-picture{background:#fff;border-radius:16px;width:100%}.debrief-turn .text-area{min-height:96px}.handover-text{text-align:center;white-space:pre-wrap;width:100%;font-size:1.5rem;line-height:1.4}.handover-note img,.handover-note audio{width:100%;max-width:420px}.sparkle{color:var(--yellow-deep);pointer-events:none;font-size:1.1rem;position:absolute}.monster-stage{justify-content:center;align-items:center;width:100%;min-height:180px;display:flex;position:relative}.monster-stage.large{min-height:220px}.monster-stage.small{width:64px;min-height:64px}.error-banner{color:var(--danger);text-align:center;background:#fde8ee;border-radius:16px;padding:12px 14px;font-size:.95rem}.zip-mouth{transform-box:fill-box;transform-origin:50%;transition:transform .48s ease-in;transform:scaleY(.05)}.zip-mouth.is-open{transition-duration:.26s;transition-timing-function:ease-out;transform:scaleY(1)}.zip-mouth.is-talking{animation:.52s ease-in-out infinite zip-talk}@keyframes zip-talk{0%,to{transform:scaleY(.08)}20%{transform:scaleY(.9)}38%{transform:scaleY(.18)}62%{transform:scaleY(1)}80%{transform:scaleY(.22)}}.monster-float{transform-box:fill-box;transform-origin:bottom;animation:3.4s ease-in-out infinite snook-float}.monster-float.is-paused{animation-play-state:paused}@keyframes snook-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.flying-note{z-index:8;pointer-events:none;border:2.5px solid var(--plum);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;padding:16px 18px;animation:.95s cubic-bezier(.45,.05,.7,.35) 80ms forwards note-into-mouth;display:flex;position:fixed}.flying-note span{background:#e7dcf6;border-radius:99px;width:100%;height:8px;display:block}.flying-note span:last-child{width:62%}@keyframes note-into-mouth{0%{opacity:1;transform:translate(0)scale(1)}70%{transform:translate(calc(var(--note-dx) * .9), calc(var(--note-dy) * .9)) scale(.34);opacity:1}to{transform:translate(var(--note-dx), var(--note-dy)) scale(.06);opacity:0}}.is-feeding .tell-compose .text-area,.is-feeding .tell-compose>.btn,.is-feeding .tell-compose .privacy-note,.is-feeding .tell-compose .error-banner,.is-feeding .tell-compose .draw-board,.is-feeding .tell-compose .voice-panel,.is-feeding .reflect-answer,.is-feeding .edit-dock{animation:.35s forwards screen-away}.screen-exit>.screen-header,.screen-exit .tell-compose,.screen-exit .edit-dock{animation:.45s forwards screen-away}.screen-enter>.screen-header,.screen-enter .studio-scroll>*{animation:.5s both screen-in}.screen-enter .studio-scroll>:first-child{animation-delay:50ms}.screen-enter .studio-scroll>:nth-child(2){animation-delay:.12s}.screen-enter .studio-scroll>:nth-child(3){animation-delay:.18s}.screen-enter .studio-scroll>:nth-child(4){animation-delay:.24s}@keyframes screen-away{to{opacity:0;transform:translateY(16px)}}@keyframes screen-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.grown-ups{flex-direction:column;display:flex}.grown-up{flex-direction:column;gap:12px;display:flex}.grown-up+.grown-up{border-top:2px solid #4a206829;margin-top:16px;padding-top:16px}.grown-up-head{align-items:center;gap:10px;min-height:48px;display:flex}.grown-up-actions{flex:none;align-items:center;gap:8px;display:flex}.grown-up-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:right;min-width:3.4em;font-size:1.15rem}.setup-code{text-align:center;letter-spacing:.18em;margin:0;font-size:1.8rem;font-weight:600}.code-person{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--plum);flex:1;margin:0;font-weight:600;overflow:hidden}.chat-row{border:2.5px solid var(--plum);width:100%;min-height:64px;color:var(--plum);font:inherit;text-align:left;background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.chat-meta{font-size:.85rem;font-weight:600}.chat-preview{font-size:.95rem;line-height:1.3}.chat-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-badge{border:2px solid var(--plum);background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chat-badge.is-feeling{background:var(--yellow)}.chat-badge.is-unshown{background:#fff}.chat-badge.is-open,.chat-badge.is-wait{background:var(--lavender)}.chat-badge.is-later{background:#f3ebfb}.chat-lock{border:2px solid var(--plum);background:var(--lavender);width:28px;height:28px;color:var(--plum);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chat-thread,.chat-pair{flex-direction:column;gap:10px;display:flex}.chat-line{flex-direction:column;gap:2px;max-width:82%;display:flex}.chat-line.from-snook{align-self:flex-start;align-items:flex-start}.chat-line.from-child{align-self:flex-end;align-items:flex-end}.chat-who{color:var(--plum);margin:0;font-size:.8rem;font-weight:600}.chat-bubble{border:2.5px solid var(--plum);border-radius:18px;padding:12px 14px;line-height:1.35}.from-snook .chat-bubble{background:var(--lavender);border-bottom-left-radius:6px}.from-child .chat-bubble{background:var(--yellow);border-bottom-right-radius:6px}.grown-row{flex-direction:column;align-items:stretch;gap:8px;display:flex}.grown-row p{margin:0}.refresh-icon{top:calc(8px + var(--safe-top));z-index:40;background:var(--lavender);width:42px;height:42px;color:var(--plum);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;margin-left:-21px;display:flex;position:fixed;left:50%}.refresh-icon svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.refresh-icon.is-spin svg{animation:.7s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.intro-skip{z-index:1;padding-left:0;padding-right:0;position:relative}.intro-slide{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;animation:.28s intro-in;display:flex}.intro-art{isolation:isolate;aspect-ratio:1;width:min(320px,88vw,46dvh);margin:0 auto;position:relative}.snook-onboarding-background{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.snook-onboarding-character{object-fit:contain;width:70%;height:70%;position:absolute;top:21%;left:15%}.intro-title{letter-spacing:-.02em;white-space:pre-line;margin:0;font-size:2rem;font-weight:600}.intro-title:focus{outline:none}.intro-title:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:4px}.intro-copy,.intro-note{max-width:34ch;margin:0;font-size:1.15rem;line-height:1.4}.intro-note{margin-top:16px}.intro-dots{justify-content:center;gap:2px;margin:0 12px;display:flex}.intro-dots button{background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.intro-dots button:before{content:"";border:2px solid var(--plum);background:#fff;border-radius:50%;width:12px;height:12px}.intro-dots button.is-current:before{background:var(--plum)}.intro-nav{grid-template-columns:1fr 1.4fr;gap:10px;margin:0 16px 8px;display:grid}@keyframes intro-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-mode=dark] :is(.edit-studio .card,.edit-studio .note-list-item,.edit-studio .debrief-bubble,.edit-studio .paper-card,.edit-dock .mode-row,.card-soft,.voice-panel,.sound-toggle,.saved-look-delete,.chat-badge,.debrief-turn){background:var(--card-white);color:var(--plum)}html[data-mode=dark] .debrief-reply{background:var(--lavender-deep);color:var(--plum)}html[data-mode=dark] :is(.mode-btn.active,.chat-badge.is-feeling,.sound-toggle.is-on,.topic-pill,.chip:hover,.chip-flick .chip:hover:not(:disabled)){color:#1c1224}