@import "https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@500;600;700;800&display=swap";:root{--background:#edf7ff;--foreground:#16324a;--ink:#16324a;--blue:#78adff;--mint:#9ee7cb;--pink:#f4adc9;--rose:#dc75a7;--deep-blue:#102b43;--button-blue:#3f7ee8;--button-pink:#cc5796;--paper:#ffffffb3;--paper-soft:#ffffff75;--line:#ffffffc2;--hand:var(--font-playpen,"Playpen Sans"), "Playpen Sans", "Comic Sans MS", cursive}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;background:radial-gradient(circle at 8% 12%,#f6beda61,#0000 17rem),radial-gradient(circle at 84% 10%,#78adff4d,#0000 22rem),radial-gradient(circle at 48% 96%,#9ee7cb6b,#0000 26rem),linear-gradient(135deg,#f1f8ff 0%,#edf9f2 48%,#fbf1fb 100%);margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.focus-shell{grid-template-columns:minmax(32rem,1.12fr) minmax(25rem,.88fr);align-items:stretch;gap:clamp(.8rem,2vw,1.35rem);width:min(1450px,100% - 2rem);margin:0 auto;padding:clamp(.75rem,1.8vw,1.25rem) 0;display:grid}.sakura-stage,.control-panel{border:1px solid var(--line);contain:layout paint;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 1.25rem 3.5rem #436c8f29}.sakura-stage{isolation:isolate;background:linear-gradient(#ffffff1f,#cff5e91a),url(/stay-focus-app/sakura-garden.png) 50%/cover no-repeat,#d9f2f6;position:relative}.phase-paused .sakura-stage{filter:saturate(.86)brightness(.98)}.phase-due .sakura-stage{filter:saturate(.92)brightness(1.04)}.sakura-stage:before{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 78% 18%,#ffffe64d,#0000 11rem),linear-gradient(110deg,#ffffff38,#0000 42%);position:absolute;inset:0}.sakura-stage:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#0000,#68cdbc2e);height:24%;position:absolute;inset:auto 0 0}.breathing-guide-set{z-index:3;aspect-ratio:.86;pointer-events:none;width:clamp(16.5rem,31vw,27rem);max-width:46%;position:absolute;bottom:clamp(.15rem,1.2vh,.85rem);left:clamp(.35rem,2.5vw,1.45rem)}.breathing-guide-figure{z-index:3;object-fit:contain;opacity:.96;filter:drop-shadow(0 1.25rem 1.65rem #37627e2e);transform-origin:50% 72%;will-change:transform;width:100%;height:auto;animation:5.6s ease-in-out infinite guideCalmFigure;position:absolute;inset:auto 0 4%}.breathing-guide-platform{z-index:1;filter:blur(.1px);background:radial-gradient(at 50% 28%,#fcfffcf5,#bce7d3c7 42%,#71b19d57 70%,#0000 74%),linear-gradient(#ffffff94,#68b8a633);border-radius:50%;height:18%;position:absolute;bottom:2%;left:4%;right:4%;box-shadow:0 .95rem 1.15rem #307e7c24,inset 0 .35rem .9rem #ffffffa6}.breathing-guide-aura{z-index:2;aspect-ratio:1;opacity:.8;background:radial-gradient(circle,#ffeef861,#0000 66%);border:2px solid #93d9ff6b;border-radius:50%;width:34%;animation:5.6s ease-in-out infinite guideCalmAura;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(1)}.aura-two{border-color:#f9add057;width:47%;animation-delay:-1s}.breathing-step-chip{z-index:4;color:#2c668d;min-width:8.4rem;min-height:2.15rem;font-family:var(--hand);-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);background:#f4fcffb8;border:1px solid #ffffffbd;border-radius:999px;place-items:center;padding:.35rem .75rem;font-size:.82rem;font-weight:800;display:inline-grid;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1rem #3a77991f,inset 0 1px #ffffffe0}.breath-inhale .breathing-guide-figure,.breath-inhale .breathing-guide-aura{animation-duration:calc(var(--guide-breath-seconds) * 1s)}.breath-inhale .breathing-guide-figure{animation-name:guideInhale}.breath-inhale .breathing-guide-aura{animation-name:guideAuraInhale}.breath-hold .breathing-guide-figure,.breath-hold .breathing-guide-aura{animation-duration:calc(var(--guide-breath-seconds) * 1s)}.breath-hold .breathing-guide-figure{animation-name:guideHold}.breath-hold .breathing-guide-aura{animation-name:guideAuraHold}.breath-exhale .breathing-guide-figure,.breath-exhale .breathing-guide-aura{animation-duration:calc(var(--guide-breath-seconds) * 1s)}.breath-exhale .breathing-guide-figure{animation-name:guideExhale}.breath-exhale .breathing-guide-aura{animation-name:guideAuraExhale}.phase-paused .breathing-guide-set *{animation-play-state:paused}.phase-paused .breathing-guide-figure{opacity:.82}.phase-due .breathing-guide-set{opacity:.68;filter:saturate(.9)}.scene-petal{z-index:2;opacity:.82;will-change:transform, opacity;background:radial-gradient(at 38% 26%,#ffffffe0,#0000 42%),linear-gradient(145deg,#fff5fa 0%,#f5bad4 58%,#de82ae 100%);border-radius:70% 30% 78% 24%;width:.78rem;height:1.2rem;animation:14s linear infinite petalDrift;display:block;position:absolute;transform:translate(0,0)rotate(16deg);box-shadow:0 .25rem .6rem #b94f8329}.phase-ready .scene-petal{opacity:.42;animation-play-state:paused}.phase-paused .scene-petal{animation-play-state:paused}.phase-due .scene-petal{animation:1.45s ease-out both petalRelease}.water-focus{z-index:2;aspect-ratio:1;color:#4089a5b3;width:4.2rem;opacity:calc(.34 + var(--petal-progress) * .46);transform:translate3d(0, 0, 0) scale(calc(.85 + var(--petal-progress) * .2));background:radial-gradient(circle,#ffffff47,#0000 70%);border-radius:50%;place-items:center;transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:23%;right:26%}.phase-paused .water-focus{opacity:.48}.phase-due .water-focus{color:#dc75a7ad;opacity:.85;animation:1.6s ease-out infinite waterBloom}.petal-pile{z-index:3;pointer-events:none;width:9rem;height:4.6rem;position:absolute;bottom:14%;right:22%}.petal-pile i{width:.72rem;height:1.18rem;opacity:var(--pile-opacity);background:radial-gradient(at 38% 24%,#ffffffeb,#0000 42%),linear-gradient(145deg,#fff8fb 0%,#f4b3d0 64%,#df7fb0 100%);border-radius:78% 22% 82% 18%/72% 28% 86% 24%;transition:opacity .42s;position:absolute;bottom:46%;left:50%;transform:translate(0,0)rotate(-18deg);box-shadow:0 .16rem .32rem #9a49771f,inset 0 -.08rem .18rem #cc57961f}.petal-pile i:after{content:"";background:linear-gradient(#ffffffb3,#d5609938);border-radius:999px;width:1px;height:58%;position:absolute;top:18%;left:48%;transform:rotate(8deg)}.petal-pile i:first-child{transform:translate(-3.7rem,.7rem)rotate(58deg)scale(.95)}.petal-pile i:nth-child(2){transform:translate(-2.45rem,-.15rem)rotate(24deg)scale(.88)}.petal-pile i:nth-child(3){transform:translate(-1.25rem,.58rem)rotate(83deg)scale(.92)}.petal-pile i:nth-child(4){transform:translate(-.15rem,-.35rem)rotate(-16deg)scale(.98)}.petal-pile i:nth-child(5){transform:translate(1.15rem,.42rem)rotate(72deg)scale(.86)}.petal-pile i:nth-child(6){transform:translate(2.38rem,-.18rem)rotate(31deg)scale(.9)}.petal-pile i:nth-child(7){transform:translate(3.35rem,1.24rem)rotate(110deg)scale(.78)}.petal-pile i:nth-child(8){transform:translate(1.85rem,2.02rem)rotate(42deg)scale(.72)}.phase-paused .petal-pile i{filter:saturate(.8)}.phase-due .petal-pile i{animation:1.2s ease-out forwards pileDissolve}.finish-haze{z-index:4;opacity:0;pointer-events:none;background:radial-gradient(#ffebf6d1,#ffffff57 48%,#0000 72%);border-radius:50%;width:16rem;height:8rem;position:absolute;bottom:10%;right:18%;transform:scale(.7)}.phase-due .finish-haze{animation:1.7s ease-out forwards hazeLift}.petal-one{top:12%;left:76%}.petal-two{animation-duration:18s;animation-delay:-4s;top:28%;left:56%;scale:.72}.petal-three{animation-duration:16s;animation-delay:-8s;top:45%;left:83%;scale:1.08}.petal-four{animation-duration:20s;animation-delay:-2s;top:65%;left:16%;scale:.82}.petal-five{animation-duration:19s;animation-delay:-11s;top:72%;left:69%;scale:.66}.control-panel{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffc7,#f0faff8f),#ffffff73;grid-template-rows:auto auto auto auto auto auto;align-content:start;align-self:stretch;gap:clamp(.52rem,1.1vh,.8rem);padding:clamp(.85rem,1.55vw,1.15rem);display:grid;position:relative}.title-row{text-align:center;grid-template-columns:minmax(0,1fr);place-items:start center;gap:.5rem;min-height:4.6rem;display:grid;position:relative}.title-row>div:first-child{min-width:0;max-width:min(100%,34rem)}.top-actions{align-items:center;gap:.42rem;display:flex;position:absolute;top:0;right:0}.eyebrow{color:#527499;font-family:var(--hand);letter-spacing:0;margin:0 0 .12rem;font-size:clamp(.68rem,1vw,.8rem);font-weight:800}h1{color:var(--ink);font-family:var(--hand);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2.35rem,4.25vw,3.75rem);font-weight:700;line-height:.96}.status-pill{border:1px solid var(--line);color:#27715e;min-width:8.6rem;min-height:2.38rem;font-family:var(--hand);text-align:center;white-space:nowrap;background:#e2f9eed1;border-radius:999px;place-items:center;padding:.45rem .76rem;font-size:.78rem;font-weight:800;display:grid;box-shadow:inset 0 1px #fffc}.icon-button{aspect-ratio:1;border:1px solid var(--line);color:#315778;background:#ffffff94;border-radius:999px;place-items:center;width:2.38rem;display:inline-grid;box-shadow:inset 0 1px #ffffffd1}.icon-button:hover{background:#eff9ffd1}.status-pill.running{color:#2f68a6;background:#e0f0ffd6}.status-pill.paused{color:#6753a6;background:#f4eeffd6}.status-pill.due{color:#a94070;background:#ffe5eee6;box-shadow:0 0 0 .22rem #f4adc933}.status-pill.restarting{color:#34745e;background:#e2faefe6}.timer-card{place-items:center;min-height:0;padding:.1rem 0;display:grid;position:relative}.timer-card>.info-hint{z-index:4;position:absolute;top:.25rem;right:max(.4rem,50% - 9.3rem)}.progress-ring{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, #fffc 0 56%, transparent 57%), conic-gradient(from -90deg, #ef9bc0ad var(--progress), #d6eeff94 0), linear-gradient(135deg, #fffafddb, #def7f4b8);border-radius:50%;place-items:center;width:min(100%,clamp(12.2rem,31vh,17.4rem));display:grid;position:relative;box-shadow:inset 0 0 0 .54rem #ffffffb8,0 .9rem 2rem #3f658d24,0 0 0 .08rem #ffffffa6}.progress-ring.breath{background:conic-gradient(var(--rose) var(--progress), #ffffff9e 0), linear-gradient(135deg, #fff7fcd6, #dff9f7a3)}.progress-ring.reset{background:conic-gradient(var(--mint) var(--progress), #ffffff9e 0), linear-gradient(135deg, #f5fffad6, #e0f1ffa3)}.timer-face{aspect-ratio:1;text-align:center;background:linear-gradient(#ffffffdb,#f1faffa8);border:1px solid #ffffffc7;border-radius:50%;width:calc(100% - 1.85rem);padding:.78rem;display:block;position:relative;box-shadow:inset 0 1px #ffffffeb}.time-display{color:#16324a;width:5.02ch;height:4.9rem;font-family:var(--hand);letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;contain:layout paint;grid-template-columns:2ch .42ch 2ch;justify-content:center;align-items:center;font-size:clamp(2.85rem,8vh,4.7rem);font-weight:800;line-height:.98;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-segment,.time-colon{place-items:center;width:100%;min-width:0;line-height:1;display:inline-grid}.time-colon{transform:translateY(-.08em)}.round-label,.preset-label{color:#5f7892;font-family:var(--hand);font-size:clamp(.78rem,1.5vh,.92rem);font-weight:800}.round-label{color:#37735f;background:#e5f9efb8;border-radius:999px;justify-content:center;align-items:center;min-width:4.9rem;min-height:1.75rem;padding:.28rem .62rem;display:inline-flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.preset-label{text-align:center;width:80%;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.ring-petal{transform:rotate(var(--progress));pointer-events:none;border-radius:50%;transition:transform .42s;position:absolute;inset:0}.ring-petal:after{content:"";background:radial-gradient(at 36% 26%,#ffffffe6,#0000 44%),linear-gradient(145deg,#fff0f8,#e88ab8);border-radius:70% 28%;width:.86rem;height:1.2rem;position:absolute;top:.15rem;left:50%;transform:translate(-50%)rotate(28deg);box-shadow:0 .2rem .5rem #c057893d}.settings-panel{z-index:10;-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background:#f8fdffdb;border:1px solid #ffffffad;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:min(24rem,100% - 2rem);padding:.54rem;display:grid;position:absolute;top:4.3rem;right:1rem;box-shadow:0 .9rem 2rem #3d688f24}.setting-toggle{color:#2f526f;min-height:2.32rem;font-family:var(--hand);text-align:left;background:#ffffff8f;border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.44rem .58rem;font-size:.76rem;font-weight:800;display:grid}.setting-toggle.active{color:#214a6e;background:#e6f7ffcc;border-color:#78adffc2}.command-setting{color:#375a75;font-family:var(--hand);background:#fff9;border:1px solid #78adff47;border-radius:8px;grid-column:1/-1;gap:.34rem;padding:.58rem;font-size:.74rem;font-weight:800;display:grid}.command-setting>span,.minute-control>span,.confirm-box label,.reference-strip>span{align-items:center;gap:.32rem;display:inline-flex}.command-setting input{color:#173349;width:100%;height:2.28rem;font-family:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;background:#ffffffd1;border:1px solid #bad5ecd1;border-radius:8px;outline:none;padding:0 .68rem;font-size:.82rem;font-weight:800;box-shadow:inset 0 1px #ffffffe0}.command-setting input:focus{border-color:#6aa8fff2;box-shadow:0 0 0 .18rem #6aa8ff2e}.breath-guide{border:1px solid var(--line);color:#36576c;background:#ffffff85;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:2.8rem;padding:.55rem .72rem;display:grid}.breath-guide div{justify-content:space-between;gap:1rem;min-width:0;display:flex}.breath-guide strong,.breath-guide span{font-family:var(--hand);font-weight:800}.breath-orb{aspect-ratio:1;will-change:transform;background:radial-gradient(circle at 35% 25%,#fff,#f3a7c9 42%,#83d8ff);border-radius:50%;width:1.7rem;animation:4s ease-in-out infinite breathOrb;box-shadow:0 0 0 .45rem #f5a8c729}.preset-panel{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:.5rem;display:grid}.preset-card{min-width:0;position:relative}.preset-button{color:#2b4962;text-align:left;background:#ffffff75;border:1px solid #ffffffad;border-radius:8px;grid-template-rows:auto auto auto;align-content:start;gap:.18rem;width:100%;min-height:clamp(4.05rem,8.4vh,4.72rem);padding:.55rem 1.35rem .55rem .55rem;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffffd6,0 .36rem .9rem #486f970a}.preset-button:hover:not(:disabled),.preset-card.selected .preset-button{background:#ebf8ffbd;border-color:#78adffc7;box-shadow:inset 0 1px #ffffffe6,0 .5rem 1.1rem #486f9714}.preset-button:disabled{opacity:.58}.preset-button strong,.preset-button small{display:block}.preset-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.34rem;display:grid}.preset-info-slot{z-index:2;position:absolute;top:.42rem;right:.4rem}.preset-icon{aspect-ratio:1;color:#3a73b5;background:linear-gradient(145deg,#fff7fceb,#ddf3ffdb);border-radius:999px;place-items:center;width:1.58rem;display:inline-grid;box-shadow:inset 0 1px #ffffffeb}.preset-name{min-width:0;font-family:var(--hand);overflow-wrap:anywhere;font-size:clamp(.66rem,1.16vh,.8rem);font-weight:800;line-height:1.18}.info-hint{aspect-ratio:1;color:#47739b;cursor:pointer;vertical-align:middle;background:#ffffff94;border:1px solid #91bce280;border-radius:999px;place-items:center;width:1.45rem;min-width:1.45rem;padding:0;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-grid;box-shadow:inset 0 1px #ffffffd6}.info-hint:hover{color:#255f93;background:#e7f6ffe6;border-color:#5a99d5b8;transform:translateY(-1px)}.preset-button strong{color:#1d3d5e;font-family:var(--hand);align-self:center;font-size:clamp(.95rem,2vh,1.13rem);font-weight:800;line-height:1.08}.preset-button small{color:#6d8499;font-size:clamp(.62rem,1.25vh,.74rem);line-height:1.2}.controls{grid-template-columns:minmax(9rem,.8fr) 1fr;align-items:end;gap:.7rem;display:grid}.minute-control{color:#44637f;gap:.28rem;font-size:.82rem;font-weight:800;display:grid}.minute-control>span{font-family:var(--hand)}.minute-control input,.confirm-box input{border:1px solid var(--line);color:#173349;background:#ffffffb3;border-radius:8px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffd1}.minute-control input{height:2.85rem;font-family:var(--hand);padding:0 .9rem;font-size:1.02rem;font-weight:800}.minute-control input:focus,.confirm-box input:focus{border-color:#6aa8fff2;box-shadow:0 0 0 .2rem #6aa8ff2e,inset 0 1px #ffffffd1}.button-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.button-row>.secondary-button:only-child{grid-column:2}.primary-button,.secondary-button{min-height:2.85rem;font-family:var(--hand);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.48rem;padding:.5rem .82rem;font-weight:800;transition:box-shadow .15s,background .15s,transform .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.primary-button{color:#16324a;text-shadow:0 1px #ffffff94;background:radial-gradient(circle at 18% 12%,#ffffffeb,#0000 28%),radial-gradient(circle at 88% 100%,#ec85bbb8,#0000 46%),linear-gradient(135deg,#8fbaff 0%,#abe9dc 54%,#ef9ec8 100%);border-color:#ffffffc7;box-shadow:inset 0 .14rem #ffffffb8,inset 0 -.55rem 1rem #4675a026,0 .72rem 1.18rem #467eb038,0 .08rem .18rem #112d4d1f}.primary-button:before{opacity:.85;pointer-events:none;content:"";background:linear-gradient(110deg,#ffffff9e,#fff0);border-radius:999px;width:44%;height:42%;position:absolute;inset:.08rem auto auto 11%}.primary-button>svg,.primary-button>span{z-index:1;position:relative}.secondary-button{color:#214662;background:linear-gradient(#ffffffeb,#f4fbffbd);border-color:#bad5ecb8;box-shadow:inset 0 1px #ffffffeb,0 .45rem .95rem #486f9714}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:inset 0 .14rem #ffffffc2,inset 0 -.55rem 1rem #4675a029,0 .9rem 1.35rem #467eb045,0 .08rem .18rem #112d4d1f}.secondary-button:hover{border-color:#78adff9e;box-shadow:inset 0 1px #fffffff0,0 .6rem 1rem #486f971f}.primary-button:focus-visible,.secondary-button:focus-visible,.preset-button:focus-visible,.icon-button:focus-visible,.info-hint:focus-visible,.setting-toggle:focus-visible{outline-offset:.12rem;outline:.18rem solid #6aa8ff61}.info-popup-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16324a38;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.info-popup{color:#244760;background:linear-gradient(145deg,#fffffff0,#effaffdb),#ffffffe6;border:1px solid #ffffffc7;border-radius:8px;gap:.72rem;width:min(26rem,100%);padding:1rem;display:grid;box-shadow:0 1.35rem 3rem #264f7038,inset 0 1px #fffffff2}.info-popup-header{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:grid}.info-popup-icon{aspect-ratio:1;color:#2d6ea6;background:#e7f6ffd1;border:1px solid #91bce27a;border-radius:999px;place-items:center;width:2rem;display:inline-grid}.info-popup h2{color:#16324a;font-family:var(--hand);letter-spacing:0;margin:0;font-size:1.05rem;font-weight:800}.info-popup p{color:#55708a;margin:0;font-size:.88rem;line-height:1.45}.info-popup-close{justify-self:end;min-width:6.6rem}.confirm-box{background:#fff1f8ad;border:1px solid #f499bf61;border-radius:8px;gap:.55rem;min-height:0;padding:.72rem;display:grid}.confirm-box label{color:#8b3c69;font-family:var(--hand);font-size:.84rem;font-weight:800}.confirm-box input{height:2.9rem;font-family:var(--hand);padding:0 .88rem;font-size:.98rem;font-weight:800}.hint,.audio-note{color:#647e96;margin:0;font-size:.76rem;line-height:1.35}.hint{color:#a23e6c}.confirm-box.soft{color:#316954;font-family:var(--hand);background:#e8fcf1ad;border-color:#7fd0ae6b;grid-template-columns:auto 1fr;align-items:center;font-size:.8rem;font-weight:800}.feedback-toast{color:#8b3c69;background:#fff1f8c7;border:1px solid #f499bf66;border-radius:8px;margin:0;padding:.58rem .7rem;font-size:.76rem;font-weight:700;line-height:1.32}.reference-strip{background:#fff6;border:1px solid #ffffffa3;border-radius:8px;gap:.14rem;min-height:0;padding:.58rem .72rem;display:grid}.reference-strip span{color:#3d6387;font-family:var(--hand);font-size:.7rem;font-weight:800}.reference-strip p{color:#647e96;margin:0;font-size:.75rem;line-height:1.32}@keyframes petalDrift{0%{opacity:0;transform:translateY(-1.2rem)rotate(8deg)}12%,82%{opacity:.82}to{opacity:0;transform:translate(-4rem,18rem)rotate(145deg)}}@keyframes petalRelease{0%{opacity:.78;transform:translate(0,0)rotate(16deg)scale(1)}to{opacity:0;transform:translate(-1.6rem,-4rem)rotate(145deg)scale(1.5)}}@keyframes pileDissolve{to{opacity:0;transform:translateY(-1rem)rotate(18deg)scale(1.25)}}@keyframes hazeLift{0%{opacity:0;transform:translateY(.6rem)scale(.65)}45%{opacity:.86}to{opacity:0;transform:translate(-.8rem,-2rem)scale(1.22)}}@keyframes waterBloom{50%{transform:translate(0,0)scale(1.18)}}@keyframes guideCalmFigure{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-.22rem)scale(1.018)}}@keyframes guideCalmAura{0%,to{opacity:.62;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.88;transform:translate(-50%,-50%)scale(1.12)}}@keyframes guideInhale{0%{transform:translateY(.08rem)scale(.985)}to{transform:translateY(-.34rem)scale(1.045)}}@keyframes guideHold{0%,to{transform:translateY(-.26rem)scale(1.035)}50%{transform:translateY(-.32rem)scale(1.045)}}@keyframes guideExhale{0%{transform:translateY(-.34rem)scale(1.045)}to{transform:translateY(.08rem)scale(.985)}}@keyframes guideAuraInhale{0%{opacity:.54;transform:translate(-50%,-50%)scale(.72)}to{opacity:.92;transform:translate(-50%,-50%)scale(1.34)}}@keyframes guideAuraHold{0%,to{opacity:.84;transform:translate(-50%,-50%)scale(1.2)}50%{opacity:.96;transform:translate(-50%,-50%)scale(1.34)}}@keyframes guideAuraExhale{0%{opacity:.94;transform:translate(-50%,-50%)scale(1.34)}to{opacity:.52;transform:translate(-50%,-50%)scale(.72)}}@keyframes softShake{0%,to{transform:translate(0,0)}25%{transform:translate(.18rem)}75%{transform:translate(-.18rem)}}@keyframes breathOrb{0%,to{transform:scale(.84)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=981px){body{overflow:hidden}.focus-shell{height:100svh;min-height:100svh;max-height:100svh}.sakura-stage,.control-panel{height:100%;min-height:0}.sakura-stage{background-position:47%}.control-panel{max-height:calc(100svh - clamp(1.5rem,3.6vw,2.5rem))}@media (width<=1450px){.title-row{min-height:6.5rem}.title-row>div:first-child{padding-top:2.45rem}.top-actions{justify-content:flex-end;width:100%}}@media (height<=820px){.control-panel{gap:.42rem;padding:.78rem}h1{font-size:clamp(2rem,3.6vw,2.85rem)}.progress-ring{width:min(100%,14.6rem)}.preset-button{min-height:3.92rem;padding:.44rem}.preset-info-slot{top:.3rem;right:.3rem}.preset-icon{width:1.36rem}.preset-button small{font-size:.66rem}.minute-control input,.primary-button,.secondary-button{height:2.45rem;min-height:2.45rem}.reference-strip,.audio-note{font-size:.7rem}}.phase-due.shake-enabled .control-panel{animation:.24s linear 6 softShake}}@media (width>=1600px){.focus-shell{grid-template-columns:minmax(44rem,1fr) minmax(44rem,1fr);gap:clamp(1rem,1.6vw,1.8rem);width:min(1880px,100% - 3rem)}.control-panel{gap:clamp(.68rem,1.1vh,.95rem);padding:clamp(1rem,1.2vw,1.35rem)}.title-row{min-height:5.25rem}.progress-ring{width:min(100%,clamp(15rem,29vh,22rem))}.preset-panel{gap:.64rem}.preset-button{min-height:clamp(4.55rem,7.5vh,5.35rem);padding:.65rem}.controls{grid-template-columns:minmax(14rem,.72fr) 1fr}}@media (width<=980px){.focus-shell{grid-template-columns:1fr;align-content:start;width:min(100% - 1rem,44rem);min-height:auto;padding:.85rem 0 1rem}.sakura-stage{aspect-ratio:auto;background-position:50%;width:100%;height:clamp(15.5rem,36vh,20rem);min-height:0}.water-focus{display:none}.breathing-guide-set{width:clamp(10.8rem,48vw,15rem);max-width:52%;bottom:.05rem;left:50%;transform:translate(-50%)}.control-panel{overflow:visible}.title-row,.controls,.confirm-box.soft{grid-template-columns:1fr}.title-row{justify-items:stretch;gap:.5rem;min-height:0;padding:0}.title-row>div:first-child{text-align:center;justify-self:center;padding-top:0}.top-actions{grid-template-columns:1fr auto;width:100%;display:grid;position:static}.status-pill{width:100%}.progress-ring{width:min(100%,16rem)}}@media (width<=720px){h1{font-size:clamp(2.1rem,11vw,3rem);line-height:1.02}.preset-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{grid-template-columns:1fr}.button-row>.secondary-button:only-child{grid-column:auto}.settings-panel{grid-template-columns:1fr;width:auto;top:7.4rem;left:.85rem;right:.85rem}}@media (width<=430px){.sakura-stage{height:15rem;min-height:0}.breathing-guide-set{width:11.35rem;max-width:56%;bottom:.16rem;left:50%;transform:translate(-50%)}.breathing-step-chip{min-width:6.8rem;min-height:1.9rem;padding:.26rem .58rem;font-size:.74rem}.control-panel{padding:.85rem}.title-row{gap:.92rem}.top-actions{margin-top:.08rem}.progress-ring{width:min(100%,14.25rem)}.time-display{height:3.9rem;font-size:clamp(2.85rem,14vw,3.55rem)}.preset-panel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(9rem,72%);grid-auto-flow:column;padding-bottom:.18rem;overflow-x:auto}.preset-button{scroll-snap-align:start;min-height:5rem}}