.flow-shell{width:100%;height:100dvh;min-height:650px;color:var(--text,#f7f2e9);isolation:isolate;background:#100f0e;flex-direction:column;font-family:inherit;display:flex;position:relative;overflow:hidden}.flow-shell button,.flow-shell select,.flow-shell input{font-family:inherit}.flow-shell button{cursor:pointer}.flow-header{border-bottom:1px solid #ffffff0c;align-items:center;gap:28px;height:90px;min-height:90px;padding:0 4.2%;display:flex}.flow-back{color:#a69d8f;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.flow-heading{border-left:1px solid #ffffff14;flex-direction:column;gap:7px;padding-left:27px;display:flex}.flow-kicker{letter-spacing:2.3px;color:#9a8970;font-size:9px}.flow-heading strong{letter-spacing:-.4px;font-size:18px;font-weight:500}.flow-header-right{align-items:center;gap:30px;margin-left:auto;display:flex}.flow-live-state{color:#a39b8f;align-items:center;gap:8px;font-size:11px;display:flex}.flow-live-state i{background:#736a5b;border-radius:50%;width:5px;height:5px}.flow-live-state i.is-on{background:#e3bf80;box-shadow:0 0 9px #e3bf8066}.flow-icon-button{color:#b6a68c;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.flow-subbar{justify-content:space-between;align-items:center;gap:20px;height:84px;min-height:84px;padding:0 4.2%;display:flex}.flow-mode-group{background:#191714;border:1px solid #ffffff0b;border-radius:9px;gap:3px;padding:4px;display:flex}.flow-mode-group button{color:#8f887e;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;transition:background .2s,color .2s;display:flex}.flow-mode-group button.is-active{color:#e6c58c;background:#cda36320;box-shadow:inset 0 0 0 1px #d6b37826}.flow-session-meta{align-items:center;gap:15px;display:flex}.flow-measure-label{letter-spacing:1.7px;color:#766f65;font-size:8px;font-weight:500}.flow-session-meta>b{color:#e9cb95;font-size:22px;font-weight:400}.flow-dot-divider{background:#655844;border-radius:100%;width:3px;height:3px}.flow-clock{font-variant-numeric:tabular-nums;color:#d8c8ae;letter-spacing:.5px;font-size:14px}.flow-clock em{color:#696359;font-size:11px;font-style:normal}.flow-stage{background:radial-gradient(at 48% 52%,#3f301718 0%,#17151044 44%,#12110f 85%);border:1px solid #bda77814;border-radius:12px 12px 0 0;flex:1;min-height:280px;margin:0 4.2%;position:relative;overflow:hidden}.flow-stage canvas{touch-action:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.flow-stage-caption{pointer-events:none;z-index:2;position:absolute;top:22px;left:27px}.flow-stage-caption>span{letter-spacing:2px;color:#887963;font-size:8px}.flow-stage-caption p{letter-spacing:-.65px;color:#c5b596;margin:9px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.flow-edge-label{color:#635a4b;letter-spacing:1.7px;z-index:2;pointer-events:none;font-size:7px;position:absolute;right:17px}.flow-edge-top{top:15%}.flow-edge-bottom{bottom:15%}.flow-stage-footer{color:#837868;z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;font-size:9px;display:flex;position:absolute;bottom:20px;left:26px;right:26px}.flow-stage-footer>span:first-child{align-items:center;gap:7px;display:flex}.flow-stage-footer i{background:#d5af72;border-radius:50%;width:5px;height:5px;display:block}.flow-stage-instruction{color:#a99b85}.flow-stage-footer>button{pointer-events:auto;color:#d9b77f;background:#2b251b;border:1px solid #c4a46d3d;border-radius:6px;padding:5px 10px;font-size:10px}.flow-direction-label{color:#675d4c}.flow-session-progress{z-index:3;background:#dfb874;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #dfb87450}.flow-toast{z-index:6;color:#d9c6a4;background:#252117f5;border:1px solid #d4ac643b;border-radius:8px;width:max-content;max-width:85%;padding:15px 39px 15px 19px;font-size:12px;line-height:1.7;position:absolute;bottom:55px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.flow-toast button{color:#d9c6a4;background:0 0;border:0;font-size:20px;position:absolute;top:9px;right:10px}.flow-pause-indicator{color:#bba780;z-index:2;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:25px;right:25px}.flow-controls{background:#181613;border:1px solid #bda77819;border-top:0;border-radius:0 0 12px 12px;grid-template-columns:minmax(145px,1.12fr) repeat(3,minmax(105px,1fr)) 140px;align-items:center;gap:28px;margin:0 4.2%;padding:28px 27px 24px;display:grid}.flow-controls label{color:#8e8270;letter-spacing:1.6px;margin-bottom:12px;font-size:8px;display:block}.flow-pattern-container{position:relative}.flow-pattern-trigger{color:#dfb874;background:0 0;border:0;align-items:center;gap:10px;width:100%;height:31px;padding:0;display:flex}.flow-pattern-trigger>svg{width:42px}.flow-pattern-trigger strong{color:#e6d7bf;white-space:nowrap;font-size:13px;font-weight:500}.flow-pattern-trigger>span{color:#897c68;margin-left:auto;font-size:18px}.flow-slider-group label{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.flow-slider-group label strong{letter-spacing:0;color:#e5d4b7;font-size:14px;font-weight:400}.flow-slider-group label small{color:#8b7e69;font-size:9px}.flow-slider-group input[type=range]{appearance:none;background:linear-gradient(to right,#d8b77e var(--fill),#39342b var(--fill));cursor:pointer;border:0;border-radius:3px;outline:none;width:100%;height:3px;padding:0;display:block}.flow-slider-group input[type=range]::-webkit-slider-thumb{appearance:none;background:#eed5a5;border:2px solid #332b1d;border-radius:50%;outline:1px solid #d4b680;width:10px;height:10px;box-shadow:0 0 13px #d7ad5c25}.flow-slider-group input[type=range]::-moz-range-thumb{background:#eed5a5;border:2px solid #332b1d;border-radius:50%;outline:1px solid #d4b680;width:8px;height:8px}.flow-slider-group>span{color:#645e53;justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.flow-time-control{border-left:1px solid #ffffff0b;padding-left:24px}.flow-time-control select{color:#cabb9f;background:#181613;border:0;outline:none;width:100%;padding:5px 0;font-size:11px}.flow-play{color:#392714;white-space:nowrap;background:linear-gradient(140deg,#efd19b,#d7ad6c);border:1px solid #f4dbae55;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:16px 15px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 20px #d6aa4d0d}.flow-play:hover{filter:brightness(1.1)}.flow-bottom-bar{justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:0 4.2%;display:flex}.flow-bottom-bar p{color:#746c60;letter-spacing:.12px;margin:0;font-size:9px}.flow-bottom-bar>div{align-items:center;gap:17px;display:flex}.flow-bottom-bar button{color:#837563;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:9px;display:flex}.flow-bottom-bar button.is-active{color:#bea16b}.flow-bottom-bar button.flow-finish{color:#dfb874;white-space:nowrap;border:1px solid #dfb87429;border-radius:5px;padding:7px 12px}.flow-pattern-menu{z-index:11;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#201d18fa;border:1px solid #d3ac683c;border-radius:12px;width:350px;padding:16px 10px 10px;position:absolute;bottom:65px;left:-12px;box-shadow:0 20px 80px #000b}.flow-menu-heading{letter-spacing:1.4px;color:#9d8b6d;margin:0 10px 12px;font-size:8px;display:block}.flow-pattern-menu>button{text-align:left;color:#9f8864;background:0 0;border:0;border-radius:7px;align-items:center;gap:15px;width:100%;padding:8px 10px;display:flex}.flow-pattern-menu>button:hover,.flow-pattern-menu>button.is-selected{color:#e4be7f;background:#dfb87412}.flow-pattern-menu>button>span{flex-direction:column;gap:5px;display:flex}.flow-pattern-menu strong{color:#e1d4be;font-size:12px;font-weight:500}.flow-pattern-menu small{color:#8e8270;font-size:9px;line-height:1.5}.flow-pattern-menu>button>svg:last-child:not(:first-child){flex-shrink:0;margin-left:auto}.flow-dismiss{z-index:10;background:0 0;border:0;position:fixed;inset:0;cursor:default!important}.flow-shell button:focus-visible,.flow-shell select:focus-visible{outline-offset:4px;outline:2px solid #dfb874}.flow-shell input:focus-visible{outline-offset:8px;outline:2px solid #dfb874}@media (width>=1600px){.flow-header{height:100px;min-height:100px}.flow-stage-caption p{font-size:34px}.flow-controls{gap:40px;padding-top:34px;padding-bottom:30px}.flow-bottom-bar{min-height:76px}}@media (width<=1050px){.flow-header{height:75px;min-height:75px;padding:0 3%}.flow-subbar{height:74px;min-height:74px;padding:0 3%}.flow-stage,.flow-controls{margin-left:3%;margin-right:3%}.flow-controls{grid-template-columns:1.05fr repeat(3,minmax(0,1fr)) 108px;gap:22px;padding:24px 21px}.flow-time-control{display:none}.flow-bottom-bar{padding:0 3%}.flow-bottom-bar p{max-width:53%;line-height:1.5}.flow-measure-label{letter-spacing:1.2px;font-size:7px}.flow-stage-instruction{font-size:8px}}@media (width<=700px) and (orientation:portrait){.flow-shell{min-height:680px}.flow-header{gap:14px;height:72px;min-height:72px;padding:0 20px}.flow-back span{display:none}.flow-heading{gap:6px;padding-left:15px}.flow-heading strong{font-size:16px}.flow-kicker{letter-spacing:1.7px;font-size:7px}.flow-live-state{display:none}.flow-header-right{gap:0}.flow-subbar{flex-wrap:wrap;justify-content:center;gap:13px;height:auto;min-height:110px;padding:15px 20px}.flow-mode-group{flex:1;justify-content:space-between}.flow-mode-group button{flex:1;justify-content:center;gap:6px;padding:9px 8px;font-size:10px}.flow-session-meta{justify-content:space-between;gap:10px;width:100%}.flow-measure-label{font-size:7px}.flow-session-meta>b{margin-left:auto;font-size:16px}.flow-dot-divider{margin-left:auto}.flow-clock{font-size:12px}.flow-stage{border-radius:10px 10px 0 0;min-height:290px;margin:0 15px}.flow-stage-caption{top:19px;left:18px}.flow-stage-caption>span{letter-spacing:1.3px;font-size:6px}.flow-stage-caption p{margin-top:7px;font-size:23px}.flow-edge-label{display:none}.flow-stage-footer{flex-wrap:wrap;gap:9px;font-size:7px;bottom:18px;left:16px;right:16px}.flow-direction-label{display:none}.flow-stage-instruction{text-align:right;max-width:190px;font-size:8px}.flow-controls{grid-template-columns:1fr 1fr;gap:24px 22px;min-height:193px;margin:0 15px;padding:22px 19px}.flow-pattern-container{grid-area:1/1}.flow-play{grid-area:1/2;padding:12px 10px;font-size:11px}.flow-slider-group:nth-child(2){grid-area:2/1}.flow-slider-group:nth-child(3){grid-area:2/2}.flow-controls label{margin-bottom:9px;font-size:7px}.flow-pattern-trigger strong{font-size:12px}.flow-slider-group label{margin-bottom:16px}.flow-slider-group>span{margin-top:12px;font-size:7px}.flow-bottom-bar{flex-direction:column-reverse;gap:13px;min-height:88px;padding:14px 21px}.flow-bottom-bar p{text-align:center;max-width:100%;font-size:8px}.flow-bottom-bar>div{justify-content:center;gap:25px;width:100%}.flow-bottom-bar button{font-size:9px}.flow-pattern-menu{width:min(330px,100vw - 54px);padding:13px 8px 8px;bottom:52px;left:-4px}.flow-pattern-menu small{font-size:8px}.flow-pattern-menu>button{gap:10px;padding:6px 8px}.flow-toast{max-width:88%;padding:12px 30px 12px 14px;font-size:10px;bottom:50px}.flow-pause-indicator{font-size:9px;top:18px;right:16px}}@media (orientation:landscape) and (height<=600px){.flow-shell{height:100dvh;min-height:300px}.flow-header{gap:17px;height:47px;min-height:47px;padding:0 3%}.flow-heading{flex-direction:row;align-items:center;gap:12px;padding-left:17px}.flow-heading strong{font-size:13px}.flow-kicker{letter-spacing:1.5px;font-size:7px}.flow-back{font-size:10px}.flow-header-right{gap:16px}.flow-live-state{font-size:9px}.flow-icon-button{width:26px;height:26px}.flow-subbar{height:47px;min-height:47px;padding:0 3%}.flow-mode-group{border-radius:6px;padding:2px}.flow-mode-group button{gap:7px;padding:6px 10px;font-size:9px}.flow-mode-group svg{width:13px;height:13px}.flow-session-meta{gap:10px}.flow-measure-label{letter-spacing:1px;font-size:6px}.flow-clock{font-size:11px}.flow-clock em{font-size:9px}.flow-session-meta>b{font-size:15px}.flow-stage{border-radius:8px 8px 0 0;min-height:100px;margin:0 3%}.flow-stage-caption{top:11px;left:19px}.flow-stage-caption>span{letter-spacing:1.3px;font-size:6px}.flow-stage-caption p{margin:5px 0 0;font-size:20px}.flow-edge-label{font-size:6px}.flow-stage-footer{font-size:7px;bottom:10px;left:19px;right:19px}.flow-stage-instruction{font-size:7px}.flow-stage-footer>button{padding:3px 7px;font-size:8px}.flow-controls{border-radius:0 0 8px 8px;grid-template-columns:1.05fr repeat(3,minmax(0,1fr)) 105px;gap:17px;min-height:79px;margin:0 3%;padding:13px 17px}.flow-controls label{letter-spacing:1px;margin-bottom:7px;font-size:6px}.flow-slider-group label{margin-bottom:10px}.flow-slider-group label strong{font-size:11px}.flow-slider-group label small{font-size:8px}.flow-slider-group>span{margin-top:9px;font-size:6px}.flow-pattern-trigger{gap:8px;height:25px}.flow-pattern-trigger strong{font-size:11px}.flow-pattern-trigger>svg{width:35px}.flow-play{gap:8px;padding:12px 8px;font-size:10px}.flow-bottom-bar{gap:20px;height:31px;min-height:31px;padding:0 3%}.flow-bottom-bar p{max-width:65%;font-size:7px}.flow-bottom-bar>div{gap:17px}.flow-bottom-bar button{padding:4px 0;font-size:7px}.flow-bottom-bar button svg{width:13px;height:13px}.flow-bottom-bar button.flow-finish{padding:4px 8px}.flow-pattern-menu{width:290px;max-height:calc(100dvh - 107px);padding:10px 8px 7px;bottom:43px;overflow:auto}.flow-menu-heading{margin-bottom:6px;font-size:6px}.flow-pattern-menu>button{gap:9px;padding:4px 8px}.flow-pattern-menu>button>span{gap:3px}.flow-pattern-menu strong{font-size:10px}.flow-pattern-menu small{font-size:7px}.flow-pattern-menu svg:first-child{width:45px;height:22px}.flow-toast{padding:10px 32px 10px 15px;font-size:10px;bottom:35px}.flow-pause-indicator{font-size:8px;top:13px;right:17px}}@media (width<=700px) and (orientation:portrait){.flow-shell{z-index:40;width:100dvh;height:100dvw;min-height:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.flow-back span{display:block}.flow-header{gap:17px;height:47px;min-height:47px;padding:0 3%}.flow-heading{flex-direction:row;align-items:center;gap:12px;padding-left:17px}.flow-heading strong{font-size:13px}.flow-kicker{letter-spacing:1.5px;font-size:7px}.flow-back{font-size:10px}.flow-header-right{gap:16px}.flow-live-state{font-size:9px;display:flex}.flow-icon-button{width:26px;height:26px}.flow-subbar{flex-wrap:nowrap;justify-content:space-between;gap:20px;height:47px;min-height:47px;padding:0 3%}.flow-mode-group{border-radius:6px;flex:none;justify-content:flex-start;padding:2px}.flow-mode-group button{gap:7px;padding:6px 10px;font-size:9px}.flow-mode-group svg{width:13px;height:13px}.flow-session-meta{justify-content:initial;gap:10px;width:auto}.flow-measure-label{letter-spacing:1px;font-size:6px}.flow-clock{font-size:11px}.flow-clock em{font-size:9px}.flow-session-meta>b{margin-left:0;font-size:15px}.flow-stage{border-radius:8px 8px 0 0;min-height:100px;margin:0 3%}.flow-stage-caption{top:11px;left:19px}.flow-stage-caption>span{letter-spacing:1.3px;font-size:6px}.flow-stage-caption p{margin:5px 0 0;font-size:20px}.flow-edge-label{font-size:6px}.flow-stage-footer{flex-wrap:nowrap;font-size:7px;bottom:10px;left:19px;right:19px}.flow-stage-instruction{text-align:center;max-width:none;font-size:7px}.flow-direction-label{display:block}.flow-stage-footer>button{padding:3px 7px;font-size:8px}.flow-pattern-container,.flow-play,.flow-slider-group:nth-child(2),.flow-slider-group:nth-child(3){grid-area:auto}.flow-controls{border-radius:0 0 8px 8px;grid-template-columns:1.05fr repeat(3,minmax(0,1fr)) 105px;gap:17px;min-height:79px;margin:0 3%;padding:13px 17px}.flow-controls label{letter-spacing:1px;margin-bottom:7px;font-size:6px}.flow-slider-group label{margin-bottom:10px}.flow-slider-group label strong{font-size:11px}.flow-slider-group label small{font-size:8px}.flow-slider-group>span{margin-top:9px;font-size:6px}.flow-pattern-trigger{gap:8px;height:25px}.flow-pattern-trigger strong{font-size:11px}.flow-pattern-trigger>svg{width:35px}.flow-play{gap:8px;padding:12px 8px;font-size:10px}.flow-bottom-bar{flex-direction:row;gap:20px;height:31px;min-height:31px;padding:0 3%}.flow-bottom-bar p{text-align:left;max-width:65%;font-size:7px}.flow-bottom-bar>div{justify-content:initial;gap:17px;width:auto}.flow-bottom-bar button{padding:4px 0;font-size:7px}.flow-bottom-bar button svg{width:13px;height:13px}.flow-bottom-bar button.flow-finish{padding:4px 8px}.flow-pattern-menu{width:290px;max-height:calc(100dvw - 107px);padding:10px 8px 7px;bottom:43px;overflow:auto}.flow-menu-heading{margin-bottom:6px;font-size:6px}.flow-pattern-menu>button{gap:9px;padding:4px 8px}.flow-pattern-menu>button>span{gap:3px}.flow-pattern-menu strong{font-size:10px}.flow-pattern-menu small{font-size:7px}.flow-pattern-menu svg:first-child{width:45px;height:22px}.flow-toast{padding:10px 32px 10px 15px;font-size:10px;bottom:35px}.flow-pause-indicator{font-size:8px;top:13px;right:17px}}@media (prefers-reduced-motion:reduce){.flow-shell *{transition:none!important}}.flow-duration-menu{color:#ac9673;background:#1c1914;border:1px solid #dfb87421;border-radius:5px;outline:none;max-width:109px;padding:7px 8px;font:10px inherit}.flow-duration-menu option{color:#ddcba9;background:#211d17}@media (orientation:landscape) and (height<=600px),(width<=700px) and (orientation:portrait){.flow-duration-menu{max-width:90px;padding:4px 5px;font-size:8px}.flow-controls{gap:17px}.flow-controls label{letter-spacing:.65px}.flow-slider-group label strong{font-size:10px}.flow-slider-group>span{font-size:6px}.flow-stage-instruction{max-width:240px}.flow-bottom-bar>div{gap:12px}}@media (height>=601px){.flow-kicker,.flow-stage-caption>span,.flow-controls label,.flow-measure-label{font-size:10px}.flow-live-state,.flow-mode-group button,.flow-clock em,.flow-stage-footer,.flow-bottom-bar p,.flow-bottom-bar button{font-size:11px}.flow-pattern-menu small,.flow-slider-group>span{font-size:10px}.flow-stage-instruction,.flow-time-control select,.flow-duration-menu{font-size:12px}.flow-heading strong{font-size:20px}.flow-stage-caption p{font-size:31px}}.flow-session-progress{background:linear-gradient(90deg,#dfb87455,#f3d59d);border-radius:0 3px 3px 0;height:3px;transition:width .18s linear;box-shadow:0 0 14px #dfb87466}.flow-stage{box-shadow:inset 0 0 90px -30px #000}.flow-mode-group button,.flow-bottom-bar button,.flow-icon-button,.flow-back{touch-action:manipulation;min-height:44px}.flow-play{min-height:50px}.flow-pattern-trigger{min-height:46px}.flow-toast{box-shadow:0 20px 44px -24px #000}.flow-pause-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-canvas-interactive{cursor:crosshair}@media (width<=760px) and (orientation:portrait){.flow-controls{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.flow-bottom-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=600px){.flow-mode-group button,.flow-bottom-bar button,.flow-icon-button,.flow-back{min-height:38px}.flow-play{min-height:40px}.flow-header,.flow-subbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.flow-shell,.foam-screen,.write-root{--lf-atelier-noir:#0a0705;--lf-atelier-espresso:#1a0f0a;--lf-atelier-gold:#c8a951;--lf-atelier-crema:#fff6e5;--lf-atelier-line:#c8a95124;--lf-flow-guide:#dfb874;--lf-flow-player:#36a9ff;--lf-flow-success:#42e38a;--lf-flow-neutral:#a99f90;background-image:radial-gradient(120% 90% at 50% -10%,#1a0f0a 0%,#0a0705 62%,#08060499 100%);background-color:var(--lf-atelier-noir)}.lf-atelier-mark .latte-flow-mark{display:inline-flex}.lf-atelier-mark .latte-flow-mark img{width:clamp(96px,12vw,138px);height:auto;display:block}@media (orientation:landscape) and (height<=600px){.lf-atelier-mark .latte-flow-mark img{width:clamp(78px,14vw,104px)}}@media (width<=700px) and (orientation:portrait){.lf-atelier-mark .latte-flow-mark img{width:clamp(78px,22vw,110px)}}.flow-header .flow-header-right,.write-stage-header>button:last-child,.foam-top .foam-top-tools{margin-left:auto}.flow-header .lf-atelier-mark,.write-stage-header .lf-atelier-mark{margin-right:4px}.foam-icon-button,.foam-start,.foam-finish,.foam-reset,.write-icon-button,.write-tool,.write-finish,.write-back{touch-action:manipulation;min-height:44px}.foam-icon-button,.write-icon-button{min-width:44px}.flow-stage,.foam-pitcher,.write-board-wrap{box-shadow:inset 0 0 110px -40px #000,0 22px 60px -40px #000}.write-board-wrap{border-radius:12px}.flow-clock,.flow-session-meta>b,.write-timer,.write-stroke-count,.foam-reading strong,.foam-control-title strong{font-variant-numeric:tabular-nums}.high-contrast .flow-shell,.high-contrast .foam-screen,.high-contrast .write-root{background-color:#050403;background-image:none}.high-contrast .lf-atelier-mark .latte-flow-mark img{filter:brightness(1.12)}.reduce-effects .foam-pitcher{filter:none}.flow-stage-caption,.flow-edge-label,.flow-stage-footer{display:none!important}.flow-lane-strip{color:#a99b85;align-items:center;gap:12px;min-height:28px;margin:0 4.2% 8px;font-size:11px;display:flex}.flow-lane-hint{align-items:center;gap:8px;min-width:0;display:flex}.flow-lane-hint i{background:var(--lf-atelier-gold);border-radius:50%;flex:none;width:5px;height:5px}.flow-lane-strip>button{color:#d9b77f;background:#2b251b;border:1px solid #c4a46d3d;border-radius:6px;min-height:34px;margin-left:auto;padding:6px 12px;font-size:11px}.flow-lane-strip .flow-direction-label{color:#7d7160;white-space:nowrap;margin-left:auto;font-size:10px}.flow-lane-strip>button~.flow-direction-label{margin-left:0}.flow-open-label{color:#dfb874;letter-spacing:.4px;white-space:nowrap;background:#1a0f0a;border:1px solid #c8a95133;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:10px}.flow-open-label~.flow-direction-label,.flow-lane-strip>button~.flow-open-label{margin-left:12px}.flow-lane-strip>button{margin-left:auto}.high-contrast .flow-open-label{color:#ffeec4;background:#050403;border-color:#f0d9a2}.reduce-effects .flow-open-label{box-shadow:none}.flow-stage,.flow-controls{border-left:0;border-right:0;border-radius:0;margin-inline:0}.flow-stage{min-height:0}.flow-controls{grid-template-columns:minmax(126px,1fr) repeat(4,minmax(78px,1fr)) 128px;gap:20px}@media (width<=700px) and (orientation:portrait),(orientation:landscape) and (height<=600px){.flow-lane-strip{min-height:22px;margin:0 3% 5px;font-size:10px}.flow-lane-strip>button{min-height:30px;padding:4px 9px;font-size:10px}.flow-open-label{padding:3px 8px;font-size:9px}.flow-stage,.flow-controls{margin-inline:0}.flow-controls{grid-template-columns:minmax(104px,1fr) repeat(4,minmax(64px,1fr)) 104px;gap:14px}}.flow-shell{--lf-flow-rotated:0}@media (width<=700px) and (orientation:portrait){.flow-shell{z-index:auto;width:100%;height:100dvh;min-height:0;position:relative;top:auto;left:auto;transform:none}.flow-header{gap:10px;height:52px;min-height:52px;padding:0 14px}.flow-back{flex:none;font-size:11px}.flow-back span{display:none}.flow-heading{flex-direction:row;flex:auto;align-items:baseline;gap:8px;min-width:0;padding-left:12px}.flow-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.flow-kicker{display:none}.flow-header-right{flex:none;gap:0}.flow-header .lf-atelier-mark{display:none}.flow-heading{border-left:0;padding-left:0}.flow-header,.flow-subbar,.flow-lane-strip,.flow-bottom-bar{flex:none}.flow-controls{overscroll-behavior:contain;flex:0 auto;overflow-y:auto}.flow-stage{flex:auto}.flow-live-state{display:none}.flow-subbar{flex-wrap:wrap;gap:8px;height:auto;min-height:0;padding:8px 14px}.flow-mode-group{flex:100%;justify-content:space-between}.flow-mode-group button{flex:1;justify-content:center;gap:6px;padding:8px 6px;font-size:10px}.flow-session-meta{justify-content:space-between;gap:10px;width:100%}.flow-lane-strip{z-index:4;flex-wrap:wrap;gap:8px;margin:0 16px 6px;position:relative}.flow-lane-hint{flex:100%}.flow-stage{border-radius:0;min-height:150px;margin:0}.flow-controls{border-radius:0;grid-template-columns:1fr 1fr;gap:12px 16px;min-height:0;margin:0;padding:12px 14px 10px}.flow-pattern-container,.flow-slider-group{grid-area:auto}.flow-pattern-container{grid-column:1/-1}.flow-controls label{letter-spacing:1.1px;margin-bottom:8px;font-size:8px}.flow-slider-group label{margin-bottom:12px}.flow-slider-group label strong{font-size:13px}.flow-slider-group>span{margin-top:10px;font-size:9px}.flow-play{grid-area:auto/1/auto/-1;width:100%;min-height:50px;padding:13px;font-size:13px}.flow-bottom-bar p{display:none}.flow-bottom-bar{height:auto;min-height:46px;padding:4px 14px calc(4px + env(safe-area-inset-bottom));flex-direction:row;justify-content:center}.flow-bottom-bar>div{justify-content:space-around;gap:8px;width:100%}.flow-bottom-bar button{min-height:40px}}@media (width<=700px) and (orientation:portrait) and (height<=700px){.flow-header{height:46px;min-height:46px}.flow-header .lf-atelier-mark{display:none}.flow-heading{border-left:0;padding-left:0}.flow-mode-group button{min-height:40px;padding:6px 5px}.flow-subbar{gap:6px;padding:6px 14px}.flow-lane-strip{flex-wrap:nowrap;min-height:20px;margin:0 14px 4px}.flow-lane-hint{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.flow-lane-strip .flow-direction-label{display:none}.flow-stage{min-height:112px}.flow-controls{gap:10px 14px;padding:10px 14px 8px}.flow-controls label{margin-bottom:6px}.flow-slider-group label{margin-bottom:9px}.flow-slider-group>span{margin-top:7px;font-size:8px}.flow-pattern-trigger{min-height:38px}.flow-play{min-height:46px;padding:11px}.flow-bottom-bar{min-height:42px}.flow-bottom-bar button{min-height:36px}}.flow-game-shell{min-height:0;color:var(--lf-atelier-crema);background:#090806}.flow-game-header{background:linear-gradient(90deg,#0b0907,#110d08 55%,#171009);border-bottom:1px solid #c8a9511f;grid-template-columns:auto auto minmax(380px,1fr) minmax(190px,auto) auto;align-items:center;gap:clamp(14px,2vw,30px);min-height:90px;padding:0 clamp(18px,3vw,48px);display:grid}.flow-game-header .flow-back{color:#e2c382;justify-content:center;width:42px;height:42px}.flow-presets{justify-content:center;align-self:stretch;min-width:0;display:flex}.flow-presets button{color:#8f877b;background:0 0;border:0;border-right:1px solid #c8a95112;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:78px;padding:8px 16px 6px;font-size:11px;display:flex}.flow-presets button:first-child{border-left:1px solid #c8a95112}.flow-presets button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:26px}.flow-presets button.is-active{color:#f2ce88;background:radial-gradient(circle at 50% 34%,#c8a95130,#0000 68%);box-shadow:inset 0 -2px #c8a951}.flow-game-title{flex-direction:column;min-width:0;display:flex}.flow-game-title>span{color:#c8a951;letter-spacing:1.7px;font-size:9px}.flow-game-title strong{white-space:nowrap;margin-top:5px;font-size:19px;font-weight:600}.flow-game-title small{color:#8f877b;white-space:nowrap;margin-top:3px;font-size:10px}.flow-game-clock{color:#f5e9d4;background:#ffffff05;border:1px solid #c8a9512b;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-width:122px;min-height:50px;padding:0 18px;display:flex}.flow-game-clock span{font-variant-numeric:tabular-nums;font-size:21px}.flow-game-tools{background:#0c0a08;border-bottom:1px solid #ffffff08;align-items:center;gap:18px;min-height:44px;padding:4px clamp(18px,3vw,48px);display:flex}.flow-game-tools .flow-mode-group{background:0 0;border:0;padding:0}.flow-game-tools .flow-mode-group button{min-height:34px;padding:6px 11px}.flow-game-status{align-items:center;gap:12px;margin-left:auto;display:flex}.flow-game-status .flow-open-label{margin:0}.flow-game-status>strong{color:#44e68a;font-variant-numeric:tabular-nums;font-size:17px}.flow-calibrate{color:#dfbd79;background:0 0;border:1px solid #c8a95145;border-radius:5px;min-height:34px;padding:5px 10px}.flow-game-shell .flow-stage{background-color:#080806;background-image:linear-gradient(#c8a9510a 1px,#0000 1px),linear-gradient(90deg,#c8a9510a 1px,#0000 1px),radial-gradient(#2a1e0b30 0%,#080806 70%);background-size:48px 48px,48px 48px,100% 100%;border-top:0;border-bottom-color:#c8a95126;flex:auto;min-height:210px;box-shadow:inset 0 0 100px -42px #c8a95133}.flow-game-controls{background:#100e0b;border-top:1px solid #c8a9511f;flex:none;grid-template-columns:repeat(3,minmax(190px,1fr)) minmax(150px,.58fr);align-items:stretch;gap:14px;min-height:126px;padding:14px clamp(18px,2.4vw,36px);display:grid}.flow-game-control{--control:var(--lf-flow-neutral);border:1px solid color-mix(in srgb, var(--control) 16%, transparent);background:#0d0c0a;border-radius:6px;min-width:0;padding:10px 12px 8px}.flow-game-control.is-gold,.flow-game-control.is-neutral{--control:var(--lf-flow-neutral)}.flow-game-control-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.flow-game-control-head>span{color:#d8d0c4;font-size:10px;font-weight:700}.flow-game-control-head strong{color:#e2d9ca;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:600}.flow-game-control-head small{margin-left:3px;font-size:13px;font-weight:500}.flow-game-control-row{grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;margin-top:8px;display:grid}.flow-game-control-row button{border:1px solid color-mix(in srgb, var(--control) 50%, transparent);background:color-mix(in srgb, var(--control) 8%, #080806);width:34px;height:34px;color:var(--control);border-radius:50%;font-size:20px;line-height:1}.flow-game-control-row input{appearance:none;background:linear-gradient(to right, var(--control) var(--fill), #39352d var(--fill));border-radius:5px;width:100%;height:5px}.flow-game-control-row input::-webkit-slider-thumb{appearance:none;background:var(--control);width:20px;height:20px;box-shadow:0 0 14px color-mix(in srgb, var(--control) 60%, transparent);border:2px solid #fff3d7;border-radius:50%}.flow-game-control-row input::-moz-range-thumb{background:var(--control);border:2px solid #fff3d7;border-radius:50%;width:17px;height:17px}.flow-game-control-ends{color:#777066;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.flow-game-controls .flow-play{text-transform:uppercase;align-self:center;min-height:68px;padding:14px;font-size:13px}.flow-advanced{background:#0d0b09;flex:none;position:relative}.flow-advanced-trigger{z-index:8;color:#84796a;background:0 0;border:0;min-height:30px;font-size:9px;position:absolute;bottom:5px;right:clamp(18px,2.4vw,36px)}.flow-advanced-trigger span{color:#c8a951;margin-left:6px}.flow-advanced-panel{z-index:12;background:#17130ef5;border:1px solid #c8a95145;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px 16px;width:min(430px,100vw - 36px);padding:16px;display:grid;position:absolute;bottom:34px;right:clamp(18px,2.4vw,36px);box-shadow:0 18px 60px #000b}.flow-advanced-panel label{color:#a99c89;font-size:10px}.flow-advanced-panel label strong{color:#f0d59e}.flow-advanced-panel input{min-width:0}.flow-advanced-panel select{color:#e7d2ab;background:#0d0b09;border:1px solid #c8a95130;border-radius:5px;min-height:36px}.flow-coach{background:#090806;min-height:43px;padding:0 clamp(18px,2.4vw,36px)}.flow-coach p{color:#bbb2a6;max-width:none;font-size:10px}.flow-coach p>span{color:#dfb874;margin-right:18px;font-weight:700}.flow-coach>div{margin-left:auto}.high-contrast .flow-game-control{border-color:var(--control)}.high-contrast .flow-game-shell .flow-stage{background-color:#000}.reduce-effects .flow-game-control-row input::-webkit-slider-thumb{box-shadow:none}@media (orientation:landscape) and (height<=600px){.flow-game-header{min-height:64px;padding-inline:max(14px, env(safe-area-inset-left));grid-template-columns:auto auto minmax(330px,1fr) minmax(150px,auto) auto;gap:12px}.flow-game-header .lf-atelier-mark .latte-flow-mark img{width:105px}.flow-presets button{min-width:64px;padding:4px 10px;font-size:9px}.flow-presets button svg{width:24px;height:21px}.flow-game-title>span{font-size:7px}.flow-game-title strong{margin-top:2px;font-size:15px}.flow-game-title small{display:none}.flow-game-clock{min-width:96px;min-height:40px;padding:0 12px}.flow-game-clock span{font-size:17px}.flow-game-tools{min-height:36px;padding:2px 16px}.flow-game-tools .flow-mode-group button{min-height:30px;padding:4px 8px;font-size:8px}.flow-game-status .flow-open-label{font-size:8px}.flow-game-shell .flow-stage{min-height:120px}.flow-game-controls{grid-template-columns:repeat(3,minmax(155px,1fr)) 128px;gap:10px;min-height:105px;padding:9px 14px}.flow-game-control{padding:8px 10px 7px}.flow-game-control-head>span{font-size:8px}.flow-game-control-head strong{font-size:18px}.flow-game-control-row{grid-template-columns:30px 1fr 30px;gap:8px;margin-top:5px}.flow-game-control-row button{width:30px;height:30px}.flow-game-control-row input::-webkit-slider-thumb{width:17px;height:17px}.flow-game-control-ends{margin-top:4px;font-size:8px}.flow-game-controls .flow-play{min-height:62px;font-size:11px}.flow-coach{height:34px;min-height:34px}.flow-coach p{font-size:8px}.flow-advanced-trigger{bottom:2px}}@media (width<=700px) and (orientation:portrait){.flow-game-shell{--lf-flow-rotated:1;z-index:40;width:100dvh;height:100dvw;min-height:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.flow-game-header{grid-template-columns:auto auto minmax(300px,1fr) minmax(135px,auto) auto;gap:9px;min-height:58px;padding:0 12px}.flow-game-header .flow-back{width:34px;height:34px;min-height:34px}.flow-game-header .lf-atelier-mark{display:block}.flow-game-header .lf-atelier-mark .latte-flow-mark img{width:88px}.flow-presets button{min-width:54px;padding:3px 7px;font-size:8px}.flow-presets button svg{width:22px;height:19px}.flow-game-title>span{font-size:6px}.flow-game-title strong{margin-top:1px;font-size:13px}.flow-game-title small{display:none}.flow-game-clock{gap:6px;min-width:78px;min-height:36px;padding:0 9px}.flow-game-clock span{font-size:15px}.flow-game-tools{flex-wrap:nowrap;min-height:31px;padding:1px 12px}.flow-game-tools .flow-mode-group{flex:none}.flow-game-tools .flow-mode-group button{min-height:27px;padding:3px 7px;font-size:7px}.flow-game-status{width:auto;margin-left:auto}.flow-game-status .flow-duration-menu{padding:2px 4px;font-size:7px}.flow-game-status .flow-open-label{display:none}.flow-game-shell .flow-stage{flex:auto;min-height:105px;margin:0}.flow-game-controls{grid-template-columns:repeat(3,minmax(150px,1fr)) 116px;gap:8px;min-height:96px;padding:7px 12px;overflow:visible}.flow-game-control{padding:6px 8px}.flow-game-control-head>span{font-size:7px}.flow-game-control-head strong{font-size:16px}.flow-game-control-head small{font-size:9px}.flow-game-control-row{grid-template-columns:27px 1fr 27px;gap:6px;margin-top:3px}.flow-game-control-row button{width:27px;height:27px;min-height:27px;font-size:16px}.flow-game-control-row input::-webkit-slider-thumb{width:15px;height:15px}.flow-game-control-ends{margin-top:3px;font-size:7px}.flow-game-controls .flow-play{grid-column:auto;width:auto;min-height:58px;padding:9px;font-size:10px}.flow-coach{flex-direction:row;height:31px;min-height:31px;padding:0 12px}.flow-coach p{text-align:left;max-width:none;font-size:7px;display:block}.flow-coach p>span{margin-right:10px}.flow-coach>div{gap:8px;width:auto}.flow-coach button{min-height:28px}.flow-advanced-trigger{font-size:7px;bottom:1px;right:12px}.flow-advanced-panel{bottom:29px;right:12px}}.write-play .write-stage-header{flex:0 0 62px;gap:14px;height:62px}.write-play .write-stage-brand{align-items:center;gap:14px;min-width:0;display:flex}.write-play .write-stage-tag{letter-spacing:3px;color:#9d8d75;font-size:9px}.write-play .write-timer{margin-left:auto;font-size:12px}.write-play .write-board-wrap{border-color:#edd6ad;border-radius:20px;box-shadow:0 18px 70px #0006}.write-play .write-coach-line{flex:0 0 40px;height:40px;font-size:12px}.write-play .write-coach-line>span:nth-child(2){color:#d7cbb6}.write-play .write-stage-toolbar{flex:0 0 66px;height:66px}.write-play .write-tool{padding:7px 13px;font-size:11px!important}.write-play .write-finish{min-height:46px;padding:0 26px;font-size:12px!important}.write-paused-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;background:#120f0bb8;place-items:center;display:grid;position:absolute;inset:0}.write-resume{color:#34281b;background:linear-gradient(120deg,#d6b274,#e5c58b);border:1px solid #e8c991;border-radius:999px;align-items:center;gap:10px;min-height:50px;padding:0 26px;font-size:12px;font-weight:600;display:inline-flex}.write-resume svg{width:17px;height:17px}.write-adjust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.write-adjust-row button{color:#c9bba2;background:#ffffff05;border:1px solid #dfb87430;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 8px;font-size:10px;display:flex}.write-adjust-row button svg{width:14px;height:14px}.high-contrast .write-play .write-coach-line>span:nth-child(2){color:#fff6e5}.high-contrast .write-play .write-stage-tag{color:#f0dcb6}.high-contrast .write-resume,.high-contrast .write-adjust-row button{border-color:#ffe6b8}.reduce-effects .write-play .write-board-wrap{box-shadow:none}.reduce-effects .write-paused-layer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#120f0be8}@container (height<=520px){.write-play .write-stage-header{flex-basis:52px;height:52px}.write-play .write-coach-line{flex-basis:34px;height:34px;font-size:11px}.write-play .write-stage-toolbar{flex-basis:56px;height:56px}.write-play .write-board-wrap{border-radius:14px}}@container (width<=750px){.write-play .write-tool span{display:none}.write-play .write-tool{padding:7px 10px}.write-play .write-tool:nth-child(3) span{display:inline;font-size:10px!important}.write-play .write-stage-tag{display:none}.write-adjust-row button span{display:inline}}.flow-slider-hit{cursor:pointer;align-items:center;min-width:0;min-height:34px;padding:12px 0;display:flex;position:relative}.flow-slider-hit input{width:100%}.flow-game-control-row input{touch-action:none;height:6px}.flow-game-control-row input::-webkit-slider-thumb{width:24px;height:24px}.flow-game-control-row input::-moz-range-thumb{width:21px;height:21px}.flow-game-control-row input:focus-visible{outline-offset:6px;outline:2px solid #f2ce88}.flow-game-control-row button{transition:transform .12s,background .12s}.flow-game-control-row button:active{background:color-mix(in srgb, var(--control) 26%, #080806);transform:scale(.94)}.flow-game-control-ends{font-size:10px}.flow-presets{scrollbar-width:none;overflow-x:auto}.flow-presets::-webkit-scrollbar{display:none}.flow-presets button{flex:none;font-size:11px}.flow-game-tools .flow-mode-group button,.flow-game-status .flow-open-label{font-size:11px}.flow-game-status .flow-duration-menu{border-radius:6px;min-height:34px;padding:4px 8px;font-size:11px}.flow-coach p{font-size:11px}.flow-coach>div{align-items:center;gap:10px;display:flex}.flow-coach>div button{color:#cbb891;background:#ffffff05;border:1px solid #c8a95130;border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.flow-coach>div button.is-active{color:#f6dda9;background:#c8a95126;border-color:#c8a951}.flow-coach>div button:active{transform:scale(.95)}.flow-coach>div .flow-finish{min-width:auto;padding:0 18px;font-size:12px}@media (orientation:landscape) and (height<=600px){.flow-presets button{min-width:66px;font-size:10px}.flow-game-tools .flow-mode-group button,.flow-game-status .flow-open-label,.flow-game-control-head>span,.flow-game-control-ends{font-size:10px}.flow-slider-hit{min-height:30px;padding:9px 0}.flow-coach{height:auto;min-height:46px}.flow-coach p{font-size:10px}.flow-coach>div button{min-width:36px;min-height:36px}.flow-advanced-trigger{font-size:10px}}@media (width<=700px) and (orientation:portrait){.flow-presets button{min-width:60px;font-size:10px}.flow-game-tools .flow-mode-group button{min-height:30px;padding:4px 9px;font-size:10px}.flow-game-status .flow-duration-menu{min-height:30px;padding:3px 6px;font-size:10px}.flow-game-status .flow-open-label{font-size:10px;display:inline}.flow-game-control-head>span,.flow-game-control-ends{font-size:10px}.flow-slider-hit{min-height:24px;padding:6px 0}.flow-game-control-row{grid-template-columns:30px 1fr 30px;gap:7px}.flow-game-control-row button{width:30px;height:30px;min-height:30px;font-size:17px}.flow-game-shell .flow-stage{min-height:84px}.flow-game-controls{min-height:0}.flow-coach{height:38px;min-height:38px}.flow-coach p{font-size:10px}.flow-coach>div{gap:7px}.flow-coach>div button{min-width:32px;min-height:32px}.flow-advanced-trigger{font-size:10px}}@media (orientation:landscape) and (height<=600px){.flow-game-header{grid-template-columns:auto auto minmax(0,1fr) minmax(0,auto) auto;gap:10px}.flow-game-header .flow-game-clock{min-width:0;padding:0 10px}.flow-game-title strong{font-size:14px}}@media (width<=700px) and (orientation:portrait){.flow-game-header{grid-template-columns:auto auto minmax(0,1fr) minmax(0,auto) auto}.flow-game-header .flow-game-clock{min-width:0;padding:0 8px}}.flow-game-clock span{white-space:nowrap}@media (orientation:landscape) and (height<=600px){.flow-game-header .flow-game-clock{gap:8px;min-width:max-content;padding:0 12px}.flow-game-header .flow-game-clock span{font-size:16px}}@media (width<=700px) and (orientation:portrait){.flow-game-header .flow-game-clock{gap:6px;min-width:max-content;padding:0 10px}.immersive-game>.flow-game-shell{--lf-flow-rotated:1;--lf-flow-nav:calc(55px + env(safe-area-inset-bottom));left:50%;top:calc(50% - var(--lf-flow-nav) / 2);width:calc(100dvh - var(--lf-flow-nav));z-index:40;height:100dvw;min-height:0;position:fixed;transform:translate(-50%,-50%)rotate(90deg)}}.flow-game-shell .flow-stage{border-block:1px solid color-mix(in srgb, var(--lf-flow-guide) 28%, transparent);min-height:260px;box-shadow:inset 0 0 120px -46px color-mix(in srgb, var(--lf-flow-guide) 28%, transparent), 0 12px 34px -28px #000}.flow-game-tools{background:#0b0a08;min-height:38px}.flow-game-status>strong{color:var(--lf-flow-success)}.flow-game-controls{background:#0c0b09;border-top-color:#ffffff0d;min-height:104px;padding-block:9px}.flow-game-control-row input::-webkit-slider-thumb{border-color:var(--lf-atelier-crema);box-shadow:none}.flow-game-control-row input::-moz-range-thumb{border-color:var(--lf-atelier-crema)}.flow-coach{border-top:1px solid #ffffff0b;height:38px;min-height:38px}.flow-coach p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flow-game-controls .flow-play:not(:disabled){box-shadow:0 8px 24px -16px var(--lf-flow-guide)}@media (orientation:landscape) and (height<=600px){.flow-game-header{min-height:56px}.flow-game-title>span{display:none}.flow-game-title strong{font-size:15px}.flow-game-tools{min-height:32px}.flow-game-shell .flow-stage{min-height:150px}.flow-game-controls{min-height:84px;padding-block:5px}.flow-game-control{padding:5px 9px 4px}.flow-game-control-head>span,.flow-game-control-ends,.flow-game-tools .flow-mode-group button,.flow-game-status .flow-duration-menu,.flow-game-status .flow-open-label{font-size:10px}.flow-game-control-head strong{font-size:16px}.flow-slider-hit{min-height:25px;padding:5px 0}.flow-game-controls .flow-play{min-height:54px}.flow-coach{height:34px;min-height:34px}}@media (width<=700px) and (orientation:portrait){.flow-game-header{min-height:52px}.flow-game-title>span{display:none}.flow-game-tools{min-height:30px}.flow-game-shell .flow-stage{min-height:122px}.flow-game-controls{min-height:78px;padding-block:4px}.flow-game-control{padding:4px 8px 3px}.flow-game-control-head strong{font-size:15px}.flow-slider-hit{min-height:23px;padding:4px 0}.flow-game-control-ends{margin-top:1px}.flow-game-controls .flow-play{min-height:50px}.flow-coach{height:32px;min-height:32px}}.flow-utility-group{align-items:center;gap:6px;margin-left:auto;display:flex}.flow-utility-group button{color:#cdc3b2;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;display:grid}.flow-utility-group button.is-active{border-color:color-mix(in oklab, var(--lf-flow-guide,#dfb874) 55%, transparent);background:color-mix(in oklab, var(--lf-flow-guide,#dfb874) 14%, transparent);color:#f4dfb4}.flow-play-group{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.flow-play-group .flow-play{width:100%}.flow-play-group .flow-finish{color:#e6dcca;background:#ffffff06;border:1px solid #ffffff1c;border-radius:10px;width:100%;min-height:40px;font-size:12px}.flow-game-shell .flow-game-tools button span,.flow-game-shell .flow-game-status span,.flow-game-shell .flow-game-status strong,.flow-game-shell .flow-presets span,.flow-game-shell .flow-game-title span,.flow-game-shell .flow-game-title strong{font-size:12px}.flow-game-shell .flow-stage{flex:auto;min-height:0}@media (orientation:landscape) and (height<=500px){.flow-play-group{gap:4px}.flow-play-group .flow-finish{min-height:34px;font-size:12px}.flow-utility-group button{width:34px;min-width:34px;height:34px;min-height:34px}}@media (width<=700px) and (orientation:portrait){.immersive-game>.flow-game-shell,.flow-game-shell{padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;--lf-flow-rotated:0!important;z-index:auto!important;width:100%!important;height:100dvh!important;min-height:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.flow-game-shell .flow-game-header{min-height:0;padding:max(6px, env(safe-area-inset-top)) 12px 4px;grid-template-columns:44px 1fr auto;grid-template-areas:"back mark clock""presets presets presets";gap:4px 10px;display:grid}.flow-game-shell .flow-game-header .flow-back{grid-area:back;width:44px;height:44px;min-height:44px}.flow-game-shell .flow-game-header .lf-atelier-mark{grid-area:mark;display:block}.flow-game-shell .flow-game-header .lf-atelier-mark .latte-flow-mark img{width:104px}.flow-game-shell .flow-game-level{grid-area:mark;place-self:center end}.flow-game-shell .flow-game-clock{grid-area:clock;min-width:max-content;min-height:44px;padding:0 14px}.flow-game-shell .flow-game-clock span{font-size:20px}.flow-game-shell .flow-presets{grid-area:presets;justify-content:flex-start}.flow-game-shell .flow-presets button{min-width:62px;min-height:46px;padding:5px 10px;font-size:12px}.flow-game-shell .flow-presets button svg{width:26px;height:22px}.flow-game-shell .flow-game-tools{flex-wrap:wrap;gap:6px 8px;min-height:0;padding:6px 12px}.flow-game-shell .flow-mode-group{flex:100%;gap:6px;display:flex}.flow-game-shell .flow-mode-group button{flex:1;justify-content:center;min-height:40px;padding:6px 4px;font-size:12px}.flow-game-shell .flow-game-status{flex:auto;gap:8px;margin-left:0}.flow-game-shell .flow-utility-group{margin-left:auto}.flow-game-shell .flow-stage{flex:auto;min-height:34dvh}.flow-game-shell .flow-game-controls{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:8px;min-height:0;padding:8px 12px}.flow-game-shell .flow-game-control-row{grid-template-columns:40px 1fr 40px;gap:10px}.flow-game-shell .flow-game-control-row button{width:40px;height:40px;min-height:40px;font-size:19px}.flow-game-shell .flow-play-group{flex-direction:row;gap:8px}.flow-game-shell .flow-game-controls .flow-play{flex:auto;min-height:54px}.flow-game-shell .flow-play-group .flow-finish{width:auto;min-width:108px;min-height:54px}}.flow-game-shell .flow-stage{border:1px solid color-mix(in srgb, var(--lf-flow-guide,#dfb874) 26%, transparent);box-shadow:inset 0 0 120px -46px color-mix(in srgb, var(--lf-flow-guide,#dfb874) 34%, transparent);background-image:linear-gradient(#c8a95112 1px,#0000 1px),linear-gradient(90deg,#c8a95112 1px,#0000 1px),radial-gradient(#2a1e0b3d 0%,#08080600 72%);border-radius:16px;margin:8px clamp(10px,2vw,28px);position:relative;overflow:hidden}.flow-game-shell .flow-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8a95126 18% 82%,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.flow-state-badge{z-index:3;color:#cdc3b2;letter-spacing:.4px;pointer-events:none;background:#0a0906cc;border:1px solid #ffffff1a;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:10px;left:12px}.flow-state-badge[data-state=run]{border-color:color-mix(in srgb, var(--lf-flow-success,#42e38a) 55%, transparent);color:var(--lf-flow-success,#42e38a)}.flow-state-badge[data-state=pause]{border-color:color-mix(in srgb, var(--lf-flow-guide,#dfb874) 55%, transparent);color:#f0d59e}.flow-touch-hint{z-index:3;border:1px dashed color-mix(in srgb, var(--lf-flow-player,#36a9ff) 45%, transparent);color:#bcd8f2;pointer-events:none;background:#0a0906b3;border-radius:999px;padding:6px 14px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.flow-pause-indicator{z-index:3}.flow-game-control{background:#100f0c;border-color:#ffffff14}.flow-game-control-head>span{color:#a89f92;letter-spacing:.6px;font-size:12px;font-weight:600}.flow-game-control-head strong{color:#f2ece1;font-size:24px}.flow-game-control-head small{color:#9a9184;font-size:12px}.flow-game-control-row input{background:linear-gradient(to right, #cdc3b2 var(--fill), #35312a var(--fill));height:8px}.flow-game-control-row input::-webkit-slider-thumb{width:24px;height:24px;box-shadow:none;background:#efe6d6;border-color:#fffaf0}.flow-game-control-row input::-moz-range-thumb{background:#efe6d6}.flow-game-control-row button{color:#ded4c2;background:#ffffff08;border-color:#ffffff26;min-height:34px}.flow-game-control-ends{color:#837b70;font-size:12px}.flow-game-level{color:#c8a951;letter-spacing:1.6px;white-space:nowrap;font-size:12px}.flow-duration-field{color:#8f877b;align-items:center;gap:6px;font-size:12px;display:inline-flex}.flow-open-label[data-level=low]{color:#cdc3b2;border-color:#ffffff20}.flow-open-label[data-level=mid]{color:#f0d59e;border-color:color-mix(in srgb, var(--lf-flow-guide,#dfb874) 45%, transparent)}.flow-open-label[data-level=high]{color:var(--lf-flow-success,#42e38a);border-color:color-mix(in srgb, var(--lf-flow-success,#42e38a) 45%, transparent)}.flow-advanced-trigger{margin:0 clamp(12px, 2.4vw, 36px) max(8px, env(safe-area-inset-bottom));color:#b6ac9d;background:#ffffff05;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;display:inline-flex;position:static}.flow-advanced{justify-content:flex-end;padding-top:6px;display:flex}.flow-advanced-panel{bottom:56px}.flow-utility-group button{width:44px;min-width:44px;height:44px;min-height:44px}.flow-game-tools .flow-mode-group button{min-height:40px;font-size:12px}.flow-game-clock{min-height:46px}.flow-game-clock span{font-size:22px}.flow-game-shell .flow-presets button,.flow-game-shell .flow-game-status,.flow-game-shell .flow-game-status .flow-duration-menu,.flow-game-shell .flow-open-label,.flow-game-shell .flow-game-control-head>span,.flow-game-shell .flow-game-control-head small,.flow-game-shell .flow-game-control-ends,.flow-game-shell .flow-advanced-trigger,.flow-game-shell .flow-advanced-panel label{font-size:12px}.high-contrast .flow-game-shell .flow-stage{border-color:#ffe6b8}.high-contrast .flow-state-badge{color:#fff6e5;border-color:#ffe6b8}.reduce-effects .flow-game-shell .flow-stage{box-shadow:none}@media (orientation:landscape) and (height<=600px){.flow-game-shell .flow-stage{border-radius:12px;min-height:40dvh;margin:6px 12px}.flow-game-shell .flow-game-controls{min-height:0}.flow-game-control-head strong{font-size:20px}.flow-advanced{padding-top:0}.flow-advanced-trigger{min-height:34px;margin-bottom:4px}.flow-advanced-panel{bottom:44px}.flow-state-badge{top:8px;left:10px}}@media (width<=700px) and (orientation:portrait){.flow-game-shell .flow-presets{align-self:auto;min-height:48px}.flow-game-shell .flow-game-controls{flex:0 auto;min-height:0;overflow:hidden}.flow-game-shell .flow-advanced{padding-top:2px}}@media (width<=700px) and (orientation:portrait) and (height>=700px){.flow-game-shell .flow-stage{min-height:38dvh}}@media (width<=700px) and (orientation:portrait) and (height<=640px){.flow-game-shell .flow-presets{min-height:42px}.flow-game-shell .flow-presets button{min-width:56px;min-height:42px}.flow-game-shell .flow-game-tools{gap:6px;padding:4px 12px}.flow-game-shell .flow-mode-group button{min-height:36px}.flow-game-shell .flow-utility-group button{width:36px;min-width:36px;height:36px;min-height:36px}.flow-game-shell .flow-stage{min-height:20dvh;margin:6px 10px}.flow-game-shell .flow-game-controls{gap:6px;padding:6px 10px}.flow-game-shell .flow-game-control{padding:5px 9px 4px}.flow-game-shell .flow-game-control-ends{display:none}.flow-game-shell .flow-game-control-head strong{font-size:20px}.flow-game-shell .flow-game-control-row{grid-template-columns:34px 1fr 34px;margin-top:2px}.flow-game-shell .flow-game-control-row button{width:34px;height:34px;min-height:34px}.flow-game-shell .flow-game-controls .flow-play,.flow-game-shell .flow-play-group .flow-finish{min-height:48px}.flow-game-shell .flow-advanced-trigger{min-height:34px;margin-bottom:max(4px, env(safe-area-inset-bottom))}.flow-game-shell .flow-advanced-panel{bottom:46px}}@media (width<=360px) and (orientation:portrait){.flow-game-shell .flow-game-level{display:none}.flow-game-shell .flow-game-header .lf-atelier-mark .latte-flow-mark img{width:84px}.flow-game-shell .flow-game-header{column-gap:6px;padding-inline:8px}}@media (width<=700px) and (orientation:portrait) and (height<=640px){.flow-game-shell .flow-game-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.flow-game-shell .flow-game-control-row{grid-template-columns:30px 1fr 30px;gap:6px}.flow-game-shell .flow-game-control-row button{width:30px;height:30px;min-height:30px;font-size:17px}.flow-game-shell .flow-game-control-head strong{font-size:18px}.flow-game-shell .flow-play-group{flex-direction:column}.flow-game-shell .flow-game-controls .flow-play{min-height:44px}.flow-game-shell .flow-play-group .flow-finish{min-height:34px}}@media (width<=700px) and (orientation:portrait){.flow-game-shell .flow-presets,.flow-game-shell .flow-presets button{min-height:54px}.flow-game-shell .flow-game-tools{flex-wrap:wrap;gap:6px 8px}.flow-game-shell .flow-game-status{flex-wrap:nowrap;flex:auto;gap:8px;min-width:0}.flow-game-shell .flow-duration-field>span{display:none}.flow-game-shell .flow-utility-group{flex:none;gap:6px;margin-left:auto}.flow-game-shell .flow-game-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.flow-game-shell .flow-play-group{flex-direction:column}.flow-game-shell .flow-game-controls .flow-play{min-height:48px}.flow-game-shell .flow-play-group .flow-finish{min-height:36px}.flow-game-shell .flow-stage{min-height:22dvh}.flow-game-shell .flow-game-tools{column-gap:6px;padding:6px 10px}.flow-game-shell .flow-open-label{padding:3px 8px}.flow-game-shell .flow-game-status{flex:0 auto}.flow-game-shell .flow-game-status .flow-duration-menu{max-width:84px}.flow-game-shell .flow-utility-group button{width:36px;min-width:36px;height:36px;min-height:36px}}@media (orientation:landscape) and (height<=600px){.flow-game-shell .flow-advanced{padding-top:0}.flow-game-shell .flow-advanced-trigger{min-height:32px;margin-bottom:max(6px, env(safe-area-inset-bottom))}}.lf-mark-home{cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;padding:2px 4px;transition:transform .2s,filter .2s;display:inline-flex}.lf-mark-home:hover{filter:brightness(1.08);transform:translateY(-1px)}.lf-mark-home:active{transform:scale(.97)}.lf-mark-home:focus-visible{outline-offset:3px;outline:2px solid #efd9a4}.reduce-effects .lf-mark-home{transition:none}.reduce-effects .lf-mark-home:hover{transform:none}.lf-atelier-mark .latte-flow-mark img{width:clamp(132px,16vw,190px)}@media (orientation:landscape) and (height<=600px){.lf-atelier-mark .latte-flow-mark img{width:clamp(112px,17vw,148px)}}@media (width<=700px) and (orientation:portrait){.lf-atelier-mark .latte-flow-mark img{width:clamp(118px,32vw,158px)}}.flow-game-header .lf-atelier-mark .latte-flow-mark img{width:clamp(150px,15vw,205px)}@media (width<=700px) and (orientation:portrait){.flow-game-shell .flow-game-header .lf-atelier-mark .latte-flow-mark img{width:clamp(126px,34vw,164px)}}@media (width<=360px) and (orientation:portrait){.flow-game-shell .flow-game-header .lf-atelier-mark .latte-flow-mark img{width:116px}}.flow-game-shell{--lf-flow-player:var(--flow-player);--lf-flow-success:var(--flow-success);background:linear-gradient(180deg, color-mix(in oklab, var(--flow-surface-raised) 46%, transparent), transparent 26%), var(--flow-surface)}.flow-game-header{background:linear-gradient(90deg, color-mix(in oklab, var(--flow-surface) 88%, var(--background)), var(--flow-surface-raised) 55%, color-mix(in oklab, var(--primary) 8%, var(--flow-surface)));border-bottom-color:color-mix(in oklab, var(--flow-grid) 20%, transparent)}.flow-game-tools{background:color-mix(in oklab, var(--flow-surface) 92%, var(--background));border-bottom-color:color-mix(in oklab, var(--flow-grid) 14%, transparent)}.flow-game-shell .flow-stage{border-color:color-mix(in oklab, var(--flow-grid) 34%, transparent);background-color:var(--flow-surface-raised);background-image:linear-gradient(color-mix(in oklab, var(--flow-grid) 17%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--flow-grid) 17%, transparent) 1px, transparent 1px), radial-gradient(ellipse at center, color-mix(in oklab, var(--flow-grid) 13%, transparent), transparent 72%);box-shadow:inset 0 0 110px -46px color-mix(in oklab, var(--flow-grid) 36%, transparent), 0 14px 34px -26px var(--background);background-size:46px 46px,46px 46px,100% 100%}.flow-game-shell .flow-stage:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, var(--flow-surface) 0%, transparent 16%, transparent 84%, var(--flow-surface) 100%);position:absolute;inset:0}.flow-game-shell .flow-stage:after{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--flow-grid) 34%, transparent) 18%, color-mix(in oklab, var(--flow-grid) 34%, transparent) 82%, transparent)}.flow-game-controls{background:color-mix(in oklab, var(--flow-surface) 90%, var(--background));border-top-color:color-mix(in oklab, var(--flow-grid) 14%, transparent)}.flow-game-control{background:color-mix(in oklab, var(--flow-surface-raised) 42%, var(--background));border-color:color-mix(in oklab, var(--flow-grid) 13%, transparent);box-shadow:inset 0 1px color-mix(in oklab, var(--flow-grid) 8%, transparent)}.flow-state-badge[data-state=ready]{border-color:color-mix(in oklab, var(--flow-grid) 34%, transparent);color:color-mix(in oklab, var(--flow-grid) 70%, var(--foreground))}.flow-state-badge[data-state=run]{box-shadow:0 0 18px color-mix(in oklab, var(--flow-success) 18%, transparent)}.foam-screen{--foam-state:var(--foam-cool);background-color:var(--foam-bench);background-image:linear-gradient(115deg, color-mix(in oklab, var(--foam-steel) 10%, transparent), transparent 28% 72%, color-mix(in oklab, var(--primary) 7%, transparent)), radial-gradient(ellipse at 50% 44%, color-mix(in oklab, var(--write-paper) 15%, transparent), transparent 35%), linear-gradient(180deg, color-mix(in oklab, var(--foam-bench) 78%, var(--background)), var(--background))}.foam-top{border-bottom-color:color-mix(in oklab, var(--foam-steel) 22%, transparent)}.foam-stage-wrap{isolation:isolate}.foam-stage-wrap:before{content:"";z-index:-1;aspect-ratio:1.5;background:radial-gradient(ellipse, color-mix(in oklab, var(--write-paper) 20%, transparent), color-mix(in oklab, var(--foam-steel) 6%, transparent) 46%, transparent 72%);filter:blur(8px);pointer-events:none;border-radius:50%;width:min(92%,620px);position:absolute}.foam-stage-wrap:after{content:"";z-index:0;opacity:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%, transparent 0 17%, color-mix(in oklab, var(--write-paper) 25%, transparent) 19% 20%, transparent 23% 32%);filter:blur(5px);width:42%;height:34%;transition:opacity .35s;position:absolute;top:12%}.foam-stage-wrap:has(.foam-live-cue.is-open):after{opacity:.7}.foam-stage-wrap:has(.foam-live-cue.is-ideal):after{opacity:.7}.foam-live-cue.is-open{--foam-state:var(--primary)}.foam-live-cue.is-ideal{--foam-state:var(--foam-ideal)}.foam-live-cue.is-hot{--foam-state:var(--foam-hot)}.foam-live-cue{border-color:color-mix(in oklab, var(--foam-state) 44%, transparent);background:color-mix(in oklab, var(--foam-bench) 82%, transparent);box-shadow:0 8px 26px color-mix(in oklab, var(--foam-state) 12%, transparent)}.foam-coach-band{background:linear-gradient(90deg, color-mix(in oklab, var(--foam-steel) 10%, transparent), transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-width:0 0 0 3px;border-radius:4px}.foam-controls{background:linear-gradient(105deg, color-mix(in oklab, var(--foam-steel) 8%, transparent), transparent 40%), color-mix(in oklab, var(--foam-bench) 88%, var(--background));box-shadow:inset 0 1px color-mix(in oklab, var(--foam-steel) 14%, transparent);border-radius:8px;padding-inline:14px}.foam-reading{border-left:2px solid color-mix(in oklab, var(--foam-cool) 46%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--foam-cool) 8%, transparent), transparent);padding:8px 10px}.foam-reading.ideal{border-left-color:var(--foam-ideal);background:linear-gradient(90deg, color-mix(in oklab, var(--foam-ideal) 10%, transparent), transparent)}.foam-reading.hot{border-left-color:var(--foam-hot);background:linear-gradient(90deg, color-mix(in oklab, var(--foam-hot) 10%, transparent), transparent)}.write-setup{color:var(--write-ink);background-size:92px 100%,100% 100%,100% 100%;background:linear-gradient(90deg, color-mix(in oklab, var(--write-ink) 8%, transparent) 1px, transparent 1px), radial-gradient(ellipse at 76% 44%, var(--write-paper-raised), transparent 46%), linear-gradient(145deg, var(--write-paper-raised), var(--write-paper))!important}.write-setup-header{border-bottom-color:color-mix(in oklab, var(--write-ink) 16%, transparent)}.write-setup .write-back,.write-setup .write-module-index,.write-setup .write-wordmark>span{color:color-mix(in oklab, var(--write-ink) 70%, transparent)}.write-setup .lf-mark-home{filter:drop-shadow(0 8px 18px color-mix(in oklab, var(--write-guide) 16%, transparent))}.write-step{background:color-mix(in oklab, var(--write-paper-raised) 70%, transparent)}.write-step.is-active{border-color:color-mix(in oklab, var(--write-guide) 55%, transparent);background:var(--write-paper-raised);box-shadow:0 12px 34px color-mix(in oklab, var(--write-ink) 10%, transparent)}.write-step.is-done{border-color:color-mix(in oklab, var(--foam-ideal) 35%, transparent)}.write-setup .write-text-label,.write-setup .write-field-title{color:var(--write-ink)}.write-setup .write-text-label>span{color:color-mix(in oklab, var(--write-ink) 58%, transparent)}.write-input-wrap.is-hero input{border-color:color-mix(in oklab, var(--write-guide) 48%, transparent);background:var(--write-paper-raised);color:var(--write-ink);box-shadow:inset 0 -2px color-mix(in oklab, var(--write-guide) 18%, transparent)}.write-input-wrap.is-hero input::placeholder{color:color-mix(in oklab, var(--write-ink) 42%, transparent)}.write-input-clear{background:color-mix(in oklab, var(--write-ink) 8%, transparent);color:var(--write-ink)}.write-suggestions>button{border-color:color-mix(in oklab, var(--write-ink) 16%, transparent);background:color-mix(in oklab, var(--write-paper-raised) 76%, transparent);color:color-mix(in oklab, var(--write-ink) 78%, transparent)}.write-suggestions>button.is-active{border-color:var(--write-guide);color:var(--write-ink);background:color-mix(in oklab, var(--primary) 24%, var(--write-paper-raised))}.write-font-options>button,.write-mode-cards>button{border-color:color-mix(in oklab, var(--write-ink) 14%, transparent);background:var(--write-paper-raised);color:var(--write-ink);box-shadow:0 8px 20px color-mix(in oklab, var(--write-ink) 6%, transparent)}.write-font-options>button.is-active,.write-mode-cards>button.is-active{border-color:var(--write-guide);background:color-mix(in oklab, var(--primary) 22%, var(--write-paper-raised));color:var(--write-ink)}.write-mode-cards>button small,.write-mode-cards>button.is-active small{color:color-mix(in oklab, var(--write-ink) 68%, transparent)}.write-start-button{box-shadow:0 12px 30px color-mix(in oklab, var(--write-guide) 24%, transparent)}.write-preview:before{background:radial-gradient(ellipse, color-mix(in oklab, var(--write-guide) 22%, transparent), transparent 66%)}.write-cup-preview{filter:drop-shadow(4px 24px 28px color-mix(in oklab, var(--write-ink) 24%, transparent))}.write-play{background:linear-gradient(180deg, color-mix(in oklab, var(--write-ink) 92%, var(--background)), color-mix(in oklab, var(--write-ink) 76%, var(--background)))}.write-play .write-board-wrap{border-color:color-mix(in oklab, var(--write-guide) 44%, var(--write-paper-raised));box-shadow:0 22px 70px color-mix(in oklab, var(--write-ink) 42%, transparent)}.write-play .write-coach-slim{z-index:2;color:var(--write-ink);background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--write-paper-raised) 94%, transparent) 18% 82%, transparent);margin-top:-44px;padding:0 22px}.write-play .write-coverage>span{color:var(--write-ink)}.write-play .write-coverage>i{background:color-mix(in oklab, var(--write-ink) 14%, transparent)}.write-play .write-stage-toolbar{border-top-color:color-mix(in oklab, var(--write-guide) 24%, transparent)}.high-contrast .flow-game-shell,.high-contrast .foam-screen,.high-contrast .write-play{background-image:none}.high-contrast .write-setup{background:var(--write-paper-raised)}.reduce-effects .foam-stage-wrap:after{filter:none;transition:none}.reduce-effects .write-step.is-active,.reduce-effects .write-font-options>button,.reduce-effects .write-mode-cards>button{box-shadow:none}@media (width<=900px) and (orientation:portrait){.foam-controls{padding-inline:10px}.write-setup{background-size:64px 100%,100% 100%,100% 100%}.write-play .write-coach-slim{height:40px;min-height:40px;margin-top:-40px}}@media (width<=900px) and (orientation:landscape) and (height<=600px){.immersive-game>.write-setup .write-setup-content{grid-template-columns:minmax(0,1.08fr) minmax(240px,.92fr)}.write-setup-copy{align-self:stretch;min-height:0;display:flex}.write-form{grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;max-width:none;margin:auto 0;display:grid}.write-form .write-step{min-width:0;padding:7px 9px}.write-form .write-step:first-child{grid-area:1/1/3}.write-form .write-step:nth-child(2){grid-area:1/2}.write-form .write-step:nth-child(3){grid-area:2/2}.write-form .write-start-button{grid-area:3/1/auto/-1;min-height:42px}.write-form .write-input-wrap.is-hero input{height:48px;font-size:21px}.write-form .write-suggestions{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid;overflow:visible}.write-form .write-suggestions>button{min-height:34px;padding:5px 7px}.write-form .write-font-options{gap:5px}.write-form .write-font-options>button{min-height:54px}.write-form .write-font-sample{font-size:22px}.write-form .write-mode-cards{gap:5px}.write-form .write-mode-cards>button{min-height:48px;padding:7px 8px}.write-form .write-mode-cards>button small{display:none}.write-form .write-text-label,.write-form .write-field-title{margin-bottom:6px;font-size:11px!important}}.write-root{--write-border:#dfb87424;color:var(--text,#f7f2e9);box-sizing:border-box;background:#100f0e;font-family:inherit}.write-root *{box-sizing:border-box}.write-root button,.write-root input{font:inherit}.write-root button{cursor:pointer;-webkit-tap-highlight-color:transparent}.write-root button:disabled{cursor:default;opacity:.38}.write-root button:focus-visible,.write-root input:focus-visible{outline-offset:4px;outline:2px solid #dfb874}.write-root button svg{flex-shrink:0;width:20px;height:20px}.write-root button{transition:background .18s,color .18s,border-color .18s,transform .18s}.write-root button:hover:not(:disabled){filter:brightness(1.12)}.write-root button:active:not(:disabled){transform:translateY(1px)}.write-setup{background:radial-gradient(at 80% 40%,#3c2c1624,#0000 58%),#100f0e;min-height:100dvh;padding:0 max(30px,50vw - 700px);position:relative;overflow:hidden}.write-setup-header{border-bottom:1px solid #dfb87415;justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.write-back{color:#a9a399;background:0 0;border:0;align-items:center;gap:10px;min-width:126px;padding:10px 0;display:flex;font-size:13px!important}.write-back svg{width:17px!important}.write-wordmark{letter-spacing:-1px;align-items:center;gap:5px;font-size:24px;font-weight:600;display:flex}.write-wordmark em{color:#dfb874;font-style:normal;font-weight:400}.write-wordmark>span{letter-spacing:2.2px;color:#8c8479;border-left:1px solid #dfb87433;margin-left:24px;padding-left:24px;font-size:9px;font-weight:500}.write-module-index{letter-spacing:2px;color:#93897b;text-align:right;min-width:126px;font-size:10px}.write-setup-content{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);align-items:center;gap:72px;max-width:1240px;min-height:calc(100dvh - 155px);margin:0 auto;padding:46px 20px;display:grid}.write-eyebrow{letter-spacing:3px;color:#dfb874;margin-bottom:22px;font-size:10px;display:inline-block}.write-setup h1{letter-spacing:-3px;margin:0;font-size:clamp(46px,4.65vw,72px);font-weight:400;line-height:1.03}.write-setup h1 em{color:#dfb874;font-family:Georgia,serif;font-size:.99em;font-style:italic;font-weight:400}.write-intro{color:#989187;margin:24px 0 31px;font-size:13px;line-height:1.9}.write-form{max-width:460px}.write-text-label,.write-field-title{color:#d3cabe;letter-spacing:.1px;justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.write-text-label>span{color:#756f67;font-size:10px}.write-input-wrap{position:relative}.write-input-wrap input{color:#eee6d8;background:#201c17;border:1px solid #dfb8743e;border-radius:10px;width:100%;height:53px;padding:0 45px 0 17px;font-size:17px}.write-input-wrap input::placeholder{color:#867d6d}.write-input-wrap>svg{color:#ac9064;width:17px;height:17px;position:absolute;top:17px;right:17px}.write-suggestions{gap:16px;margin:6px 0 24px;display:flex}.write-suggestions>button{color:#8b8377;background:0 0;border:0;padding:6px 0;font-size:10px!important}.write-suggestions>button:hover{color:#dfb874}.write-font-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.write-font-options>button{color:#bcb2a3;background:#181613;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:87px;display:flex;position:relative}.write-font-options>button.is-active{color:#efc987;background:linear-gradient(150deg,#3b2f1f,#241d15);border-color:#dfb87488}.write-font-sample{font-size:39px;line-height:1.18}.write-font-check{color:#dfb874;font-size:9px;font-style:normal;position:absolute;top:8px;right:9px}.write-mode-row{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.write-mode-row>span{color:#80786c;max-width:124px;font-size:9px;line-height:1.5}.write-mode-picker{background:#181512;border:1px solid #ffffff10;border-radius:8px;gap:3px;padding:3px;display:flex}.write-mode-picker button{color:#8f877a;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;padding:9px 14px;font-size:10px!important}.write-mode-picker button[aria-pressed=true]{color:#e9cfaa;background:#34291c;border-color:#dfb8742b}.write-start-button{color:#241d13;background:linear-gradient(110deg,#d4ab68,#e9c791);border:1px solid #ecd0a0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:53px;padding:0 21px;display:flex;box-shadow:0 6px 30px #dfb8740c;font-size:12px!important;font-weight:600!important}.write-start-button>svg{width:17px!important}.write-landscape-note{color:#81766a;justify-content:center;align-items:center;gap:7px;margin:15px 0 0;font-size:9px;display:flex}.write-landscape-note svg{width:12px;height:12px}.write-preview{isolation:isolate;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:610px;display:flex;position:relative}.write-preview:before{content:"";z-index:-1;background:radial-gradient(#b77c3020,#0000 66%);position:absolute;inset:8% -16% 13%}.write-preview-orbit{z-index:-1;aspect-ratio:1;border:1px solid #b4965b10;border-radius:50%;position:absolute}.write-orbit-one{width:103%;top:50%;transform:translateY(-50%)}.write-orbit-two{border-style:dashed;width:119%;top:50%;transform:translateY(-50%)}.write-preview-label{letter-spacing:3px;color:#8d7c63;text-align:center;font-size:9px;position:absolute;top:2%;left:0;right:0}.write-cup-preview{filter:drop-shadow(4px 27px 25px #0009);width:113%;margin-left:6%;position:relative}.write-cup-preview img{filter:saturate(.72)brightness(.81);width:100%;display:block}.write-cup-text{color:#775037;white-space:nowrap;text-shadow:0 1px 1px #502c1b24;justify-content:center;align-items:center;width:65%;max-width:65%;height:25%;line-height:1;display:flex;position:absolute;top:35%;left:11%;transform:rotate(-5deg)}.write-preview-caption{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:0;display:flex}.write-preview-caption>span{color:#b9ad96;letter-spacing:.3px;font-family:Georgia,serif;font-size:20px;font-style:italic}.write-preview-caption>strong{letter-spacing:1.2px;color:#918774;font-size:10px;font-weight:400}.write-preview-caption>i{background:#a583425c;width:40px;height:1px;margin-top:19px;display:block}.write-preview-foot{color:#706759;letter-spacing:1.8px;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.write-setup-footer{color:#655f55;letter-spacing:1.8px;border-top:1px solid #dfb87412;justify-content:space-between;align-items:center;max-width:1240px;height:55px;margin:auto;font-size:8px;display:flex}.write-fullscreen{z-index:100;transform-origin:50%;width:100dvw;height:100dvh;padding:0 max(24px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(at 50% 100%,#48321c20,#0000 60%),#100f0e;flex-direction:column;gap:0;display:flex;position:fixed;top:50dvh;left:50dvw;overflow:hidden;transform:translate(-50%,-50%);container-type:size}.write-stage-header{flex:0 0 76px;align-items:center;gap:20px;height:76px;display:flex}.write-icon-button{color:#bcb09c;background:#ffffff03;border:1px solid #dfb87422;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.write-icon-button>svg{width:17px!important;height:17px!important}.write-stage-title{align-items:center;gap:18px;min-width:0;display:flex}.write-stage-title>strong{font-size:16px;font-weight:500}.write-stage-title>span{color:#8e8271;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #dfb87427;max-width:42vw;padding-left:18px;font-size:11px;display:block;overflow:hidden}.write-stage-title i{color:#655c4e;margin:0 6px;font-style:normal}.write-stage-status{letter-spacing:1.7px;color:#b19b75;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.write-live-dot{background:#d8b573;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #e4b56540}.write-timer{font-variant-numeric:tabular-nums;color:#ac9e8a;letter-spacing:1.5px;margin-left:10px;font-size:11px}.write-board-wrap{isolation:isolate;background:#f5eddd;border:1px solid #ebd4ad;border-radius:14px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 10px 60px #0002}.write-board-meta{z-index:1;letter-spacing:1.7px;color:#b4a086;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:22px;left:28px;right:28px}.write-board-meta>span:last-child{letter-spacing:2px;color:#b7a590;font-size:7px}.write-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.write-start-hint{pointer-events:none;color:#a48a67;letter-spacing:.2px;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:27px;left:0;right:0}.write-start-hint svg{width:14px;height:14px}.write-coach-line{color:#a59a88;flex:0 0 44px;align-items:center;gap:9px;min-width:0;height:44px;padding:0 7px;font-size:10px;display:flex}.write-coach-line>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.write-coach-spark{color:#cdaa6d;font-size:18px}.write-coverage{flex-shrink:0;align-items:center;gap:13px;margin-left:auto;display:flex}.write-coverage>span{color:#827765;font-size:9px}.write-coverage>i{background:#4a392143;border-radius:5px;width:90px;height:3px;display:block;overflow:hidden}.write-coverage b{background:#d6ad6d;height:100%;transition:width .3s;display:block}.write-stage-toolbar{border-top:1px solid #dfb87416;flex:0 0 62px;justify-content:space-between;align-items:center;gap:15px;height:62px;display:flex}.write-tool-group{align-items:center;gap:8px;display:flex}.write-tool{color:#a79b89;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:7px 11px;display:flex;font-size:10px!important}.write-tool:hover:not(:disabled),.write-tool.is-active{color:#e1c291;background:#dfb87408;border-color:#dfb87430}.write-tool-divider{background:#dfb87422;width:1px;height:20px;margin:0 8px}.write-stroke-count{letter-spacing:1px;color:#766b59;margin-left:auto;font-size:9px}.write-finish{color:#34281b;background:linear-gradient(120deg,#d6b274,#e5c58b);border:1px solid #e8c991;border-radius:9px;justify-content:center;align-items:center;gap:20px;min-height:41px;padding:0 22px;display:flex;font-size:11px!important;font-weight:600!important}.write-finish>svg{width:16px!important;height:16px!important}.write-adjust-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#211c16f5;border:1px solid #b7925959;border-radius:13px;width:320px;padding:22px;position:absolute;bottom:80px;left:180px;box-shadow:0 16px 60px #0008}.write-adjust-panel label{color:#c3b49b;margin-bottom:20px;font-size:11px;display:block}.write-adjust-panel label strong{float:right;color:#dfb874;font-size:10px;font-weight:500}.write-adjust-panel input{accent-color:#d8b577;cursor:pointer;width:100%;height:14px;margin:15px 0 0;display:block}.write-adjust-panel>button{color:#dfb874;background:#dfb87419;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;display:flex;font-size:10px!important}.write-adjust-panel>button svg{width:14px!important;height:14px!important}.write-toast{z-index:20;color:#f3dec0;white-space:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f271ded;border:1px solid #bc955c79;border-radius:10px;max-width:90%;padding:14px 20px;font-size:11px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0006}@media (width>=761px){.write-setup-content{padding-block:24px}.write-cup-preview{width:min(105%,560px)}}@media (width<=1100px){.write-setup-content{gap:35px;padding-inline:12px}.write-setup{padding-inline:28px}.write-setup h1{font-size:56px}.write-preview{min-height:570px}.write-wordmark>span{letter-spacing:1.5px;margin-left:14px;padding-left:14px;font-size:8px}.write-intro{font-size:12px}.write-mode-row>span{font-size:8px}.write-mode-picker button{padding-inline:11px}}@media (width<=760px){.write-setup{padding:0 22px}.write-setup-header{gap:10px;height:75px}.write-back{min-width:auto;font-size:11px!important}.write-wordmark{font-size:22px}.write-wordmark>span,.write-module-index{display:none}.write-setup-content{grid-template-columns:1fr;gap:25px;min-height:auto;padding:35px 0 25px}.write-setup-copy{width:100%;max-width:460px;margin:auto}.write-eyebrow{letter-spacing:2.2px;margin-bottom:19px;font-size:8px}.write-setup h1{font-size:56px}.write-intro{margin:18px 0 25px;font-size:12px;line-height:1.8}.write-form{max-width:none}.write-preview{width:100%;max-width:420px;min-height:420px;margin:10px auto 25px}.write-preview-label{top:0}.write-cup-preview{width:95%;max-width:390px;margin-top:20px}.write-preview-caption{margin-top:2px}.write-preview-foot{letter-spacing:1px;font-size:7px;bottom:-22px}.write-preview-orbit{width:95%}.write-orbit-two{width:108%}.write-setup-footer{letter-spacing:.8px;gap:18px;height:60px;font-size:7px;line-height:1.6}.write-setup-footer>span{max-width:45%}.write-setup-footer>span:last-child{text-align:right}}@media (orientation:portrait){.write-fullscreen{width:100dvh;height:100dvw;padding:0 max(14px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-top));transform:translate(-50%,-50%)rotate(90deg)}}@container (height<=520px){.write-stage-header{flex-basis:56px;gap:12px;height:56px}.write-stage-toolbar{flex-basis:54px;height:54px}.write-coach-line{flex-basis:33px;height:33px;font-size:9px}.write-board-meta{font-size:7px;top:13px;left:20px;right:20px}.write-start-hint{font-size:8px;bottom:14px}.write-stage-title>strong{font-size:14px}.write-stage-title>span{font-size:10px}.write-stage-status{letter-spacing:1.1px;font-size:7px}.write-icon-button{width:33px;height:33px}.write-timer{font-size:10px}.write-adjust-panel{width:280px;padding:16px;bottom:63px}.write-adjust-panel label{margin-bottom:13px}.write-adjust-panel input{margin-top:11px}.write-board-wrap{border-radius:10px}.write-coverage>i{width:62px}}@container (width<=750px){.write-stage-title{gap:10px}.write-stage-title>span{max-width:250px;padding-left:10px}.write-stage-status{display:none}.write-timer{margin-left:auto}.write-tool-group{gap:0}.write-tool{gap:6px;padding-inline:9px}.write-tool-divider{margin-inline:5px}.write-stroke-count,.write-export-tool>span{display:none}.write-finish{gap:12px;padding-inline:17px}.write-coach-line{gap:6px}.write-coverage{gap:8px}.write-coverage>span{font-size:8px}.write-board-meta>span:last-child{display:none}}@container (height<=350px){.write-stage-header{flex-basis:45px;height:45px}.write-stage-toolbar{flex-basis:48px;height:48px}.write-coach-line{flex-basis:26px;height:26px}.write-start-hint{bottom:9px}.write-board-meta{top:10px}.write-adjust-panel{bottom:53px}}@media (prefers-reduced-motion:reduce){.write-root *{transition:none!important}}@media (height>=551px){.write-module-index,.write-eyebrow,.write-text-label>span,.write-font-name,.write-mode-row>span,.write-landscape-note,.write-preview-label,.write-preview-caption>strong,.write-preview-foot,.write-setup-footer{font-size:10px}.write-text-label,.write-field-title,.write-suggestions>button,.write-mode-picker button{font-size:12px!important}.write-intro{font-size:15px}.write-start-button{font-size:14px!important}.write-preview-caption>span{font-size:23px}}.write-cup-preview img{filter:brightness(1.03)contrast(1.05)drop-shadow(0 20px 40px #000000a6)}.write-cup-text{color:#c99a52;text-shadow:0 1px #fff6e2,0 6px 18px #6b451c40}.write-canvas{box-shadow:0 24px 60px -32px #000,inset 0 0 0 1px #00000012}.write-coverage i{border-radius:3px;overflow:hidden}.write-coverage i b{background:linear-gradient(90deg,#dfb874,#f3d59d);transition:width .2s;box-shadow:0 0 10px #dfb8745e}.write-tool,.write-icon-button,.write-back,.write-suggestions>button,.write-mode-picker button{touch-action:manipulation;min-height:44px}.write-finish,.write-start-button{min-height:50px}.write-start-hint{text-shadow:0 2px 12px #fff8}@media (width<=760px) and (orientation:portrait){.write-setup-content{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.write-stage-toolbar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=600px){.write-tool,.write-icon-button,.write-back{min-height:36px}.write-finish,.write-start-button{min-height:42px}}.immersive-game>.write-setup{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.immersive-game>.write-setup .write-setup-content{overscroll-behavior:contain;align-items:center;gap:28px;height:100%;min-height:0;padding:14px 18px;overflow-y:auto}.immersive-game>.write-setup .write-preview{min-height:0}.immersive-game>.write-play{grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;min-height:0;display:grid;overflow:hidden}.write-coach-slim{justify-content:center}.write-coach-slim .write-coverage span{font-size:14px;font-weight:600}.write-coach-slim .write-coverage i{border-radius:6px;height:8px}.write-stage-toolbar .write-tool{min-height:46px}.write-stage-toolbar .write-finish{min-height:48px;font-size:13px}.write-font-options>button .write-font-name,.write-suggestions>button,.write-text-label,.write-mode-row span,.write-mode-picker button{font-size:12px}.write-font-options>button .write-font-sample{font-size:34px}@media (width<=900px){.immersive-game>.write-setup .write-setup-content{grid-template-columns:minmax(0,1fr);gap:14px}.immersive-game>.write-setup .write-preview{display:none}}.write-setup-copy h1,.write-eyebrow,.write-intro,.write-preview-caption,.write-preview-foot,.write-setup-footer,.write-landscape-note,.write-preview-label{display:none!important}.write-form{flex-direction:column;gap:16px;width:100%;max-width:520px;display:flex}.write-step{border:1px solid #0000;border-radius:14px;padding:12px 12px 14px;transition:opacity .2s,border-color .2s,background .2s}.write-step.is-active{background:#dfb8740a;border-color:#dfb87455}.write-step.is-waiting{opacity:.5}.write-text-label,.write-field-title{color:#e2d7c6;align-items:center;gap:8px;margin-bottom:10px;font-size:13px!important}.write-text-label>i,.write-field-title>i{letter-spacing:1.4px;color:#dfb874;border:1px solid #dfb87440;border-radius:20px;padding:3px 8px;font-size:10px;font-style:normal}.write-field-title{justify-content:flex-start;display:flex}.write-text-label>span{color:#8c8478;margin-left:auto;font-size:12px}.write-text-label>span.is-limit{color:#e0a45f}.write-input-wrap.is-hero input{color:#f2e5cf;background:#241f19;border-color:#dfb8746e;border-radius:14px;height:74px;padding:0 58px 0 20px;font-size:32px;line-height:1}.write-input-wrap.is-hero input:focus{border-color:#dfb874;box-shadow:0 0 0 4px #dfb8741f}.write-input-wrap>svg{top:50%;transform:translateY(-50%)}.write-input-clear{color:#c0ac8c;background:#ffffff0a;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.write-input-clear svg{width:17px!important;height:17px!important}.write-suggestions{flex-wrap:wrap;gap:8px;margin:12px 0 0}.write-suggestions>button{color:#b6ab9b;background:#181613;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px;font-size:12px!important}.write-suggestions>button.is-active{color:#efc987;background:#2f2517;border-color:#dfb87480}.write-font-options>button{min-height:96px}.write-font-sample{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 6px;font-size:32px;overflow:hidden}.write-font-name{letter-spacing:.6px;font-size:12px!important}.write-mode-cards{grid-template-columns:1fr 1fr;gap:9px;display:grid}.write-mode-cards>button{color:#bcb2a3;text-align:left;background:#181613;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:12px 14px;display:flex}.write-mode-cards>button strong{font-size:13px;font-weight:600}.write-mode-cards>button small{color:#8c8479;font-size:12px;line-height:1.35}.write-mode-cards>button.is-active{color:#efc987;background:linear-gradient(150deg,#3b2f1f,#241d15);border-color:#dfb87488}.write-mode-cards>button.is-active small{color:#c8b494}.write-start-button{opacity:.72;min-height:58px;font-size:15px!important}.write-start-button.is-ready{opacity:1;box-shadow:0 8px 34px #dfb87433}.write-finish.is-icon{border-radius:50%;gap:0;width:52px;min-width:52px;height:52px;padding:0}.write-finish.is-icon>svg{width:22px!important;height:22px!important}.write-tool{flex-direction:column;gap:3px;min-width:60px;font-size:12px!important}.write-tool>svg{width:20px!important;height:20px!important}@media (width<=900px){.immersive-game>.write-setup .write-preview{min-height:0;margin:0 auto;display:flex}.immersive-game>.write-setup .write-cup-preview{width:auto;max-width:none;height:100%;margin:0}.immersive-game>.write-setup .write-cup-preview img{width:auto;height:100%}.write-preview-orbit{display:none}.immersive-game>.write-setup .write-setup-content{grid-template-rows:auto minmax(0,1fr);gap:10px}.immersive-game>.write-setup .write-setup-copy{overscroll-behavior:contain;order:2;grid-row:2;max-width:none;min-height:0;overflow-y:auto}.immersive-game>.write-setup .write-preview{order:1;grid-row:1;max-height:18dvh}.write-suggestions{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.write-suggestions>button{flex:none}.write-input-wrap.is-hero input{height:64px;font-size:26px}.write-step{padding:10px}.write-form{gap:12px}}@media (orientation:landscape) and (height<=600px){.write-input-wrap.is-hero input{height:54px;font-size:22px}.write-font-options>button{min-height:74px}.write-start-button{min-height:46px}.write-finish.is-icon{width:44px;min-width:44px;height:44px}}@media (width<=900px) and (orientation:portrait){.immersive-game>.write-setup .write-preview{max-height:14dvh}.write-step{padding:8px 10px 10px}.write-form{gap:10px}.write-font-options>button{min-height:78px}.write-font-sample{font-size:26px}.write-input-wrap.is-hero input{height:58px;font-size:24px}.write-mode-cards>button{min-height:56px;padding:10px 12px}.write-start-button{min-height:52px}}@media (width<=900px) and (orientation:landscape){.immersive-game>.write-setup .write-setup-content{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:18px;padding:10px 14px}.immersive-game>.write-setup .write-setup-copy{order:1;grid-area:1/1}.immersive-game>.write-setup .write-preview{order:2;grid-area:1/2;align-items:center;height:100%;max-height:none;display:flex}.immersive-game>.write-setup .write-cup-preview{align-items:center;width:auto;height:100%;max-height:100%;display:flex}.immersive-game>.write-setup .write-cup-preview img{object-fit:contain;width:auto;height:100%;max-height:100%}.write-setup-header{height:58px}}@media (orientation:portrait) and (width<=900px){.write-fullscreen{width:100dvw;height:100dvh;padding:0 max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));transform:translate(-50%,-50%)}.write-stage-header{flex-basis:60px;gap:10px;height:60px}.write-stage-toolbar{height:auto;padding:8px 0 calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;flex:none;gap:10px}.write-tool-group{flex:auto;justify-content:space-between;gap:4px}.write-tool{flex:1 1 0;min-width:0;padding-inline:4px}.write-board-wrap{border-radius:12px}}.foam-screen{background:var(--bg,#100f0e);min-height:100dvh;color:var(--text,#f7f2e9);padding:0 clamp(20px,4vw,76px) 16px;font-family:inherit;overflow:hidden}.foam-screen button,.foam-screen input{font:inherit}.foam-screen button{cursor:pointer}.foam-screen button:disabled{cursor:not-allowed;opacity:.35}.foam-screen button:focus-visible,.foam-screen input:focus-visible{outline:2px solid var(--gold,#dfb874);outline-offset:5px}.foam-top{border-bottom:1px solid #fff1d111;justify-content:space-between;align-items:center;height:88px;display:flex}.foam-icon-button{width:38px;height:38px;color:var(--text,#f7f2e9);background:0 0;border:1px solid #e6dab123;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.foam-icon-button:hover,.foam-icon-button.is-on{color:var(--gold,#dfb874);border-color:#dfb87466}.foam-brand{letter-spacing:3px;align-items:center;gap:13px;font-size:11px;font-weight:650;display:flex}.foam-brand small{letter-spacing:1.6px;color:var(--muted,#918a80);margin-top:5px;font-size:7px;font-weight:400;display:block}.foam-brand-mark{color:var(--gold,#dfb874);font-family:Georgia,serif;font-size:45px;line-height:1}.foam-top-tools{align-items:center;gap:10px;display:flex}.foam-training-tag{letter-spacing:1.8px;color:var(--muted,#918a80);background:#fff6df05;border:1px solid #fff4d91c;border-radius:4px;margin-right:6px;padding:7px 10px;font-size:8px}.foam-heading{justify-content:space-between;align-items:center;gap:20px;padding-top:32px;display:flex}.foam-eyebrow{letter-spacing:2.2px;color:var(--gold,#dfb874);margin:0 0 14px;font-size:9px;font-weight:600}.foam-heading h1{letter-spacing:-2px;margin:0 0 13px;font-size:clamp(34px,3.4vw,51px);font-weight:400;line-height:1}.foam-heading h1 span{color:var(--gold,#dfb874)}.foam-heading>div>p:last-child{color:var(--muted,#918a80);margin:0;font-size:12px;line-height:1.6}.foam-volume{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.foam-volume>span{letter-spacing:1.5px;color:var(--muted,#918a80);font-size:8px}.foam-volume>div{background:#171613;border:1px solid #fff4d91c;border-radius:8px;padding:4px;display:flex}.foam-volume button{color:var(--muted,#918a80);background:0 0;border:0;border-radius:5px;padding:9px 17px;font-size:13px}.foam-volume button.selected{color:#251f15;background:#e4c088}.foam-volume button small{font-size:10px}.foam-workbench{grid-template-columns:210px minmax(300px,1fr) 250px;align-items:center;gap:22px;max-width:1450px;min-height:470px;margin:0 auto;display:grid}.foam-sequence{padding-top:12px}.foam-sequence>.foam-eyebrow{color:var(--muted,#918a80);margin-bottom:30px;font-size:8px}.foam-phase-step{color:#756f65;align-items:center;gap:13px;margin-bottom:29px;display:flex;position:relative}.foam-phase-step:not(:nth-of-type(3)):after{content:"";background:#bca67b23;width:1px;height:24px;position:absolute;top:36px;left:16px}.foam-phase-step>span{border:1px solid #eee0be22;border-radius:50%;flex:none;justify-content:center;align-items:center;width:33px;height:33px;font-size:10px;display:flex}.foam-phase-step strong{font-size:11px;font-weight:500}.foam-phase-step small{color:#766f64;margin-top:6px;font-size:9px;line-height:1.4;display:block}.foam-phase-step.active{color:var(--text,#f7f2e9)}.foam-phase-step.active>span{color:var(--gold,#dfb874);background:#c2a26811;border-color:#dfb87466;box-shadow:0 0 20px #c2a2680b}.foam-phase-step.complete>span{color:var(--gold,#dfb874);border-color:#dfb87444}.foam-ear-card{color:var(--gold,#dfb874);background:linear-gradient(145deg,#dbb67509,#0000);border:1px solid #eadbb219;border-radius:10px;margin-top:35px;padding:17px 15px}.foam-ear-card p{margin:11px 0 16px}.foam-ear-card strong{color:#c4bcae;font-size:10px;font-weight:500;display:block}.foam-ear-card p>span{color:var(--muted,#918a80);margin-top:7px;font-size:10px;line-height:1.7;display:block}.foam-ear-card button,.foam-center-wand{color:var(--gold,#dfb874);background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:10px;display:flex}.foam-ear-card button>span,.foam-center-wand>span{font-size:16px}.foam-stage-wrap{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.foam-live-cue{letter-spacing:1.6px;color:#9e9586;z-index:1;align-items:center;gap:7px;font-size:8px;display:flex;position:absolute;top:9px}.foam-live-dot{background:#8a8173;border-radius:50%;width:4px;height:4px}.foam-live-dot.active{background:#dfb874;box-shadow:0 0 9px #dfb87480}.foam-pitcher{touch-action:none;cursor:grab;width:100%;max-width:625px;max-height:490px;display:block;overflow:visible}.foam-pitcher:active{cursor:grabbing}.foam-milk-swirl{animation:7s linear infinite foam-swirl}.foam-stage-title{text-align:center;z-index:1;margin-top:-14px}.foam-stage-title h2{letter-spacing:-.5px;color:#ead7b5;margin:0 0 8px;font-family:Georgia,serif;font-size:25px;font-style:italic;font-weight:400}.foam-stage-title p{color:var(--muted,#918a80);margin:0;font-size:10px;line-height:1.6}.foam-controls{flex-direction:column;gap:27px;padding-top:20px;display:flex}.foam-control-block+.foam-control-block{border-top:1px solid #fff1d111;padding-top:23px}.foam-control-title{color:#d1c9bb;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.foam-control-title strong{color:var(--gold,#dfb874);font-size:18px;font-weight:400}.foam-control-title strong small{color:#978a75;font-size:10px}.foam-control-block>p{color:#80796f;margin:8px 0 18px;font-size:9px;line-height:1.7}.foam-control-block input[type=range]{appearance:none;background:#dfb87434;border:0;border-radius:10px;outline:0;width:100%;height:3px;margin:19px 0 13px;padding:0;display:block}.foam-control-block input[type=range]::-webkit-slider-thumb{appearance:none;background:#e4c695;border:3px solid #2d281f;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #e4c695}.foam-control-block input[type=range]::-moz-range-thumb{background:#e4c695;border:3px solid #2d281f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #e4c695}.foam-range-labels{color:#766e62;justify-content:space-between;font-size:8px;display:flex}.foam-quick-presets{gap:7px;margin-top:18px;display:flex}.foam-quick-presets button{color:#91897c;background:#fff0d404;border:1px solid #ddc39620;border-radius:5px;flex:1;padding:8px 3px;font-size:9px}.foam-quick-presets button.active{color:#e0c493;background:#dfb8740b;border-color:#dfb87466}.foam-meter-track{background:#cbb37d15;border-radius:5px;height:3px;margin-top:15px}.foam-meter-track>span{background:var(--gold,#dfb874);height:100%;transition:width .15s;display:block}.foam-control-block.foam-vortex-meter>p{margin:9px 0 20px}.foam-bottom{border-top:1px solid #fff1d11a;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:27px 0 18px;display:flex}.foam-readings{gap:40px;display:flex}.foam-reading{min-width:115px}.foam-reading>span{letter-spacing:1.6px;color:#8f8679;margin-bottom:8px;font-size:7px;display:block}.foam-reading>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:27px;font-weight:350;display:block}.foam-reading>strong small{color:#ad9e85;letter-spacing:0;font-size:13px;font-weight:400}.foam-reading>small{color:#807568;margin-top:7px;font-size:8px;display:block}.foam-reading.ideal>strong,.foam-reading.ideal>strong small{color:#b7c995}.foam-reading.hot>strong,.foam-reading.hot>strong small{color:#eaa184}.foam-thermo{background:#dfb87417;width:125px;height:2px;margin-top:12px;position:relative}.foam-thermo>span{background:var(--gold,#dfb874);height:100%;position:absolute;top:0;left:0}.foam-thermo>i{background:#b7c99560;width:12.8%;height:5px;position:absolute;top:-1.5px;left:70.5%}.foam-actions{align-items:center;gap:10px;display:flex}.foam-reset{color:#b8aa96;background:0 0;border:1px solid #e6dab123;border-radius:7px;width:44px;height:44px;font-size:24px}.foam-start{color:#251f17;white-space:nowrap;background:linear-gradient(135deg,#ebcd9b,#d8b175);border:1px solid #e8c994;border-radius:7px;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:0 26px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #dfb8740a}.foam-start:hover{filter:brightness(1.07)}.foam-start>span{font-size:11px}.foam-finish{color:#c6b89f;white-space:nowrap;background:0 0;border:1px solid #e6dab12b;border-radius:7px;justify-content:center;align-items:center;gap:23px;min-height:46px;padding:0 18px;font-size:11px;display:inline-flex}.foam-finish>span{font-size:17px}.foam-disclaimer{text-align:center;color:#6e665a;margin:0;font-size:8px;line-height:1.8}.foam-tip-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.foam-tips{background:#1b1916;border:1px solid #dabb8544;border-radius:16px;max-width:480px;max-height:90dvh;padding:35px;position:relative;overflow:auto;box-shadow:0 25px 80px #0008}.foam-close-tips{width:28px;height:28px;position:absolute;top:15px;right:15px}.foam-tips h2{color:#ead7b5;max-width:320px;margin:0 0 25px;font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.15}.foam-tips p:not(.foam-eyebrow){color:#a99f90;margin:0 0 18px;font-size:12px;line-height:1.8}.foam-tips strong{color:#e0d5c4;font-weight:500}.foam-tips p.foam-tip-note{color:#8c8170;border-top:1px solid #fff1d11a;padding-top:17px;font-size:10px}.foam-tips>.foam-start{width:100%;margin-top:4px}@keyframes foam-swirl{to{transform:rotate(360deg)}}@media (width>=1500px){.foam-workbench{grid-template-columns:235px minmax(350px,1fr) 280px;min-height:580px}.foam-pitcher{max-height:550px}.foam-stage-title{margin-top:-5px}.foam-bottom{max-width:1450px;margin-left:auto;margin-right:auto}}@media (width<=1100px){.foam-screen{padding-left:25px;padding-right:25px}.foam-workbench{grid-template-columns:155px minmax(280px,1fr) 200px;gap:15px;min-height:415px}.foam-sequence>.foam-eyebrow{letter-spacing:1.1px;font-size:7px}.foam-phase-step{gap:9px}.foam-phase-step strong{font-size:10px}.foam-phase-step small{font-size:8px}.foam-ear-card{margin-top:25px;padding:13px 12px}.foam-controls{gap:20px}.foam-control-block+.foam-control-block{padding-top:20px}.foam-readings{gap:20px}.foam-reading{min-width:100px}.foam-start{padding:0 19px}.foam-finish{gap:14px;padding:0 12px}.foam-heading{padding-top:25px}.foam-heading h1{font-size:37px}.foam-stage-title h2{font-size:22px}.foam-stage-title p{font-size:9px}.foam-top{height:75px}}@media (width<=800px){.foam-screen{padding:0 20px 15px}.foam-top{height:66px}.foam-brand{letter-spacing:2px;font-size:10px}.foam-brand-mark{font-size:35px}.foam-training-tag{display:none}.foam-heading{padding-top:25px}.foam-heading h1{font-size:35px}.foam-heading>div>p:last-child{max-width:240px;font-size:10px}.foam-workbench{grid-template-columns:1fr 210px;gap:15px}.foam-sequence{display:none}.foam-stage-wrap{min-height:415px}.foam-pitcher{width:112%;max-height:380px}.foam-stage-title{margin-top:0}.foam-live-cue{top:24px}.foam-bottom{flex-direction:column;gap:24px;margin-top:15px;padding-top:23px}.foam-readings{justify-content:space-between;gap:20px;width:100%}.foam-reading{min-width:0}.foam-actions{justify-content:center;width:100%}.foam-start{flex:1}.foam-finish{flex:1;max-width:180px}.foam-reset{flex:none}.foam-reading>strong{font-size:26px}}@media (width<=550px){.foam-top-tools{gap:7px}.foam-icon-button{width:32px;height:32px}.foam-brand{gap:8px}.foam-brand small{letter-spacing:1.4px;font-size:5.5px}.foam-brand-mark{font-size:30px}.foam-volume>span{letter-spacing:1px;font-size:6px}.foam-volume button{padding:8px 11px}.foam-heading{gap:12px}.foam-eyebrow{letter-spacing:1.5px;font-size:8px}.foam-heading h1{font-size:34px}.foam-heading>div>p:last-child{max-width:215px;font-size:10px}.foam-workbench{grid-template-columns:1fr;gap:8px}.foam-stage-wrap{min-height:335px;padding-top:9px}.foam-live-cue{font-size:7px;top:16px}.foam-pitcher{width:100%;max-height:330px}.foam-stage-title{margin-top:-4px}.foam-stage-title h2{font-size:24px}.foam-stage-title p{font-size:9px}.foam-controls{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;display:grid}.foam-control-title{font-size:10px}.foam-control-title strong{font-size:16px}.foam-control-block+.foam-control-block{border:0;padding-top:0}.foam-control-block>p{min-height:26px;margin:5px 0 8px;font-size:8px}.foam-vortex-meter{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px 20px;padding-bottom:0;display:grid}.foam-vortex-meter .foam-control-title{grid-column:1}.foam-vortex-meter .foam-meter-track{grid-column:1;margin-top:5px}.foam-vortex-meter .foam-center-wand{grid-area:1/2;align-self:center;font-size:9px}.foam-control-block.foam-vortex-meter>p{grid-area:2/2;min-height:0;margin:0;font-size:8px}.foam-quick-presets button{padding:8px 3px;font-size:8px}.foam-bottom{gap:24px;margin-top:21px;padding:20px 0 16px}.foam-reading>span{letter-spacing:1px;font-size:6px}.foam-reading>strong{font-size:24px}.foam-reading>small{font-size:7px}.foam-thermo{width:93px}.foam-disclaimer{padding:0 15px;font-size:7px}.foam-start,.foam-finish{padding-left:13px;padding-right:13px;font-size:10px}.foam-actions{gap:8px}.foam-tips{padding:30px 25px}.foam-tips h2{font-size:27px}}@media (orientation:landscape) and (height<=550px){.foam-screen{padding:0 20px 10px}.foam-top{height:45px}.foam-brand small,.foam-training-tag{display:none}.foam-brand-mark{font-size:27px}.foam-icon-button{width:28px;height:28px}.foam-heading{align-items:flex-start;padding-top:12px}.foam-heading .foam-eyebrow{margin-bottom:6px;font-size:7px}.foam-heading h1{margin-bottom:5px;font-size:28px}.foam-heading>div>p:last-child{font-size:8px}.foam-volume{gap:5px}.foam-volume>span{font-size:6px}.foam-volume button{padding:5px 12px}.foam-workbench{grid-template-columns:145px 1fr 190px;gap:18px;height:235px;min-height:0}.foam-sequence{padding-top:10px;display:block}.foam-sequence>.foam-eyebrow{margin-bottom:15px;font-size:6px}.foam-phase-step{gap:8px;margin-bottom:15px}.foam-phase-step>span{width:25px;height:25px;font-size:8px}.foam-phase-step:not(:nth-of-type(3)):after{height:11px;top:28px;left:12px}.foam-phase-step strong{font-size:9px}.foam-phase-step small{font-size:7px}.foam-ear-card{display:none}.foam-stage-wrap{min-height:0;padding-top:0}.foam-pitcher{width:auto;max-width:100%;max-height:220px}.foam-live-cue{font-size:6px;top:0}.foam-stage-title{margin-top:-10px}.foam-stage-title h2{margin-bottom:3px;font-size:18px}.foam-stage-title p{font-size:7px}.foam-controls{gap:10px;padding-top:2px;display:flex}.foam-control-block+.foam-control-block{border-top:1px solid #fff1d111;padding-top:10px}.foam-control-title{font-size:9px}.foam-control-title strong{font-size:14px}.foam-control-block>p{min-height:0;margin:3px 0 10px;font-size:7px}.foam-control-block input[type=range]{margin:11px 0 9px}.foam-range-labels{font-size:7px}.foam-quick-presets{gap:5px;margin-top:9px}.foam-quick-presets button{padding:5px;font-size:7px}.foam-vortex-meter{display:none}.foam-bottom{flex-direction:row;gap:20px;margin-top:13px;padding:12px 0 8px}.foam-readings{gap:20px;width:auto}.foam-reading{min-width:75px}.foam-reading>span{margin-bottom:4px;font-size:6px}.foam-reading>strong{font-size:20px}.foam-reading>strong small{font-size:10px}.foam-reading>small{margin-top:4px;font-size:6px}.foam-thermo{width:80px;margin-top:7px}.foam-actions{gap:7px;width:auto}.foam-start,.foam-finish{gap:12px;min-height:35px;padding:0 12px;font-size:9px}.foam-reset{width:35px;height:35px;font-size:20px}.foam-disclaimer{font-size:6px}.foam-tips{max-height:90dvh}}@media (prefers-reduced-motion:reduce){.foam-milk-swirl{animation:none}.foam-meter-track>span{transition:none}}.foam-volume button{white-space:nowrap}@media (orientation:landscape) and (height<=430px){.foam-workbench{height:180px}.foam-pitcher{max-height:169px}.foam-stage-title h2{font-size:16px}.foam-stage-title p{font-size:6px}.foam-stage-title{margin-top:-7px}.foam-live-cue{font-size:5px}.foam-controls{gap:7px}.foam-control-block+.foam-control-block{padding-top:7px}.foam-control-block>p{margin-bottom:7px}.foam-bottom{margin-top:12px;padding-top:10px}.foam-reading>strong{font-size:18px}.foam-disclaimer{line-height:1.5}}@media (height>=551px){.foam-brand small,.foam-training-tag,.foam-sequence>.foam-eyebrow,.foam-live-cue,.foam-volume>span,.foam-range-labels,.foam-reading>span,.foam-reading>small,.foam-disclaimer{font-size:9px}.foam-eyebrow,.foam-phase-step small,.foam-control-block>p,.foam-quick-presets button{font-size:10px}.foam-phase-step strong,.foam-ear-card strong,.foam-ear-card p>span,.foam-center-wand,.foam-stage-title p,.foam-control-title{font-size:12px}.foam-heading>div>p:last-child{font-size:14px}.foam-stage-title h2{font-size:28px}}.foam-pitcher{filter:drop-shadow(0 26px 50px #000a)}.foam-milk-swirl{mix-blend-mode:screen}.foam-meter-track span{background:linear-gradient(90deg,#dfb87488,#f3d59d);box-shadow:0 0 12px #dfb8745e}.foam-thermo span{box-shadow:0 0 10px #dfb8744d}.foam-live-cue{letter-spacing:1.6px}.foam-icon-button,.foam-quick-presets button,.foam-center-wand,.foam-reset{touch-action:manipulation;min-height:44px}.foam-start,.foam-finish{min-height:48px}.foam-stage-title h2{text-shadow:0 4px 20px #000}@media (width<=760px) and (orientation:portrait){.foam-bottom{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=600px){.foam-icon-button,.foam-quick-presets button,.foam-center-wand,.foam-reset{min-height:36px}.foam-start,.foam-finish{min-height:40px}}.foam-screen{overflow:hidden auto}.foam-steps-compact{display:none}.foam-coach-band{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1d1a1580,#14121080);border:1px solid #e7d6ab1f;border-radius:12px;max-width:640px;padding:12px 18px}.foam-coach-band h2{margin:0 0 6px;font-size:clamp(19px,2.2vw,27px)}.foam-coach-band p{color:#b6ac9c;font-size:13px;line-height:1.55}.foam-coach-band.tone-fix{border-color:#dfb8744d}.foam-coach-band.tone-fix h2{color:#f0d6a5}.foam-coach-band.tone-good{border-color:#b7c99552}.foam-coach-band.tone-good h2{color:#cfe0af}.foam-coach-band.tone-alert{background:linear-gradient(#2a1a1480,#17110e80);border-color:#eaa1846b}.foam-coach-band.tone-alert h2{color:#f3b79c}.foam-live-cue{background:#14121066;border:1px solid #fff3d616;border-radius:99px;padding:5px 11px}.foam-live-cue.is-open{color:#f0d6a5;border-color:#dfb87447}.foam-live-cue.is-paused{color:#c8bda9}.foam-live-cue.is-ideal{color:#cfe0af;border-color:#b7c99552}.foam-live-cue.is-hot{color:#f3b79c;border-color:#eaa18455}.foam-finish-hint{text-align:center;color:#b3a894;margin:6px 0 0;font-size:11px;line-height:1.5}@media (width<=800px){.foam-steps-compact{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.foam-steps-compact li{color:#8c8474;background:#14121055;border:1px solid #fff3d614;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.foam-steps-compact li>span{border:1px solid #eee0be26;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.foam-steps-compact li.active{color:#f0d6a5;border-color:#dfb87447}.foam-steps-compact li.complete>span{color:#dfb874;border-color:#dfb87444}.foam-stage-wrap{padding-top:34px}.foam-live-cue{top:2px}.foam-coach-band p{font-size:12px}}@media (width<=800px) and (orientation:portrait){.foam-stage-wrap{padding-top:56px}.foam-steps-compact{position:absolute;top:30px}}@media (orientation:landscape) and (height<=600px){.foam-steps-compact{margin-bottom:4px;display:flex;position:static}.foam-steps-compact li{padding:3px 8px;font-size:10px}.foam-coach-band{padding:7px 13px}.foam-coach-band h2{margin-bottom:3px;font-size:17px}.foam-coach-band p{font-size:10px;line-height:1.4}.foam-live-cue{padding:3px 8px;font-size:9px}.foam-finish-hint{margin-top:4px;font-size:10px}.foam-phase-step small,.foam-control-block>p,.foam-range-labels span,.foam-reading>span,.foam-reading>small,.foam-disclaimer{font-size:10px}.foam-phase-step strong,.foam-control-title,.foam-quick-presets button,.foam-center-wand,.foam-stage-title p{font-size:11px}.foam-steps-compact{display:none}.foam-stage-wrap{justify-content:flex-start;padding-top:14px}.foam-pitcher{max-height:176px}.foam-stage-title{margin-top:2px}.foam-coach-band{max-width:420px}}@media (orientation:landscape) and (height<=430px){.foam-coach-band h2{font-size:15px}.foam-coach-band p{font-size:9px}.foam-workbench{height:152px;min-height:0}.foam-stage-wrap{padding-top:8px}.foam-coach-band{padding:5px 11px}.foam-screen{padding-bottom:6px}.foam-heading{padding-top:6px}.foam-workbench{height:146px}.foam-pitcher{max-height:120px}.foam-finish-hint{margin:2px 0 0;font-size:9px}.foam-disclaimer{margin-top:2px;font-size:8px}}@media (width>=801px) and (height>=820px){.foam-workbench{height:clamp(360px,100dvh - 420px,580px);min-height:0}.foam-pitcher{max-height:100%}}@media (width<=800px) and (orientation:portrait){.foam-workbench{min-height:0}.foam-heading{padding-top:14px}.foam-pitcher{max-height:min(260px,29dvh)}.foam-controls{grid-template-columns:1fr 1fr;align-content:start;gap:10px;display:grid}.foam-controls>*{min-width:0}.foam-steps-compact{margin:0 0 8px;position:static;top:auto}.foam-stage-wrap{padding-top:8px}.foam-live-cue{margin:0 auto 8px;position:static}}@media (orientation:landscape) and (height<=600px){.foam-workbench{align-items:start}.foam-stage-wrap{overflow:hidden}.foam-coach-band p{display:none}.foam-coach-band{max-width:340px;padding:4px 12px}.foam-coach-band h2{margin:0;font-size:14px}.foam-sequence{display:none}.foam-workbench{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.foam-steps-compact{flex-wrap:nowrap;justify-content:flex-start;margin:0 0 4px;display:flex;position:static;overflow-x:auto}.foam-steps-compact li{flex:none}.foam-actions{gap:10px}.foam-actions button{min-width:0}.foam-start,.foam-finish{white-space:nowrap;padding-left:14px;padding-right:14px;font-size:13px}}@media (width<=800px) and (orientation:portrait){.foam-heading{padding-top:10px}.foam-heading h1{font-size:30px}.foam-steps-compact{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.foam-steps-compact li{flex:none}.foam-pitcher{max-height:min(230px,24dvh)}}.foam-steps-compact{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.foam-steps-compact li{color:#8c8474;background:#14121055;border:1px solid #fff3d614;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.foam-steps-compact li>span{border:1px solid #eee0be26;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.foam-steps-compact li.active{color:#f0d6a5;border-color:#dfb87447}.foam-steps-compact li.complete>span{color:#dfb874;border-color:#dfb87444}@media (orientation:landscape) and (height<=470px){.foam-workbench{align-items:start;height:auto;min-height:0}.foam-stage-wrap{padding-top:4px;overflow:visible}.foam-stage-title{margin-top:4px;position:relative}.foam-heading>div>p:last-child{display:none}.foam-live-cue{margin:0 auto 4px;position:static}.foam-pitcher{max-height:118px}.foam-stage-title{margin-top:2px}.foam-bottom{margin-top:6px}}.immersive-game>.foam-screen{height:100%;min-height:0;padding-bottom:max(10px,env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.immersive-game>.foam-screen .foam-workbench{overscroll-behavior:contain;align-content:start;height:100%;min-height:0;overflow-y:auto}.immersive-game>.foam-screen .foam-bottom{margin-top:8px;padding:10px 0 6px}.foam-disclaimer{font-size:12px;line-height:1.5}.foam-range-labels span,.foam-control-block p,.foam-reading span,.foam-reading small,.foam-steps-compact li,.foam-live-cue{font-size:12px}.foam-control-block input[type=range]{height:34px}@media (height<=620px){.foam-disclaimer{display:none}}@media (width<=900px){.immersive-game>.foam-screen .foam-workbench{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0}.immersive-game>.foam-screen .foam-stage-wrap{align-self:start;min-height:300px}.immersive-game>.foam-screen .foam-steps-compact{flex-wrap:nowrap;justify-content:flex-start;margin:0 0 6px;display:flex;position:static;overflow-x:auto}.immersive-game>.foam-screen .foam-disclaimer{display:none}}@media (orientation:landscape) and (height<=520px){.immersive-game>.foam-screen .foam-workbench{grid-template-columns:minmax(0,1fr) minmax(0,260px);grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0}.immersive-game>.foam-screen .foam-stage-wrap{align-self:start;min-height:0}.immersive-game>.foam-screen .foam-pitcher{width:auto;max-width:100%;max-height:min(150px,38dvh);margin:0 auto}.immersive-game>.foam-screen .foam-controls{gap:12px;padding-top:0}.immersive-game>.foam-screen .foam-disclaimer{display:none}.immersive-game>.foam-screen .foam-heading{padding-top:6px}.immersive-game>.foam-screen .foam-heading h1{margin-bottom:0;font-size:22px}.immersive-game>.foam-screen .foam-heading .foam-eyebrow{margin-bottom:4px}.immersive-game>.foam-screen .foam-top{height:52px}.immersive-game>.foam-screen .foam-stage-title{margin-top:0}.immersive-game>.foam-screen .foam-coach-band{padding:5px 10px}.immersive-game>.foam-screen .foam-coach-band h2{font-size:15px}.immersive-game>.foam-screen .foam-coach-band p,.immersive-game>.foam-screen .foam-steps-compact{display:none}}.foam-control-title{flex-wrap:wrap;row-gap:2px}.foam-control-title label,.foam-control-title>span{flex:auto;min-width:0;line-height:1.3}.foam-control-title strong{white-space:nowrap;flex:none}@media (width<=900px) and (orientation:portrait){.immersive-game>.foam-screen .foam-stage-wrap{min-height:min(215px,25dvh);padding-top:0}.immersive-game>.foam-screen .foam-pitcher{transform-origin:50%;width:100%;max-width:none;max-height:min(215px,25dvh);transform:scale(1.26)}.immersive-game>.foam-screen .foam-stage-wrap{overflow:visible}.immersive-game>.foam-screen .foam-heading{padding-top:6px}.immersive-game>.foam-screen .foam-heading>div>p:last-child{display:none}.immersive-game>.foam-screen .foam-heading h1{margin-bottom:4px;font-size:clamp(26px,7vw,34px)}.immersive-game>.foam-screen .foam-heading .foam-eyebrow{margin-bottom:8px}.immersive-game>.foam-screen .foam-top{height:64px}.immersive-game>.foam-screen .foam-controls{gap:12px;padding-top:8px}.immersive-game>.foam-screen .foam-quick-presets,.immersive-game>.foam-screen .foam-control-block>p{display:none}.immersive-game>.foam-screen .foam-coach-band{padding:8px 12px}.immersive-game>.foam-screen .foam-range-labels{margin-top:2px}.immersive-game>.foam-screen .foam-vortex-meter>p{display:none}.immersive-game>.foam-screen .foam-workbench{position:relative}.immersive-game>.foam-screen .foam-stage-wrap{margin-bottom:10px}.immersive-game>.foam-screen .foam-readings{gap:12px}.immersive-game>.foam-screen .foam-reading>strong{font-size:22px}.immersive-game>.foam-screen .foam-bottom{gap:12px;margin-top:4px}}@media (orientation:landscape) and (height<=520px){.immersive-game>.foam-screen .foam-pitcher{transform-origin:50%;width:100%;max-width:none;max-height:min(126px,34dvh);margin:0 auto;transform:scale(1.16)}.immersive-game>.foam-screen .foam-stage-wrap{justify-content:center;min-height:0;padding-top:10px;overflow:visible}.immersive-game>.foam-screen .foam-live-cue{align-self:center;margin:0 auto 4px;position:static}.immersive-game>.foam-screen .foam-heading>div>p:last-child,.immersive-game>.foam-screen .foam-control-block>p{display:none}.immersive-game>.foam-screen .foam-workbench{grid-template-columns:minmax(0,1.25fr) minmax(0,240px)}}