/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f6f1e7;--paper-raised:#fbf8f1;--oat:#e9dfc9;--limestone:#e4e0d7;--sand:#e3ceaa;--clay:#c78f72;--orange:#a84f2c;--orange-dark:#81381f;--eucalyptus:#d7e1d8;--eucalyptus-ink:#395549;--mineral:#d8e2e7;--mineral-deep:#6d8793;--slate:#667082;--indigo:#263754;--indigo-deep:#18243d;--night:#111b2b;--ink:#202b3f;--muted:#596477;--faint:#26375421;--line:#26375430;--focus:#b75b33;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-dialog:0 30px 90px #171f2e38;--content:1480px;--touch:48px;--text-scale:1;--motion-fast:.18s;--motion:.36s;--motion-slow:5s}*{box-sizing:border-box}html{background:var(--paper);min-height:100%;color:var(--ink);overscroll-behavior:none}body{background:var(--paper);min-height:100%;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Arial,sans-serif}button,input,textarea,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:not(:disabled),select:not(:disabled),input[type=range]:not(:disabled){cursor:pointer}label:has(input:not(:disabled)){cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}::selection{background:#a84f2c2e}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.classroom-app{background:var(--paper);min-height:100dvh;color:var(--ink);font-size:calc(16px * var(--text-scale));isolation:isolate;position:relative;overflow-x:hidden}.surface-grain{z-index:100;pointer-events:none;opacity:.022;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.bb-icon{flex:none;display:block}.eyebrow,.section-label,.pupil-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:720;line-height:1.2}.quiet-icon-button{width:var(--touch);height:var(--touch);min-width:var(--touch);color:var(--indigo);transition:background var(--motion-fast), border-color var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:inline-grid}.quiet-icon-button:hover{border-color:var(--line);background:#ffffff61}.primary-action,.secondary-action{border-radius:var(--radius-sm);min-height:52px;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:11px;padding:0 24px;font-weight:720;line-height:1.2;display:inline-flex}.primary-action{background:var(--orange);color:#fffaf1}.primary-action:hover:not(:disabled){background:var(--orange-dark)}.secondary-action{border-color:var(--indigo);color:var(--indigo);background:0 0}.secondary-action:hover:not(:disabled){background:var(--indigo);color:var(--paper-raised)}.text-button{min-height:44px;color:var(--indigo);background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;padding:6px 2px;font-weight:680;display:inline-flex}.text-button:hover{border-bottom-color:currentColor}.home-surface{width:min(100%, var(--content));min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) clamp(22px, 4.2vw, 72px) max(28px, env(safe-area-inset-bottom));margin:0 auto}.home-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:52px;display:grid}.home-header>:last-child{justify-self:end}.blue-bridge-mark{color:var(--indigo);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:inline-flex}.blue-bridge-mark span{border-top:2px solid var(--orange);border-bottom:2px solid var(--indigo);width:15px;height:9px;transform:skew(-25deg)}.blue-bridge-mark b{color:var(--muted);font-weight:570}.home-status{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.025em;align-items:center;gap:10px;font-size:.76rem;display:flex}.home-status i{background:var(--clay);border-radius:50%;width:3px;height:3px}.home-intro{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:16px 40px;min-height:clamp(170px,24vh,285px);padding:clamp(38px,6vh,78px) 0 clamp(32px,5vh,66px);display:grid}.home-intro .eyebrow{grid-column:1/-1;align-self:start}.home-intro h1{color:var(--indigo);letter-spacing:-.065em;margin:0;font-size:clamp(3.05rem,7.2vw,7.2rem);font-weight:535;line-height:.88}.home-intro>p:last-child{max-width:34ch;color:var(--muted);margin:0 0 .55em;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.55}.home-composition{border-top:1px solid var(--indigo);border-bottom:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.home-zone{min-width:0;padding:clamp(22px,2.6vw,38px);position:relative}.transition-zone{border-right:1px solid var(--line);background:#d8e2e73b;grid-column:1/span 7}.directions-zone{background:#e9dfc945;grid-column:8/-1}.sound-zone{border-top:1px solid var(--line);border-right:1px solid var(--line);grid-column:1/span 5}.atmosphere-zone{border-top:1px solid var(--line);background:#d7e1d838;grid-column:6/-1}.zone-heading{width:100%;min-height:100px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 40px;align-items:start;gap:clamp(12px,2vw,24px);padding:0;display:grid}.zone-heading.compact{min-height:78px}.zone-number{color:var(--orange-dark);font-variant-numeric:tabular-nums;letter-spacing:.08em;padding-top:5px;font-size:.68rem;font-weight:720}.zone-copy{grid-template-columns:auto 1fr;align-items:center;gap:7px 12px;display:grid}.zone-copy>.bb-icon{width:26px;height:26px;color:var(--indigo)}.zone-copy strong{color:var(--indigo);letter-spacing:-.035em;font-size:clamp(1.45rem,2.35vw,2.4rem);font-weight:570}.zone-copy small{max-width:40ch;color:var(--muted);grid-column:2;font-size:.89rem;line-height:1.45}.zone-arrow{color:var(--slate);transition:transform var(--motion-fast), color var(--motion-fast);margin-top:4px}.zone-heading:hover .zone-arrow{color:var(--orange-dark);transform:translate(5px)}.quick-actions,.sound-quick{flex-wrap:wrap;gap:8px;padding-left:calc(42px + clamp(12px,2vw,24px));display:flex}.quick-actions button{min-height:44px;color:var(--indigo);background:#fbf8f18a;border:1px solid #26375447;border-radius:999px;padding:0 16px;font-size:.83rem;font-weight:670}.quick-actions button:hover{border-color:var(--orange);background:var(--paper-raised)}.direction-prompt{border:0;border-bottom:1px solid var(--indigo);width:calc(100% - 42px - clamp(12px,2vw,24px));min-height:54px;color:var(--muted);text-align:left;background:0 0;justify-content:space-between;align-items:center;margin-left:calc(42px + clamp(12px,2vw,24px));padding:0 2px 0 0;display:flex}.direction-prompt .bb-icon{color:var(--orange-dark)}.sound-quick{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sound-quick button{border:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:8px;padding:4px 8px;font-size:.8rem;display:flex}.sound-quick button[aria-pressed=true]{border-bottom-color:var(--indigo);color:var(--indigo);font-weight:720}.sound-quick .bb-icon{width:20px;height:20px}.atmosphere-quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-left:calc(42px + clamp(12px,2vw,24px));display:grid}.atmosphere-quick button{min-width:0;min-height:58px;color:var(--muted);text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;align-content:start;gap:8px;padding:0;font-size:.72rem;display:grid}.atmosphere-quick button>span{background:var(--tone,var(--limestone));border:1px solid #26375417;border-radius:2px;width:100%;height:15px;display:block}.atmosphere-quick button[aria-pressed=true]{border-bottom-color:var(--indigo);color:var(--indigo)}.secondary-rail{justify-content:center;align-items:center;gap:4px;min-height:70px;padding-top:14px;display:flex}.secondary-rail button{min-width:104px;min-height:46px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.8rem;display:inline-flex}.secondary-rail button:hover{color:var(--indigo)}.secondary-rail .bb-icon{width:19px;height:19px}.tool-surface{width:min(100%, var(--content));min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) clamp(20px, 4vw, 66px) max(40px, env(safe-area-inset-bottom));margin:0 auto}.tool-header{grid-template-columns:var(--touch) minmax(0, 1fr) var(--touch);border-bottom:1px solid var(--line);align-items:start;gap:clamp(16px,2.5vw,36px);padding:6px 0 clamp(28px,5vh,54px);display:grid}.tool-header>div{min-width:0}.tool-header h1{color:var(--indigo);letter-spacing:-.055em;margin:8px 0 4px;font-size:clamp(2rem,4.4vw,4.8rem);font-weight:540;line-height:.98}.tool-header>div>p:last-child:not(.eyebrow){max-width:55ch;color:var(--muted);margin:10px 0 0;font-size:clamp(.9rem,1.4vw,1.06rem);line-height:1.55}.tool-layout{grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:clamp(32px,6vw,90px);padding-top:clamp(30px,5vh,58px);display:grid}.choice-column{border-right:1px solid var(--line);padding-right:clamp(0px,2vw,26px)}.intention-list{margin:14px 0 36px;display:grid}.intention-list button{border:0;border-bottom:1px solid var(--line);min-height:66px;color:var(--muted);text-align:left;background:0 0;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.intention-list button strong{color:var(--indigo);font-size:1rem}.intention-list button small{line-height:1.35}.intention-list button[aria-pressed=true]{box-shadow:inset 3px 0 var(--orange);background:#ffffff57}.preset-list{gap:4px;margin-top:14px;display:grid}.preset-list button{border-radius:var(--radius-sm);min-height:48px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:7px 11px;display:flex}.preset-list button[aria-pressed=true]{background:var(--paper-raised);color:var(--indigo);border-color:#26375442}.preset-list .bb-icon{width:21px;height:21px}.compose-column,.directions-preview-column{min-width:0}.compose-heading,.preview-toolbar,.meter-heading,.audio-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.compose-heading h2,.preview-toolbar h2,.meter-heading h2,.audio-heading h2{color:var(--indigo);letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:560;line-height:1.1}.compose-heading>.bb-icon{width:42px;height:42px;color:var(--mineral-deep)}.field-label{color:var(--indigo);letter-spacing:.025em;gap:9px;font-size:.78rem;font-weight:720;display:grid}.field-label input,.field-label textarea,.direction-edit input,.editable-step input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--ink);letter-spacing:0;background:#fbf8f1b8;font-weight:510}.field-label input{min-height:54px;padding:0 15px;font-size:1.05rem}.field-label textarea{resize:vertical;min-height:240px;padding:18px;font-size:1.1rem;line-height:1.55}.field-label input:focus,.field-label textarea:focus,.direction-edit input:focus,.editable-step input:focus{border-color:var(--indigo);background:var(--paper-raised)}.step-editor{margin-top:24px}.step-editor-title{color:var(--indigo);justify-content:space-between;align-items:center;gap:16px;font-size:.78rem;font-weight:720;display:flex}.editable-step{border-bottom:1px solid var(--line);grid-template-columns:28px 28px minmax(0,1fr) 38px;align-items:center;gap:9px;min-height:62px;display:grid}.editable-step>span:first-child{background:var(--indigo);width:26px;height:26px;color:var(--paper-raised);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.72rem;font-weight:750;display:grid}.editable-step>.bb-icon{color:var(--mineral-deep)}.editable-step input{background:0 0;border-color:#0000;min-height:42px;padding:0 10px}.remove-step{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.remove-step:hover{color:var(--orange-dark);background:#a84f2c1a}.timing-field,.reset-choices fieldset{border:0;margin:28px 0 24px;padding:0}.timing-field legend,.reset-choices legend{color:var(--indigo);margin-bottom:12px;font-size:.78rem;font-weight:720}.duration-row{flex-wrap:wrap;gap:7px;display:flex}.duration-row button,.segmented button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;color:var(--muted);background:0 0;padding:0 13px;font-size:.78rem;font-weight:670}.duration-row button[aria-pressed=true],.segmented button[aria-pressed=true]{border-color:var(--indigo);background:var(--indigo);color:var(--paper-raised)}.transition-custom-time{max-width:240px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font-size:.76rem;display:flex}.transition-custom-time input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);width:96px;min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;padding:0 10px}.compose-column>.primary-action,.directions-preview-column>.primary-action,.voice-selector>.primary-action,.atmosphere-selector-panel>.primary-action,.reset-choices>.primary-action{width:100%;margin-top:6px}.mini-timer{z-index:20;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));min-width:114px;min-height:54px;color:var(--indigo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f1f0;border:1px solid #2637543d;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;padding:8px 14px;display:grid;position:fixed;box-shadow:0 10px 32px #26375417}.mini-timer>span{font-variant-numeric:tabular-nums;font-weight:720}.mini-timer small{color:var(--muted);grid-column:2;font-size:.65rem}.mini-timer.is-complete{border-color:var(--eucalyptus-ink);color:var(--eucalyptus-ink)}.directions-builder{grid-template-columns:minmax(300px,.44fr) minmax(0,.56fr)}.directions-input-column{flex-direction:column;gap:18px;min-width:0;display:flex}.optional-title{grid-template-columns:auto auto 1fr;align-items:center}.optional-title>span{color:var(--muted);font-size:.7rem;font-weight:520}.optional-title input{grid-column:1/-1}.local-note{color:var(--muted);align-items:flex-start;gap:8px;margin:2px 0 0;font-size:.72rem;line-height:1.45;display:flex}.local-note .bb-icon{width:17px;height:17px;color:var(--eucalyptus-ink)}.preview-toolbar>span{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.7rem}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:22px;display:grid}.segmented button{white-space:normal;padding:0 8px}.direction-edit-list{border-top:1px solid var(--line);max-height:min(44vh,470px);display:grid;overflow:auto}.direction-edit{border-bottom:1px solid var(--line);grid-template-columns:28px 30px minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:66px;display:grid}.direction-edit>span{color:var(--orange-dark);font-variant-numeric:tabular-nums;text-align:center;font-size:.75rem;font-weight:760}.direction-edit>.bb-icon{color:var(--mineral-deep)}.direction-edit>div{gap:5px;padding:8px 0;display:grid}.direction-edit input{background:0 0;border-color:#0000;min-height:40px;padding:0 10px}.direction-edit .concise-input{border-color:var(--line);color:var(--muted);background:#fbf8f180;font-size:.78rem}.add-direction{margin:5px 0 16px}.empty-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:350px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:22px;padding:42px;display:grid}.empty-preview .bb-icon{color:#26375457}.empty-preview p{max-width:42ch;margin:0;line-height:1.6}.sound-tool-layout,.atmosphere-tool-layout{grid-template-columns:minmax(320px,.55fr) minmax(280px,.45fr);gap:clamp(40px,7vw,100px);padding-top:clamp(30px,5vh,58px);display:grid}.voice-selector{display:grid}.voice-selector>button:not(.primary-action){border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:50px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:74px;padding:8px 12px;display:grid}.voice-selector-icon{background:var(--mineral);width:44px;height:44px;color:var(--indigo);border-radius:50%;place-items:center;display:grid}.voice-selector>button strong,.voice-selector>button small{display:block}.voice-selector>button strong{color:var(--indigo);font-size:1.02rem}.voice-selector>button small{color:var(--muted);margin-top:4px;line-height:1.35}.selection-check{opacity:0;color:var(--eucalyptus-ink)}.voice-selector>button[aria-pressed=true]{box-shadow:inset 3px 0 var(--orange);background:#fbf8f180}.voice-selector>button[aria-pressed=true] .selection-check{opacity:1}.voice-selector>.primary-action{margin-top:20px}.room-meter-panel,.audio-panel{border-left:1px solid var(--line);background:#d8e2e740;align-self:start;padding:clamp(24px,3vw,38px)}.room-meter-panel>p,.audio-note{color:var(--muted);font-size:.83rem;line-height:1.6}.room-meter-panel>.secondary-action{width:100%;margin-top:18px}.room-meter{background:#26375421;border-radius:999px;height:10px;margin:28px 0 14px;overflow:hidden}.room-meter span{border-radius:inherit;transform-origin:0;background:var(--mineral-deep);width:100%;height:100%;transition:transform .14s linear;display:block}.meter-guidance{border-left:3px solid var(--eucalyptus-ink);min-height:54px;color:var(--eucalyptus-ink);transition:background var(--motion), border-color var(--motion), color var(--motion);background:#d7e1d899;align-items:center;gap:10px;padding:10px 14px;font-weight:680;display:flex}.meter-guidance.is-visible{border-left-color:var(--orange-dark);color:var(--orange-dark);background:#e3ceaa8c}.meter-message{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);gap:8px;margin-top:20px;padding:16px 0;font-size:.82rem;line-height:1.5;display:grid}.meter-message strong{color:var(--indigo)}.atmosphere-tool-layout{grid-template-columns:minmax(330px,.52fr) minmax(310px,.48fr)}.atmosphere-selector{display:grid}.atmosphere-selector button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;min-height:76px;padding:8px 12px;display:grid}.tone-field{background:var(--tone);border:1px solid #2637541a;border-radius:3px;width:50px;height:38px;display:block}.atmosphere-selector button strong,.atmosphere-selector button small{display:block}.atmosphere-selector button strong{color:var(--indigo);font-size:1rem}.atmosphere-selector button small{color:var(--muted);margin-top:4px;line-height:1.35}.atmosphere-selector button[aria-pressed=true]{box-shadow:inset 3px 0 var(--orange);background:#fbf8f185}.atmosphere-selector-panel>.primary-action{margin-top:20px}.audio-panel{background:#e9dfc947}.audio-status-dot{background:var(--slate);border-radius:50%;width:10px;height:10px;margin-top:9px;display:block}.audio-status-dot.is-on{background:var(--eucalyptus-ink);box-shadow:0 0 0 5px #39554917}.audio-select-grid{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:end;gap:10px;margin:6px 0 28px;display:grid}.audio-select-grid label{color:var(--indigo);gap:8px;font-size:.74rem;font-weight:720;display:grid}.audio-select-grid select,.select-row select{border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--paper-raised);min-width:0;min-height:48px;color:var(--ink);padding:0 36px 0 11px}.mix-plus{height:48px;color:var(--muted);place-items:center;display:grid}.range-field{gap:10px;margin:22px 0;display:grid}.range-field>span{grid-template-columns:1fr auto auto;align-items:baseline;gap:20px;display:grid}.range-field b{color:var(--indigo);font-size:.78rem}.range-field small{color:var(--muted);font-size:.67rem}input[type=range]{appearance:none;background:0 0;width:100%;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#26375438;border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper-raised);background:var(--indigo);border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 1px 6px #26375447}input[type=range]::-moz-range-track{background:#26375438;border-radius:4px;height:4px}input[type=range]::-moz-range-thumb{border:3px solid var(--paper-raised);background:var(--indigo);border-radius:50%;width:21px;height:21px}.audio-actions{align-items:center;gap:16px;margin-top:26px;display:flex}.audio-actions .secondary-action{min-width:150px}.independent-level{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:20px;display:flex}.independent-level>span strong,.independent-level>span small{display:block}.independent-level>span b{color:var(--indigo);font-size:.8rem}.independent-level>span small{color:var(--muted);margin-top:4px;font-size:.7rem}.independent-level button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);min-height:46px;color:var(--indigo);align-items:center;gap:8px;padding:0 11px;font-size:.78rem;font-weight:680;display:inline-flex}.classroom-surface{width:100%;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(30px, env(safe-area-inset-right)) max(86px, calc(env(safe-area-inset-bottom) + 76px)) max(30px, env(safe-area-inset-left));background:var(--paper);color:var(--ink);align-items:stretch;display:grid;position:relative;overflow:hidden}.presentation-mark{top:max(20px, env(safe-area-inset-top));left:max(26px, env(safe-area-inset-left));color:#26375459;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:720;position:absolute}.classroom-content{width:min(100%,1500px);margin:auto}.classroom-content h1{max-width:17ch;color:var(--indigo);letter-spacing:-.055em;text-wrap:balance;margin:14px 0 clamp(28px,5vh,64px);font-size:clamp(2.7rem,7.1vmin,7rem);font-weight:545;line-height:.98}.transition-display{background:var(--paper)}.transition-display:before{background:var(--orange);content:"";height:7px;position:absolute;inset:0 0 auto}.transition-sequence,.direction-sequence{margin:0;padding:0;list-style:none;display:grid}.transition-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.7vw,24px)}.transition-sequence li{min-height:clamp(98px,15vh,180px);transition:opacity var(--motion), background var(--motion), border-color var(--motion);background:#ffffff1f;border-top:1px solid #26375438;grid-template-columns:clamp(38px,4vw,58px) clamp(48px,6vw,86px) minmax(0,1fr) 34px;align-items:center;gap:clamp(10px,1.6vw,22px);padding:clamp(15px,2vw,28px);display:grid}.transition-sequence li.is-current{border-top:4px solid var(--orange);background:#e9dfc973}.transition-sequence li.is-done{background:#d7e1d82e;border-top-color:#2637541c}.transition-sequence li.is-done .step-text{color:var(--muted);font-weight:500}.step-number,.direction-number{color:var(--orange-dark);font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(.95rem,1.7vmin,1.45rem);font-weight:760}.step-icon,.direction-icon{aspect-ratio:1;color:var(--indigo);background:#d8e2e7b8;border-radius:50%;place-items:center;display:grid}.step-icon .bb-icon{width:48%;height:48%}.step-text{color:var(--ink);letter-spacing:-.025em;font-size:clamp(1.3rem,2.75vmin,2.7rem);font-weight:570;line-height:1.18}.done-check{color:var(--eucalyptus-ink)}.presentation-time{top:max(24px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));color:var(--indigo);text-align:right;display:grid;position:absolute}.presentation-time span{font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(1.7rem,4vmin,3.8rem);font-weight:560}.presentation-time small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.presentation-time.is-complete span{color:var(--eucalyptus-ink)}.time-material{z-index:5;background:#26375417;height:6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.time-material span{transform-origin:0;background:var(--orange);width:100%;height:100%;transition:transform .25s linear;display:block}.time-material.is-quiet{opacity:.72;height:4px}.directions-display{background:#f4f0e6}.directions-display .classroom-content{align-content:center;display:grid}.directions-display .classroom-content h1{max-width:19ch;margin-bottom:clamp(22px,4vh,50px);font-size:clamp(2.55rem,6.5vmin,6.6rem)}.direction-sequence{counter-reset:direction;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,80px)}.direction-sequence li{border-top:1px solid #26375438;grid-template-columns:clamp(36px,4vw,56px) clamp(52px,6.5vw,92px) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,26px);min-height:clamp(90px,14vh,162px);display:grid}.direction-icon{background:var(--mineral);width:clamp(52px,6.5vw,92px)}.direction-icon .bb-icon{width:48%;height:48%}.direction-text{max-width:34ch;color:var(--ink);letter-spacing:-.028em;font-size:clamp(1.35rem,3vmin,3rem);font-weight:555;line-height:1.18}.directions-display.mode-visual .direction-sequence{gap:clamp(16px,2vw,30px)}.directions-display.mode-visual .direction-sequence li{grid-template-columns:clamp(38px,4vw,58px) clamp(78px,10vw,150px) minmax(0,1fr);min-height:clamp(120px,19vh,220px);padding:clamp(12px,2vw,28px) 0}.directions-display.mode-visual .direction-icon{width:clamp(78px,10vw,150px)}.directions-display.mode-concise .direction-text{font-size:clamp(1.6rem,3.8vmin,3.6rem)}.directions-display.mode-single .direction-sequence{display:block}.directions-display.mode-single .direction-sequence li{border-top:2px solid #2637542e;grid-template-columns:clamp(60px,7vw,92px) clamp(110px,16vw,230px) minmax(0,1fr);gap:clamp(20px,4vw,62px);min-height:clamp(240px,48vh,520px)}.directions-display.mode-single .direction-icon{width:clamp(110px,16vw,230px)}.directions-display.mode-single .direction-text{max-width:25ch;font-size:clamp(2.2rem,5.8vmin,5.8rem)}.step-position{color:var(--muted);letter-spacing:.05em;margin:-24px 0 24px;font-size:clamp(.82rem,1.4vmin,1.1rem);font-weight:660}.corner-timer{top:max(24px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));color:var(--indigo);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:clamp(1.15rem,2.4vmin,2.1rem);font-weight:620;display:inline-flex;position:absolute}.corner-timer .bb-icon{width:.85em;height:.85em;color:var(--muted)}.corner-timer.is-complete{color:var(--eucalyptus-ink)}.sound-display{transition:background-color var(--motion-slow), color var(--motion-slow);place-items:center}.sound-display.voice-silent{background:#d8e2e7}.sound-display.voice-whisper{background:#e4e2d8}.sound-display.voice-partners{background:#e9dfc9}.sound-display.voice-table{background:#e3ceaa}.sound-display.voice-whole{background:#dad7cf}.voice-display-content{z-index:1;text-align:center;place-items:center;width:min(100%,1100px);display:grid;position:relative}.voice-display-content>.bb-icon{color:var(--indigo)}.voice-display-content h1{color:var(--indigo);letter-spacing:-.075em;margin:clamp(14px,3vh,34px) 0 12px;font-size:clamp(4.4rem,13vmin,12rem);font-weight:535;line-height:.88}.voice-display-content>p{color:var(--ink);margin:0;font-size:clamp(1.45rem,3.6vmin,3.5rem);font-weight:480;line-height:1.25}.voice-rings{z-index:-1;aspect-ratio:1;width:min(58vmin,620px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-54%)}.voice-rings span{border:1px solid #2637541a;border-radius:50%;position:absolute;inset:0}.voice-rings span:nth-child(2){inset:14%}.voice-rings span:nth-child(3){inset:29%}.pupil-meter-note{border-left:3px solid var(--eucalyptus-ink);color:var(--eucalyptus-ink);background:#f6f1e780;margin-top:34px;padding:12px 18px;font-size:clamp(.88rem,1.6vmin,1.2rem);font-weight:680}.pupil-meter-note.is-warning{border-left-color:var(--orange-dark);color:var(--orange-dark)}.tone-mineral{--tone:#d8e2e7}.tone-oat{--tone:#e9dfc9}.tone-sand{--tone:#e3ceaa}.tone-eucalyptus{--tone:#d7e1d8}.tone-limestone{--tone:#e4e0d7}.atmosphere-display{background:var(--tone);transition:background-color var(--motion-slow);place-items:end start}.pigment-field{opacity:.26;position:absolute;inset:0;overflow:hidden}.pigment-field:before,.pigment-field:after{content:"";background:#2637542e;height:1px;position:absolute;left:-5%;right:-5%}.pigment-field:before{animation:18s ease-in-out infinite alternate horizon-drift;top:32%}.pigment-field:after{opacity:.6;animation:25s ease-in-out infinite alternate-reverse horizon-drift;top:67%}.pigment-field span{background-image:repeating-linear-gradient(92deg,#0000 0 48px,#ffffff06 49px,#0000 50px);position:absolute;inset:0}@keyframes horizon-drift{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.atmosphere-display-content{z-index:1;width:min(100%,1000px);padding:0 0 clamp(16px,5vh,60px) clamp(2px,4vw,54px);position:relative}.atmosphere-display-content>.bb-icon{width:clamp(46px,6vmin,80px);height:clamp(46px,6vmin,80px);color:var(--indigo)}.atmosphere-display-content h1{color:var(--indigo);letter-spacing:-.08em;margin:clamp(15px,2vh,28px) 0 12px;font-size:clamp(5rem,15vmin,14rem);font-weight:515;line-height:.84}.atmosphere-display-content>p{max-width:42ch;color:var(--ink);margin:0;font-size:clamp(1.1rem,2.5vmin,2rem);line-height:1.4}.atmosphere-state-line{flex-wrap:wrap;gap:10px 22px;margin-top:clamp(24px,4vh,48px);display:flex}.atmosphere-state-line span{min-height:44px;color:var(--indigo);border-bottom:1px solid #26375452;align-items:center;gap:9px;padding:0 14px 0 0;font-size:clamp(.72rem,1.35vmin,.95rem);font-weight:680;display:inline-flex}.reset-choices{width:min(100%,920px);margin:0 auto;padding:clamp(32px,6vh,70px) 0}.reset-mode-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:16px 0 32px;display:grid}.reset-mode-grid button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;align-content:center;gap:11px;min-height:180px;padding:20px;display:grid}.reset-mode-grid button:last-child{border-right:0}.reset-mode-grid button[aria-pressed=true]{box-shadow:inset 0 4px var(--orange);background:#d8e2e752}.reset-mode-grid .bb-icon{width:34px;height:34px;color:var(--indigo)}.reset-mode-grid strong{color:var(--indigo);font-size:1.12rem}.reset-mode-grid small{color:var(--muted);line-height:1.4}.reset-display{background:var(--mineral);place-items:center}.reset-content{z-index:1;text-align:center;place-items:center;display:grid;position:relative}.reset-content>.bb-icon{width:clamp(44px,7vmin,78px);height:clamp(44px,7vmin,78px);color:var(--indigo)}.reset-content h1{color:var(--indigo);letter-spacing:-.07em;margin:20px 0 8px;font-size:clamp(3.8rem,11vmin,10rem);font-weight:520;line-height:.9}.reset-content p{color:var(--ink);margin:0;font-size:clamp(1.15rem,2.4vmin,2rem)}.reset-content time{color:var(--indigo);font-variant-numeric:tabular-nums;margin-top:32px;font-size:clamp(1rem,2vmin,1.5rem)}.reset-visual{z-index:-1;aspect-ratio:1;border:1px solid #2637541f;border-radius:50%;width:min(56vmin,580px);position:absolute}.reset-breathe .reset-visual span{background:#f6f1e7b8;border-radius:50%;animation:8s ease-in-out infinite alternate breathe;position:absolute;inset:13%}@keyframes breathe{0%{transform:scale(.72)}to{transform:scale(1)}}.reset-listen{background:var(--oat)}.reset-look{background:var(--eucalyptus)}.reset-still{background:var(--limestone)}.reset-look .reset-visual{aspect-ratio:auto;border:0;border-top:1px solid #2637543b;border-radius:0;width:min(68vw,780px);height:1px}.reset-look .reset-visual span{background:var(--indigo);border-radius:50%;width:12px;height:12px;animation:12s ease-in-out infinite alternate look-path;position:absolute;top:-6px;left:0}@keyframes look-path{0%{transform:translate(0)}to{transform:translate(calc(min(68vw,780px) - 12px))}}.reset-still .reset-visual{display:none}.timer-setup-panel{width:min(100%,900px);margin:0 auto;padding:clamp(38px,7vh,80px) 0}.timer-duration-grid,.sheet-durations{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));margin:16px 0 34px;display:grid}.timer-duration-grid button,.sheet-durations button{border:0;border-right:1px solid var(--line);min-height:108px;color:var(--indigo);background:0 0;place-content:center;padding:10px;display:grid}.timer-duration-grid button:last-child,.sheet-durations button:last-child{border-right:0}.timer-duration-grid button:hover,.sheet-durations button:hover{background:var(--mineral)}.timer-duration-grid strong,.sheet-durations strong{font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:560;line-height:1}.timer-duration-grid span,.sheet-durations span{color:var(--muted);text-transform:uppercase;margin-top:5px;font-size:.68rem}.custom-time{color:var(--indigo);gap:10px;font-size:.78rem;font-weight:720;display:grid}.custom-time>span{grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:14px;display:grid}.custom-time input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);min-height:52px;padding:0 14px;font-size:1.1rem}.custom-time b{color:var(--muted);font-weight:520}.restart-last{margin-top:24px}.timer-display{background:var(--paper);place-items:center}.timer-display-content{text-align:center;place-items:center;display:grid}.timer-display-content p,.timer-display-content span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(.75rem,1.6vmin,1.1rem);font-weight:680}.timer-display-content h1{color:var(--indigo);font-variant-numeric:tabular-nums;letter-spacing:-.085em;margin:12px 0;font-size:clamp(7rem,29vmin,25rem);font-weight:480;line-height:.84}.timer-display.is-complete .timer-display-content h1{color:var(--eucalyptus-ink);font-size:clamp(5rem,19vmin,17rem)}.timer-horizon{background:#2637541a;height:4px;position:absolute;bottom:clamp(90px,12vh,140px);left:6vw;right:6vw;overflow:hidden}.timer-horizon span{transform-origin:0;background:var(--orange);width:100%;height:100%;transition:transform .25s linear;display:block}.blank-display{transition:background-color 1.2s,color 1.2s}.blank-warm{background:var(--paper);color:var(--indigo)}.blank-dark{background:var(--night);color:var(--paper)}.blank-timer{right:max(26px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:currentColor;font-variant-numeric:tabular-nums;opacity:.34;font-size:.8rem;position:absolute}.blank-dark .time-material{background:#f6f1e714}.blank-dark .time-material span{background:#f6f1e761}.dock-handle{z-index:40;bottom:max(9px, env(safe-area-inset-bottom));min-width:84px;min-height:44px;color:var(--indigo);opacity:.54;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity var(--motion-fast);background:#fbf8f1db;border:1px solid #26375429;border-radius:999px;align-content:center;place-items:center;gap:3px;padding:5px 12px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.dock-handle:hover,.dock-handle:focus-visible{opacity:1}.dock-handle span{background:currentColor;border-radius:2px;width:24px;height:2px}.dock-handle b{letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.teacher-dock{z-index:45;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f1f5;border:1px solid #26375433;border-radius:14px;align-items:stretch;gap:2px;max-width:calc(100vw - 28px);min-height:62px;padding:5px 7px;display:flex;position:fixed;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 45px #18243d24}.teacher-dock button{min-width:72px;min-height:52px;color:var(--indigo);white-space:nowrap;background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:3px;padding:5px 11px;display:grid}.teacher-dock button:hover:not(:disabled),.teacher-dock button[aria-pressed=true]{background:var(--mineral)}.teacher-dock button span{font-size:.62rem;font-weight:680}.teacher-dock .bb-icon{width:22px;height:22px}.teacher-dock .dock-close{min-width:48px;color:var(--muted)}.teacher-dock .dock-finish{background:var(--indigo);color:var(--paper-raised)}.teacher-dock .dock-finish:hover:not(:disabled){background:var(--indigo-deep)}.warm-dot,.dark-dot{border:1px solid #26375433;border-radius:50%;width:22px;height:22px;display:block}.warm-dot{background:var(--paper)}.dark-dot{background:var(--night)}.modal-backdrop{z-index:80;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#111b2b6b;place-items:center;display:grid;position:fixed;inset:0}.quiet-dialog{border-radius:var(--radius-lg);background:var(--paper-raised);width:min(100%,650px);max-height:min(90dvh,860px);box-shadow:var(--shadow-dialog);border:1px solid #26375433;overflow:auto}.quiet-dialog>header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f1f5;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex;position:sticky;top:0}.quiet-dialog h2{color:var(--indigo);letter-spacing:-.04em;margin:5px 0 0;font-size:2rem;font-weight:560}.timer-sheet{width:min(100%,820px)}.timer-sheet .sheet-durations{margin:26px}.timer-sheet .sheet-durations button{min-height:84px}.sheet-active-controls{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin:0 26px 26px;padding-top:18px;display:flex}.sheet-active-controls button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:46px;color:var(--indigo);background:0 0;align-items:center;gap:8px;padding:0 14px;font-weight:670;display:inline-flex}.settings-section{border-bottom:1px solid var(--line);padding:22px 26px}.settings-section h3{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:.68rem}.toggle-row,.select-row{justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:8px 0;display:flex;position:relative}.toggle-row>span:first-child strong,.toggle-row>span:first-child small,.select-row>span b,.select-row>span small{display:block}.toggle-row strong,.select-row b{color:var(--indigo);font-size:.84rem}.toggle-row small,.select-row small{color:var(--muted);margin-top:4px;font-size:.7rem;line-height:1.4}.toggle-row input{opacity:0;width:48px;height:28px;position:absolute;right:0}.switch{width:48px;height:28px;transition:background var(--motion-fast);background:#26375438;border-radius:999px;flex:none;display:block;position:relative}.switch span{background:var(--paper-raised);width:22px;height:22px;transition:transform var(--motion-fast);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #26375433}.toggle-row input:checked+.switch{background:var(--indigo)}.toggle-row input:checked+.switch span{transform:translate(20px)}.toggle-row input:focus-visible+.switch{outline:3px solid var(--focus);outline-offset:3px}.settings-range{margin:14px 0 0}.select-row select{min-width:150px}.data-settings p{color:var(--muted);font-size:.78rem;line-height:1.55}.danger-text{color:var(--orange-dark)}.welcome-backdrop{background:#18243dc2}.welcome-dialog{border-radius:var(--radius-lg);background:var(--paper);width:min(100%,590px);min-height:470px;box-shadow:var(--shadow-dialog);text-align:center;align-content:center;place-items:center;gap:12px;padding:clamp(34px,7vw,72px);display:grid}.welcome-mark{gap:8px;width:58px;margin-bottom:22px;display:grid;transform:skew(-24deg)}.welcome-mark span{background:var(--indigo);height:4px}.welcome-mark span:first-child{background:var(--orange);justify-self:end;width:72%}.welcome-dialog h2{color:var(--indigo);letter-spacing:-.065em;margin:5px 0 2px;font-size:clamp(3rem,8vw,5rem);font-weight:520;line-height:.92}.welcome-dialog>p:not(.eyebrow){color:var(--muted);margin:10px 0 28px}.welcome-dialog>small{max-width:40ch;color:var(--muted);margin-top:16px;font-size:.69rem;line-height:1.45}@media (max-width:1023px){.home-intro{grid-template-columns:1fr}.home-intro>p:last-child{max-width:50ch}.tool-layout,.directions-builder,.sound-tool-layout,.atmosphere-tool-layout{grid-template-columns:1fr}.choice-column{border-right:0;border-bottom:1px solid var(--line);padding-bottom:28px;padding-right:0}.intention-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.intention-list button{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:1fr;align-content:center;gap:5px;min-height:82px}.preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.room-meter-panel,.audio-panel{border-top:1px solid var(--line);border-left:0}.directions-preview-column{border-top:1px solid var(--line);padding-top:30px}.timer-duration-grid,.sheet-durations{grid-template-columns:repeat(4,minmax(0,1fr))}.timer-duration-grid button:nth-child(4),.sheet-durations button:nth-child(4){border-right:0}.timer-duration-grid button:nth-child(-n+4),.sheet-durations button:nth-child(-n+4){border-bottom:1px solid var(--line)}.transition-sequence,.direction-sequence{grid-template-columns:1fr}.transition-sequence li,.direction-sequence li{min-height:clamp(84px,12vh,135px)}.classroom-content h1{margin-bottom:24px}}@media (max-width:900px){.home-composition{display:block}.home-zone{border-right:0;border-bottom:1px solid var(--line);background:0 0;padding:28px 18px}.home-zone:last-child{border-bottom:0}.zone-heading{grid-template-columns:36px minmax(0,1fr) 34px;gap:14px;min-height:78px}.quick-actions,.sound-quick,.atmosphere-quick{padding-left:50px}.direction-prompt{width:calc(100% - 50px);margin-left:50px}.sound-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){:root{--touch:46px}.home-surface,.tool-surface{padding-left:18px;padding-right:18px}.home-header{grid-template-columns:1fr auto}.home-status{display:none}.home-intro{min-height:200px;padding:34px 0 30px}.home-intro h1{font-size:clamp(3.25rem,16vw,5.4rem)}.home-composition{display:block}.home-zone{border-right:0;border-bottom:1px solid var(--line);background:0 0;padding:24px 6px}.home-zone:last-child{border-bottom:0}.zone-heading{grid-template-columns:30px minmax(0,1fr) 28px;gap:10px;min-height:78px}.zone-copy strong{font-size:1.55rem}.zone-copy small{font-size:.8rem}.quick-actions,.sound-quick,.atmosphere-quick{padding-left:40px}.direction-prompt{width:calc(100% - 40px);margin-left:40px}.atmosphere-quick{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.secondary-rail{justify-content:stretch}.secondary-rail button{flex:1;min-width:0;padding:0 6px}.tool-header{grid-template-columns:var(--touch) minmax(0, 1fr) var(--touch);gap:10px;padding-bottom:26px}.tool-header h1{font-size:2.2rem}.tool-header>div>p:last-child:not(.eyebrow){font-size:.82rem}.tool-layout,.sound-tool-layout,.atmosphere-tool-layout{gap:28px;padding-top:28px}.intention-list,.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compose-heading h2,.preview-toolbar h2,.meter-heading h2,.audio-heading h2{font-size:1.55rem}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-tool-layout,.atmosphere-tool-layout{grid-template-columns:minmax(0,1fr)}.room-meter-panel,.audio-panel{margin-left:-18px;margin-right:-18px;padding:24px 18px}.audio-select-grid{grid-template-columns:1fr}.mix-plus{height:20px}.reset-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reset-mode-grid button{min-height:145px}.reset-mode-grid button:nth-child(2){border-right:0}.reset-mode-grid button:nth-child(-n+2){border-bottom:1px solid var(--line)}.timer-duration-grid,.sheet-durations{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-duration-grid button,.sheet-durations button{border-bottom:1px solid var(--line);min-height:74px;border-right:1px solid var(--line)!important}.timer-duration-grid button:nth-child(2n),.sheet-durations button:nth-child(2n){border-right:0!important}.timer-duration-grid button:nth-last-child(-n+2),.sheet-durations button:nth-last-child(-n+2){border-bottom:0}.custom-time>span{grid-template-columns:minmax(80px,1fr) auto}.custom-time .secondary-action{grid-column:1/-1}.classroom-surface{padding:max(50px, env(safe-area-inset-top)) 20px max(78px, calc(env(safe-area-inset-bottom) + 66px))}.presentation-mark{left:20px}.presentation-time,.corner-timer{top:max(18px, env(safe-area-inset-top));right:18px}.classroom-content h1,.directions-display .classroom-content h1{font-size:clamp(2.6rem,11vw,4.1rem)}.transition-sequence li{grid-template-columns:32px 48px minmax(0,1fr) 24px;gap:9px;min-height:82px;padding:10px 6px}.step-text,.direction-text{font-size:clamp(1.16rem,5.2vw,1.65rem)}.direction-sequence li{grid-template-columns:30px 54px minmax(0,1fr);gap:10px;min-height:90px}.direction-icon{width:54px}.directions-display.mode-visual .direction-sequence li{grid-template-columns:30px 72px minmax(0,1fr);min-height:110px}.directions-display.mode-visual .direction-icon{width:72px}.directions-display.mode-single .direction-sequence li{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;min-height:52vh}.directions-display.mode-single .direction-icon{width:100px}.directions-display.mode-single .direction-text{font-size:clamp(2rem,8vw,3.2rem)}.voice-display-content h1{font-size:clamp(4.3rem,20vw,7.4rem)}.voice-display-content>p{font-size:clamp(1.2rem,5vw,1.8rem)}.atmosphere-display-content{padding:0 0 28px}.atmosphere-display-content h1{font-size:clamp(5rem,24vw,9rem)}.timer-display-content h1{font-size:clamp(5rem,26vw,9rem)}.teacher-dock{bottom:max(7px, env(safe-area-inset-bottom));justify-content:flex-start;max-width:calc(100vw - 14px);padding:4px}.teacher-dock button{min-width:65px;padding:4px 8px}.teacher-dock .dock-close{min-width:44px}.quiet-dialog{border-radius:20px 20px 0 0;align-self:end;max-height:92dvh}.modal-backdrop{padding:12px 0 0}.welcome-backdrop{padding:18px}.welcome-dialog{border-radius:var(--radius-lg);min-height:420px}.timer-sheet .sheet-durations{margin:20px}.sheet-active-controls{margin:0 20px 20px}}@media (max-width:420px){.home-intro>p:last-child{font-size:.9rem}.blue-bridge-mark b{display:none}.zone-copy{grid-template-columns:23px minmax(0,1fr)}.zone-copy>.bb-icon{width:23px;height:23px}.quick-actions button{padding:0 12px}.sound-quick{grid-template-columns:1fr 1fr}.tool-header h1{font-size:1.85rem}.tool-header>div>p:last-child:not(.eyebrow){display:none}.direction-edit{grid-template-columns:24px 26px minmax(0,1fr) 32px;gap:5px}.editable-step{grid-template-columns:26px 24px minmax(0,1fr) 32px;gap:5px}.voice-selector>button:not(.primary-action){grid-template-columns:44px minmax(0,1fr) 24px;gap:9px}.independent-level{flex-direction:column;align-items:stretch}}@media (max-height:650px) and (orientation:landscape){.home-intro{grid-template-columns:1fr .7fr;min-height:130px;padding:24px 0}.home-intro .eyebrow{display:none}.home-intro h1{font-size:clamp(3rem,10vh,4.5rem)}.home-zone{padding-top:18px;padding-bottom:18px}.zone-heading,.zone-heading.compact{min-height:62px}.tool-header{padding-bottom:20px}.tool-header h1{font-size:2.2rem}.tool-layout,.sound-tool-layout,.atmosphere-tool-layout{padding-top:22px}.classroom-content h1{margin-bottom:18px;font-size:clamp(2.4rem,9vh,4.5rem)}.transition-sequence li,.direction-sequence li{min-height:82px}.voice-display-content h1{font-size:clamp(3.5rem,18vh,7rem)}.atmosphere-display-content h1{font-size:clamp(4rem,22vh,8rem)}.timer-display-content h1{font-size:clamp(6rem,39vh,13rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation:none!important}@media (forced-colors:active){button,input,textarea,select,.teacher-dock,.quiet-dialog,.home-composition,.home-zone{border-color:canvastext!important}.surface-grain,.pigment-field,.voice-rings{display:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}