:root{--ink:#24211f;--muted:#756f69;--paper:#fffdf9;--shell:#f5eee6;--rose:#e67766}*{box-sizing:border-box}html{background:var(--shell)}body{color:var(--ink);background:radial-gradient(circle at 12% 5%,#e8bcb261,transparent 28rem),radial-gradient(circle at 92% 28%,#bad1be5c,transparent 24rem),var(--shell);margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{width:min(100%,640px);min-height:100svh;margin:0 auto;padding:22px 18px 108px}.topbar{align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:16px;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:25px;font-style:italic;display:grid;box-shadow:0 8px 24px #24211f26}.topbar h1{letter-spacing:-.02em;margin:1px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:500}.eyebrow{letter-spacing:.18em;color:var(--muted);margin:0;font-size:9px;font-weight:800}.quiet-button{background:#ffffff73;border:1px solid #24211f1a;border-radius:50%;width:42px;height:42px;margin-left:auto;font-size:23px}.intro-card{justify-content:space-between;align-items:end;gap:18px;padding:4px 4px 22px;display:flex}.kicker{color:var(--rose);letter-spacing:.04em;margin:0 0 7px;font-size:12px;font-weight:800}.intro-card h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(34px,9vw,49px);font-weight:500;line-height:.98}.ten-minute-badge{text-align:center;background:#ffffff6b;border:1px solid #24211f21;border-radius:50%;flex:none;place-content:center;width:72px;height:72px;display:grid;transform:rotate(4deg)}.ten-minute-badge span{font-family:Georgia,serif;font-size:28px;line-height:.85}.ten-minute-badge small{letter-spacing:.14em;margin-top:5px;font-size:7px;font-weight:800}.ten-minute-badge.running{color:#fff;background:#7db99a;border-color:#0000;animation:3s ease-in-out infinite softpulse}.studio-card{background:#ffffffc7;border:1px solid #24211f1a;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #4434281c}.studio-head{justify-content:space-between;align-items:center;height:50px;padding:0 15px 0 18px;font-size:12px;font-weight:750;display:flex}.live-dot{background:#7db99a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #7db99a21}.studio-actions{gap:7px;display:flex}.studio-actions button{background:#f2ece5;border:0;border-radius:10px;padding:7px 10px;font-size:11px}.studio-actions button:first-child{padding:2px 9px;font-size:19px}.canvas-wrap{background:var(--paper);border:1px solid #eee8df;border-radius:21px;height:clamp(340px,53svh,510px);margin:0 10px;position:relative;overflow:hidden}canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.canvas-nudge{text-align:center;pointer-events:none;color:#aaa19a;place-content:center;display:grid;position:absolute;inset:0}.canvas-nudge:before{content:"";border:1px dashed #d6cec5;border-radius:50%;width:48px;height:48px;margin:0 auto 12px}.canvas-nudge span{color:#837b74;font-family:Georgia,serif;font-size:19px}.canvas-nudge small{margin-top:5px;font-size:11px}.toolbar{padding:14px 14px 16px}.color-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.color{border:3px solid #fff;border-radius:50%;width:29px;height:29px;transition:transform .2s;box-shadow:0 0 0 1px #24211f14}.color.selected{box-shadow:0 0 0 2px var(--ink),0 0 0 4px white;transform:scale(1.2)}.brush-row{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.brush-row button{background:#f6f0e9;border:1px solid #24211f17;border-radius:12px;padding:8px 4px;font-size:10px;font-weight:750}.brush-row button.active{color:#fff;background:var(--ink)}.tool-row{align-items:center;gap:8px;margin-top:7px;display:flex}.tool-row label{background:#f6f0e9;border:1px solid #24211f17;border-radius:12px;flex:1;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.tool-row input{width:100%;min-width:0;accent-color:var(--rose)}.save-row{justify-content:space-between;align-items:center;gap:12px;margin:14px 4px 0;display:flex}.save-row p{color:var(--muted);margin:0;font-size:11px}.save-row button{background:0 0;border:0;font-size:11px;font-weight:800}.save-row span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:5px;display:inline-grid}.bottom-nav{z-index:10;left:50%;bottom:max(14px,env(safe-area-inset-bottom));color:#ffffff8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#26221ff0;border-radius:23px;grid-template-columns:repeat(4,1fr);width:min(100% - 28px,602px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 45px #24211f47}.bottom-nav button{color:inherit;background:0 0;border:0;border-radius:17px;padding:8px 3px 7px;font-size:9px;font-weight:700}.bottom-nav span{margin-bottom:2px;font-size:19px;line-height:1.1;display:block}.bottom-nav button.active{color:var(--ink);background:#fff}.toast{z-index:40;top:max(15px,env(safe-area-inset-top));background:var(--ink);color:#fff;border-radius:18px;width:max-content;max-width:calc(100% - 32px);padding:11px 16px;font-size:11px;font-weight:700;animation:.25s ease-out toastin;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #00000038}.mode-page{padding:8px 4px 28px}.mode-page>h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(38px,10vw,52px);font-weight:500;line-height:.98}.prompt-stack{height:330px;margin:38px 9px 25px;position:relative}.prompt-card,.ghost-card{border:1px solid #24211f17;border-radius:28px;position:absolute;inset:0}.ghost-card.one{background:#c9d9cd;transform:rotate(-3.5deg)}.ghost-card.two{background:#e9c7bf;transform:rotate(4deg)}.prompt-card{background:#fffdf9;flex-direction:column;justify-content:space-between;padding:29px;display:flex;box-shadow:0 25px 55px #44342824}.prompt-card>span{color:#9e5d50;letter-spacing:.12em;text-transform:uppercase;background:#f2eae2;border-radius:999px;align-self:flex-start;padding:7px 11px;font-size:9px;font-weight:850}.prompt-card p{letter-spacing:-.025em;margin:0;font-family:Georgia,serif;font-size:clamp(28px,7vw,38px);line-height:1.1}.prompt-card small{color:var(--muted);font-size:10px}.big-actions{grid-template-columns:1fr 1.15fr;gap:10px;display:grid}.primary,.secondary{border:0;border-radius:17px;padding:15px 17px;font-size:12px;font-weight:800}.primary{background:var(--ink);color:#fff;box-shadow:0 12px 24px #24211f29}.secondary{background:#ffffff94;border:1px solid #24211f14}.primary.wide{width:100%;margin-top:17px}.tiny-invitation{background:#ffffff6b;border-radius:18px;margin-top:24px;padding:18px 20px}.tiny-invitation b{font-family:Georgia,serif;font-size:15px;font-weight:500}.tiny-invitation p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.coloring-card{background:#fffdf9;border-radius:28px;margin-top:24px;padding:15px 15px 18px;box-shadow:0 24px 60px #4434281a}.coloring-card svg{width:100%;height:min(49svh,430px);display:block}.coloring-card path{stroke:#514a44;stroke-width:2.2px;cursor:pointer;transition:fill .2s}.coloring-card text{fill:#514a44;text-anchor:middle;pointer-events:none;font-family:ui-rounded,system-ui;font-size:11px;font-weight:800}.number-palette{justify-content:center;gap:13px;padding-top:8px;display:flex}.number-palette button{border:3px solid #fff;border-radius:50%;width:38px;height:38px;box-shadow:0 0 0 1px #24211f1a}.number-palette button.selected{box-shadow:0 0 0 2px var(--ink),0 0 0 4px white;transform:scale(1.08)}.number-palette span{background:#fffc;border-radius:50%;place-items:center;width:18px;height:18px;margin:auto;font-size:9px;font-weight:800;display:grid}.palette-switch{align-items:center;gap:9px;margin:14px 5px;display:flex}.palette-switch>span{color:var(--muted);font-size:10px;font-weight:750}.palette-switch>button:not(.reset-fill){border:2px solid #fff;border-radius:999px;width:43px;height:22px;box-shadow:0 0 0 1px #24211f1a}.palette-switch>button.active{box-shadow:0 0 0 2px var(--ink)}.reset-fill{color:var(--muted);background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:750}.pause-page{padding-bottom:38px}.pause-hero{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.pause-hero h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(38px,10vw,52px);font-weight:500;line-height:.98}.unhurried{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;background:#ffffff73;border:1px solid #24211f14;border-radius:13px;flex:none;padding:9px 11px;font-size:8px;font-weight:800;line-height:1.5;transform:rotate(2deg)}.arrival-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.arrival-grid button{text-align:left;background:#ffffff7a;border:1px solid #24211f17;border-radius:17px;gap:3px;min-height:72px;padding:13px 14px;transition:transform .18s,background .18s;display:grid}.arrival-grid b{font-family:Georgia,serif;font-size:16px;font-weight:500}.arrival-grid small{color:var(--muted);font-size:9px;line-height:1.35}.arrival-grid button.active{background:var(--ink);color:#fff;transform:translateY(-2px);box-shadow:0 12px 25px #24211f24}.arrival-grid button.active small{color:#ffffffa3}.session-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:30px 3px 13px;display:flex}.session-heading h3{margin:4px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:500}.session-heading>span{color:var(--muted);background:#eadfd5;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:800}.session-strip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.session-strip>button{text-align:left;background:#ffffff75;border:1px solid #24211f14;border-radius:17px;align-items:center;gap:11px;min-width:0;padding:10px;display:flex}.session-strip>button>span{background:color-mix(in srgb,var(--session-accent) 70%,white);border-radius:14px;flex:none;place-items:center;width:41px;height:41px;font-family:Georgia,serif;font-size:18px;display:grid}.session-strip>button>div{gap:3px;min-width:0;display:grid}.session-strip b{white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:13px;font-weight:500;overflow:hidden}.session-strip small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:8px;line-height:1.3;display:-webkit-box;overflow:hidden}.session-strip>button.active{border-color:var(--ink);background:#fff;box-shadow:0 8px 24px #44342817}.session-strip>button.active>span{box-shadow:inset 0 0 0 2px #ffffffbf}.meditation-player{background:linear-gradient(150deg,#ffffffd1,#f2ebe2e6);border:1px solid #24211f14;border-radius:28px;margin-top:13px;padding:18px;overflow:hidden;box-shadow:0 24px 60px #4434281a}.player-top{justify-content:space-between;align-items:center;display:flex}.player-top h3{margin:4px 0 0;font-family:Georgia,serif;font-size:21px;font-weight:500}.restart{width:36px;height:36px;color:var(--muted);background:#fff;border:0;border-radius:50%;font-size:17px}.focus-stage{text-align:center;background:radial-gradient(circle at 50% 40%,#ffffffde,#eee6dd94 52%,#ceded29e);border-radius:23px;place-items:center;min-height:326px;margin:14px 0 0;padding:18px;display:grid;position:relative;overflow:hidden}.progress-ring{border-radius:50%;place-items:center;width:190px;height:190px;padding:5px;transition:background .8s linear;display:grid}.progress-ring:before{content:"";background:#faf7f2eb;border-radius:50%;width:180px;height:180px;position:absolute}.orbit{z-index:1;border:1px dashed #24211f29;border-radius:50%;place-items:center;width:166px;height:166px;display:grid}.breath-orb{border-radius:50%;width:76px;height:76px;box-shadow:0 15px 45px #677e6e3b}.playing .breath-orb{animation:10s ease-in-out infinite breathe}.focus-stage strong{letter-spacing:.05em;background:#ffffffad;border-radius:999px;padding:6px 9px;font-size:10px;position:absolute;top:25px;right:25px}.focus-stage p{color:#5d5650;max-width:320px;min-height:44px;margin:15px 4px 0;font-family:Georgia,serif;font-size:15px;line-height:1.42}.session-control{margin-top:10px!important}.player-settings{gap:12px;margin-top:16px;display:grid}.player-settings>div>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px 2px;font-size:9px;font-weight:800;display:block}.segmented{background:#e9e1d8;border-radius:14px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:9px 3px;font-size:9px;font-weight:750}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #44342817}.voice-toggle{border-top:1px solid #24211f14;justify-content:space-between;align-items:center;gap:14px;padding:11px 3px 1px;display:flex}.voice-toggle span{gap:2px;display:grid}.voice-toggle b{font-family:Georgia,serif;font-size:14px;font-weight:500}.voice-toggle small{color:var(--muted);font-size:8px}.voice-toggle input{width:38px;height:22px;accent-color:var(--ink)}.voice-studio{background:#ffffff7a;border:1px solid #24211f14;border-radius:18px;padding:13px}.voice-studio-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-settings .voice-studio-title>span{margin:0}.voice-studio-title small{color:#577765;letter-spacing:.09em;background:#e2eee6;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:850}.language-switch{background:#e9e1d8;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;padding:4px;display:grid}.language-switch button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:9px;font-size:10px;font-weight:800}.language-switch button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #44342817}.voice-picker{grid-template-columns:minmax(0,1fr) 66px;gap:8px;margin-top:9px;display:grid}.voice-picker label{min-width:0}.player-settings .voice-picker label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px 2px;font-size:8px;font-weight:800;display:block}.voice-picker select{width:100%;min-width:0;height:43px;color:var(--ink);background:#fffdf9;border:1px solid #24211f1a;border-radius:12px;padding:0 32px 0 11px;font-size:10px;font-weight:750}.voice-picker>button{background:var(--ink);color:#fff;border:0;border-radius:12px;place-content:center;align-self:end;gap:1px;height:43px;font-size:11px;display:grid}.voice-picker>button span{color:#ffffffb3;letter-spacing:0;text-transform:none;margin:0;font-size:7px;font-weight:750;display:block}.voice-picker>button:disabled{color:#918981;background:#d8d0c8}.voice-studio>p{color:var(--muted);margin:8px 2px 0;font-size:8px}.bridge-card{background:#ffffff6b;border:1px solid #24211f14;border-radius:22px;margin-top:16px;padding:19px}.bridge-card>h3{margin:6px 0 0;font-family:Georgia,serif;font-size:20px;font-weight:500}.reset-options{gap:8px;margin-top:18px;display:grid}.reset-options button{text-align:left;background:#ffffff80;border:1px solid #24211f14;border-radius:17px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.reset-options>button>span{background:#fff;border-radius:13px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.reset-options div{gap:2px;display:grid}.reset-options b{font-family:Georgia,serif;font-size:14px;font-weight:500}.reset-options small{color:var(--muted);font-size:9px}.reset-options i{margin-left:auto;font-style:normal}.disclaimer{text-align:center;color:#9b938c;max-width:330px;margin:18px auto 0;font-size:8px;line-height:1.5}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1b187a;justify-content:center;align-items:end;padding:14px;display:flex;position:fixed;inset:0}.gallery-modal{background:#f8f2eb;border-radius:28px;width:min(100%,610px);max-height:84svh;padding:23px;animation:.3s ease-out sheetup;overflow:auto;box-shadow:0 -20px 70px #0003}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:3px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.modal-head button{background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:23px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.gallery-grid article{background:#fff;border-radius:17px;overflow:hidden}.gallery-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gallery-grid article>div{color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;display:flex}.gallery-grid button{background:0 0;border:0;font-size:16px}.empty-gallery{text-align:center;min-height:260px;color:var(--muted);place-content:center;display:grid}.empty-gallery span{font-size:35px}.empty-gallery p{max-width:240px;font-family:Georgia,serif;font-size:17px;line-height:1.35}.privacy-note{text-align:center;color:#9b938c;margin:17px 0 0;font-size:8px}@keyframes breathe{0%,to{filter:saturate(.8);transform:scale(.76)}40%{filter:saturate(1.12);transform:scale(1.45)}}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes sheetup{0%{opacity:0;transform:translateY(35px)}}@keyframes softpulse{50%{transform:rotate(4deg)scale(1.04)}}@media (width<=390px){.topbar h1{font-size:20px}.session-strip{grid-template-columns:1fr}}@media (width>=700px){.app-shell{padding-top:36px}.canvas-wrap{height:480px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}