.bottom-review{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;font-size:12px}.bottom-review select{font:inherit;padding:8px;border:1px solid #ddd;border-radius:8px;background:#f6f6f8;min-height:40px}.bottom-review small{flex-basis:100%;color:#707070}.siri-bottom{position:absolute;z-index:5;inset:auto 0 0;height:108px;opacity:var(--bottom-opacity,0);pointer-events:none;transition:opacity .3s}.bottom-controls{display:flex;align-items:center;gap:9px;position:absolute;bottom:34px;left:18px;right:18px;pointer-events:auto}.reference-demo .round-control{display:grid;place-items:center;width:43px;height:43px;min-height:43px;padding:0;flex-shrink:0;border-radius:50%;border:1px solid #ffffff28;background:#ffffff12;backdrop-filter:blur(14px);color:#fff;box-shadow:inset 0 1px 1px #ffffff0a;font-size:20px;transition:transform .15s,background .15s}.reference-demo .round-control:active{transform:scale(.92);background:#ffffff25}.reference-demo #keyboard{margin-left:auto;font-size:22px}.reference-demo #hear[aria-pressed=true]{background:#ffffff35}.type-field{flex:1;min-width:0}.type-field input{width:100%;min-width:0;height:36px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff12;color:#fff;padding:0 13px;font:inherit;font-size:12px;outline-offset:3px}.type-field input::placeholder{color:#ffffff85}.siri-waves{position:absolute;left:-8%;right:-8%;bottom:-13px;height:52px;filter:blur(2px);mix-blend-mode:screen;pointer-events:none}.siri-waves i{position:absolute;left:0;right:0;bottom:-19px;height:38px;border-radius:50% 50% 0 0 / 100% 100% 0 0;transform-origin:50% 100%;background:radial-gradient(ellipse at 45% 10%,#75efffe6,transparent 68%);animation:siri-wave 2.9s ease-in-out infinite alternate}.siri-waves i:nth-child(2){background:radial-gradient(ellipse at 62% 16%,#ff9ae3cc,transparent 67%);animation-duration:3.7s;animation-delay:-1.7s;left:8%;right:-4%;height:36px}.siri-waves i:nth-child(3){background:radial-gradient(ellipse at 28% 20%,#ffe9b2d9,transparent 65%);animation-duration:2.3s;animation-delay:-.8s;left:-9%;right:15%;height:30px}.siri-waves i:nth-child(4){background:radial-gradient(ellipse at 54% 20%,white 12%,#d8ffffe6 32%,transparent 67%);animation-duration:3.1s;animation-delay:-2s;height:30px}.siri-waves>span{position:absolute;left:12%;right:12%;bottom:7px;height:4px;border-radius:50%;background:white;filter:blur(3px);box-shadow:0 0 8px #ddfdff}.phone[data-bottom=listening]{--wave-height:1;--wave-opacity:.85}.phone[data-bottom=thinking]{--wave-height:.35;--wave-opacity:.4}.phone[data-bottom=responding]{--wave-height:1.55;--wave-opacity:1}.siri-waves{opacity:var(--wave-opacity,.6);transform:scaleY(var(--wave-height,1));transform-origin:50% 100%;transition:opacity .35s,transform .45s}.phone[data-bottom=thinking] .siri-waves i{animation-duration:5s}.phone[data-bottom=responding] .siri-waves i{animation-duration:1.6s}.phone[data-wave-paused=true] .siri-waves i{animation-play-state:paused}.phone .home-line{z-index:6}.article .audio-feedback{font-size:12px;min-height:18px;color:#707070;text-align:center;margin:12px 0 0}.siri-bottom[hidden]{display:none}@keyframes siri-wave{from{transform:translateX(-3%) scaleY(.7) rotate(-2deg)}to{transform:translateX(4%) scaleY(1.4) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.siri-bottom,.siri-waves,.siri-waves i{animation:none!important;transition:none!important}}

/* Lower-edge study: low luminous crest over a translucent conversation. */
.phone .bottom-glow{bottom:-24px;height:51px;left:-12%;right:-12%;background:radial-gradient(ellipse at 48% 100%,#fff 12%,#f5ffffc9 28%,#b6efff70 43%,#e6a9d52b 57%,transparent 73%);filter:blur(5px);opacity:var(--glow-opacity,0)}
.bottom-controls{bottom:24px;left:28px;right:28px;opacity:var(--controls-opacity,1);transform:translateY(var(--controls-y,0px));transition:opacity .24s,transform .4s cubic-bezier(.2,.8,.2,1)}
.reference-demo .round-control{width:40px;height:40px;min-height:40px;border-color:#ffffff18;background:#ffffff0c;box-shadow:inset 0 1px 1px #ffffff14;backdrop-filter:blur(18px) saturate(125%)}
.siri-waves{left:-14%;right:-14%;bottom:-7px;height:43px;filter:blur(1.8px)}
.siri-waves i{bottom:-26px;height:40px;animation-name:siri-crest;animation-duration:3.6s;background:radial-gradient(ellipse at 44% 8%,#b2faff 4%,#69dfffad 29%,transparent 65%)}
.siri-waves i:nth-child(2){height:38px;background:radial-gradient(ellipse at 63% 10%,#ffb5dfe6 6%,#ff76bf80 35%,transparent 66%);animation-duration:4.7s;animation-delay:-1.4s}
.siri-waves i:nth-child(3){height:35px;background:radial-gradient(ellipse at 32% 10%,#fff7b8 6%,#ffdb709e 32%,transparent 66%);animation-duration:2.9s;animation-delay:-.7s}
.siri-waves i:nth-child(4){height:31px;background:radial-gradient(ellipse at 52% 0%,#fff 9%,#ffffffe6 30%,transparent 67%);animation-duration:4.1s;animation-delay:-2s}
.siri-waves>span{left:19%;right:19%;bottom:2px;height:3px;filter:blur(4px);opacity:.65}
.phone[data-bottom=listening]{--wave-height:.75;--wave-opacity:.72}
.phone[data-bottom=thinking]{--wave-height:.3;--wave-opacity:.35}
.phone[data-bottom=responding]{--wave-height:1.25;--wave-opacity:1}
.phone[data-bottom=thinking] .siri-waves i,.phone[data-bottom=responding] .siri-waves i{animation-duration:3.6s}
.phone[data-bottom] .siri-waves i:nth-child(2){animation-duration:4.7s}
.phone[data-bottom] .siri-waves i:nth-child(3){animation-duration:2.9s}
.phone[data-bottom] .siri-waves i:nth-child(4){animation-duration:4.1s}
.motion-study .siri-bottom,.motion-study .bottom-controls,.motion-study .siri-waves{transition:none}
.motion-study[data-timeline-waves=true] .siri-waves i{animation-play-state:paused;animation-delay:var(--wave-time,0s)}
.motion-study[data-timeline-waves=true] .siri-waves i:nth-child(2){animation-delay:calc(var(--wave-time,0s) - 1.4s)}
.motion-study[data-timeline-waves=true] .siri-waves i:nth-child(3){animation-delay:calc(var(--wave-time,0s) - .7s)}
.motion-study[data-timeline-waves=true] .siri-waves i:nth-child(4){animation-delay:calc(var(--wave-time,0s) - 2s)}
@keyframes siri-crest{0%{transform:translateX(-7%) scaleX(.91) scaleY(.55) rotate(-1deg)}45%{transform:translateX(3%) scaleX(1.05) scaleY(1.35) rotate(1deg)}100%{transform:translateX(9%) scaleX(.96) scaleY(.7) rotate(-.5deg)}}