.sound-intro{padding:70px 0 55px}.sound-intro h1{font-size:clamp(42px,5vw,65px);margin:23px 0}.sound-intro>p{color:var(--muted);line-height:1.8;font-size:15px}.sound-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding:0 0 80px}.sound-settings h2,.phone-controls h2,.connection-note h2{font-size:36px}.sound-copy{font-size:14px;line-height:1.8;color:var(--muted);max-width:450px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px}.setting-row small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.setting-row input{width:19px;height:19px;accent-color:var(--mint);flex:none}.volume-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:25px 0 13px}.sound-page input[type=range]{width:100%;accent-color:var(--mint);margin:0 0 19px;min-height:28px}.sound-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.sound-choice strong{font-size:15px;font-weight:500}.sound-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.sound-page button{border:1px solid #b3e3e039;background:#b3e3e00c;color:var(--ink);border-radius:9px;padding:11px 14px;min-height:44px;font-size:12px;cursor:pointer;flex:none}.sound-page button:hover{background:#b3e3e024}.sound-status{font-size:12px;min-height:38px;color:var(--mint);line-height:1.6;margin-top:17px}.sound-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sound-note>img{border-radius:28px;transform:rotate(-7deg);margin:0 0 28px}.sound-note blockquote{font-family:Georgia,serif;color:var(--mint);font-size:37px;font-style:italic;line-height:1.2;margin:0 0 20px}.sound-note p{font-size:14px;color:var(--muted);line-height:1.85;max-width:310px}.phone-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:85px;align-items:center}.concept-status{display:inline-block;font-size:11px;color:#c9bb99;border:1px solid #c9bb9935;border-radius:6px;padding:7px 10px;margin:10px 0}.simulation-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.fine-print{font-size:12px;line-height:1.8;color:var(--muted)}.phone-scene{display:flex;flex-direction:column;align-items:center;gap:20px}.phone-frame{position:relative;width:min(100%,318px);min-height:615px;padding:58px 15px 34px;border:6px solid #26363c;box-shadow:0 0 0 1px #b3e3e038,0 30px 70px #0005;border-radius:46px;background:radial-gradient(ellipse at 25% 15%,#739797,transparent 70%),radial-gradient(ellipse at 90% 75%,#517876,transparent 80%),#233e46;overflow:hidden}.phone-island{position:absolute;width:95px;height:26px;border-radius:20px;top:12px;left:50%;transform:translateX(-50%);background:#10191c}.phone-date{text-align:center;font-size:15px;color:#edf8f3}.phone-time{text-align:center;font-size:73px;line-height:1.2;font-weight:300;letter-spacing:-4px;color:#eaf8f1;margin-bottom:37px}.phone-notification{padding:14px;border:1px solid #e1fffa2b;border-radius:23px;background:#c2e0ddab;color:#17302e;backdrop-filter:blur(24px)}.phone-notification[hidden]{display:none}.notification-top{display:flex;gap:7px;align-items:center;margin-bottom:10px;font-size:10px;letter-spacing:.6px}.notification-top img{border-radius:6px}.notification-top small{margin-left:auto;font-size:10px;letter-spacing:0}.phone-notification>strong{font-size:13px;font-weight:600}.phone-notification p{font-size:12px;line-height:1.6;margin:5px 0 2px}.phone-bottom{position:absolute;bottom:49px;left:25px;right:25px;display:flex;flex-direction:column;align-items:center;color:#e6f1ed;font-size:12px;gap:8px}.phone-bottom img{filter:invert(1)}.phone-bottom strong{font-weight:500;margin-left:6px}.phone-bottom small{font-size:11px;color:#c0d9d5}.home-indicator{position:absolute;bottom:11px;left:32%;right:32%;height:4px;background:#ecf6f1;border-radius:3px}.phone-caption{font-size:11px;color:var(--muted)}.connection-note{padding-bottom:70px}.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:35px 0}.connection-steps strong{font-size:15px;font-weight:500}.connection-steps p{font-size:13px;color:var(--muted);line-height:1.8}.cb-sound-link{display:block;color:#b3e3e0;margin:20px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.sound-layout,.phone-section{gap:50px}.sound-note blockquote{font-size:31px}.sound-settings h2,.phone-controls h2,.connection-note h2{font-size:31px}.sound-layout{grid-template-columns:1.2fr .8fr}}
@media(max-width:650px){.sound-intro{padding:45px 0 30px}.sound-layout,.phone-section{grid-template-columns:1fr;gap:45px}.sound-layout{padding-bottom:50px}.sound-note{display:none}.phone-section{padding-top:50px;padding-bottom:50px}.sound-choice small{font-size:11px}.sound-choice{gap:9px}.sound-page button{padding:10px 12px}.connection-steps{grid-template-columns:1fr;gap:18px}.connection-note{padding-top:50px}.sound-intro h1{letter-spacing:-2px}.sound-intro h1 em{letter-spacing:-2px}}
.settings-feature{padding-bottom:76px}.settings-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.settings-feature-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#23444b33}.settings-feature-card h3{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:17px 0 12px}.settings-feature-card>p{font-size:13px;line-height:1.85;color:var(--muted)}.settings-feature-card .setting-row{margin-bottom:17px;padding:16px 0}.feature-preview-button{padding:11px 15px;min-height:44px;color:var(--ink);background:#b3e3e014;border:1px solid #b3e3e039;border-radius:9px;font-size:12px;cursor:pointer}.feature-preview-button:hover{background:#b3e3e026}.settings-feature-card .feature-sound-status{font-size:11px;min-height:21px;color:var(--mint)}.website-notification{display:flex;align-items:flex-start;gap:12px;background:#b3e3e017;border:1px solid #b3e3e024;border-radius:15px;padding:19px;margin:22px 0}.website-notification img{flex:none;border-radius:9px}.website-notification strong{font-size:13px;font-weight:500}.website-notification p{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0 0}.feature-preview-note{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px}
#brew-preview .cb-volume{display:block;font-size:12px;margin:14px 0 9px;color:var(--brew-muted)}#brew-preview .cb-volume>span{display:flex;justify-content:space-between;gap:10px}#brew-preview .cb-volume input{width:100%;padding:0;margin:10px 0 0;accent-color:var(--brew-accent);min-height:26px}#brew-preview .cb-sound-preview{font-size:11px;min-height:34px}#brew-preview .cb-settings-section{margin-top:16px}#brew-preview .cb-row [data-phone-pref-label]{font-size:11px}#brew-preview .cb-sound-link{margin-top:14px}
.phone-view-switch{display:flex;background:#14272d;border:1px solid var(--line);padding:4px;border-radius:12px;gap:4px;width:270px;max-width:100%}.phone-view-switch button{flex:1;background:transparent;border:0;padding:9px;font-size:12px;min-height:38px}.phone-view-switch button[aria-pressed=true]{background:#b3e3e02c;color:#d6f2ec}.phone-frame{min-height:660px}.phone-frame [hidden]{display:none!important}.phone-settings-view{color:#eaf5ef;padding:0 3px}.phone-app-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.phone-app-head img{border-radius:9px;flex:none}.phone-app-head strong{font-size:15px;font-weight:600}.phone-app-head span{display:block;font-size:10px;margin-top:3px;color:#c1d9d6}.phone-settings-view h3{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:0 0 16px;line-height:1.2}.phone-threshold{background:#122c348c;border:1px solid #d6efeb22;border-radius:18px;padding:14px 12px;margin-bottom:9px;text-align:center}.phone-threshold>span{font-size:9px;letter-spacing:1.1px;color:#c8e7e0;display:block}.phone-threshold>strong{font-size:44px;font-weight:500;letter-spacing:-2px;display:block;line-height:1.2;margin:3px 0}.phone-threshold>strong>span{font-size:25px;letter-spacing:-1px}.phone-threshold>small{display:block;font-size:10px;color:#d8ebe5}.phone-setting-row,.phone-rule{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #d0e9e51f;font-size:12px}.phone-setting-row input{accent-color:var(--mint);width:18px;height:18px;flex:none}.phone-rule{font-size:11px}.phone-rule strong{font-weight:400;color:#c6ded7}.phone-help{font-size:10px;line-height:1.6;color:#d4e4df;margin:11px 0 14px}.phone-frame .phone-preview-button{display:block;width:100%;color:#12302f;background:#b3e3e0;border:0;min-height:40px;font-size:12px}.phone-frame .phone-preview-button:hover{background:#c8efea}.phone-connection{font-size:9px;line-height:1.5;text-align:center;color:#d0e4df;margin:13px 0 12px}.phone-section{scroll-margin-top:24px}.phone-lock-view .phone-bottom{bottom:49px}
@media(max-width:650px){.settings-feature-grid{grid-template-columns:1fr}.settings-feature-card{padding:24px}.settings-feature{padding-top:50px;padding-bottom:50px}.phone-view-switch button{min-height:44px}.phone-setting-row{min-height:48px}}
#brew-preview .cb-settings-tabs{display:flex;gap:4px;background:#b3e3e009;padding:4px;border-radius:11px;margin-bottom:10px}#brew-preview .cb-settings-tabs button{flex:1;border:0;background:transparent;font-size:12px;min-height:34px;padding:7px}#brew-preview .cb-settings-tabs button[aria-pressed=true]{background:#b3e3e02b;color:#dbf4ee}#brew-preview [data-settings-page]{min-height:265px}