.demo [hidden]{display:none!important}.demo .screen{container-type:inline-size;position:relative;aspect-ratio:16 / 9;max-width:1040px;border:1px solid var(--line-2);background:#1a0f2e url(/wallpaper.jpg) center 70% / cover no-repeat;box-shadow:0 40px 90px -30px #000c,0 0 0 1px #ff6fa814;overflow:hidden}.demo .screen:after{content:"";position:absolute;inset:0;background:#0f091947;pointer-events:none}.demo .ui{position:absolute;inset:0;z-index:1;font-size:1.5cqw;line-height:1.4}.demo .grow{flex:1}.demo .bar{display:flex;align-items:center;gap:1em;height:3em;padding:0 1.1em;background:#0f0919e0;border-bottom:1px solid var(--line)}.demo .bar-logo{width:1.7em;height:1.7em}.demo .bar-app{font-weight:500;color:var(--text)}.demo .mic{display:inline-flex;align-items:center;gap:.55em;padding:.15em .7em;color:var(--dim);border:1px solid var(--line-2);font-size:.85em}.demo .mic i{width:.6em;height:.6em;background:var(--dim);display:block}.demo .mic.on{color:var(--ember);border-color:var(--ember)}.demo .mic.on i{background:var(--ember);animation:blink 1s steps(2) infinite}.demo .clock{color:var(--soft);font-size:.9em}@keyframes blink{50%{opacity:.25}}.demo .launcher{position:absolute;left:50%;top:14%;width:62%;transform:translate(-50%);background:#1d1330f0;border:1px solid var(--line-2);backdrop-filter:blur(14px)}.demo .search{display:flex;align-items:center;gap:.8em;padding:1em 1.2em;font-size:1.35em;border-bottom:1px solid var(--line);min-height:3.1em;color:var(--text)}.demo .search svg{color:var(--dim);flex:none}.demo .search .live{color:var(--dim)}.demo .caret{width:.12em;height:1.1em;background:var(--periwinkle);animation:blink 1s steps(2) infinite}.demo .results{padding:.4em;min-height:4.2em}.demo .res{display:flex;align-items:center;gap:.9em;padding:.7em .8em;opacity:0;transform:translateY(.3em);transition:opacity .25s,transform .25s}.demo .res.show{opacity:1;transform:none}.demo .res.sel{background:var(--raised)}.demo .res .tile{width:2.4em;height:2.4em;display:grid;place-items:center;background:#2e3050;color:var(--periwinkle);font-weight:500;flex:none}.demo .res .t{color:var(--text);font-weight:500}.demo .res .s{color:var(--dim);font-size:.85em}.demo .res kbd{margin-left:auto;font-size:.8em;opacity:0}.demo .res.sel.go kbd{opacity:1;background:var(--periwinkle);color:var(--on-accent);border-color:var(--periwinkle)}.demo .lfoot{display:flex;gap:1.2em;padding:.6em 1em;color:var(--dim);font-size:.8em;border-top:1px solid var(--line)}.demo .lfoot kbd{font-size:.95em}.demo .hud{position:absolute;left:50%;top:13%;width:70%;transform:translate(-50%);background:#1d1330f5;border:1px solid var(--line-2);backdrop-filter:blur(14px)}.demo .hhead{display:flex;align-items:center;gap:.9em;padding:.9em 1.2em;border-bottom:1px solid var(--line)}.demo .hhead img{width:1.5em;height:1.5em}.demo .pill{display:inline-flex;align-items:center;gap:.5em;padding:.1em .75em;background:#ff6fa829;color:var(--ember);font-weight:500}.demo .pill i{width:.55em;height:.55em;background:var(--ember);display:block;animation:blink 1s steps(2) infinite}.demo .dim2{color:var(--dim)}.demo .timer{color:var(--soft);font-family:var(--mono);font-size:.9em}.demo .hbody{padding:1.3em 1.5em 1em;min-height:9.5em}.demo .hdate{color:var(--dim);font-size:.8em;margin-bottom:.8em}.demo .htext{font-size:1.4em;line-height:1.5;margin:0;max-width:none;color:var(--text)}.demo .htext .live{color:var(--dim)}.demo .htext .caret{display:inline-block;vertical-align:-.15em;margin-left:.1em}.demo .hfoot{display:flex;align-items:center;gap:.8em;padding:.8em 1.2em;border-top:1px solid var(--line)}.demo .wave{display:flex;align-items:center;gap:.22em;height:2em}.demo .wave i{width:.28em;background:var(--ember);height:20%;display:block;transition:height .05s linear}.demo .btn2{padding:.5em 1.1em;border:1px solid var(--line-2);color:var(--soft);font-size:.9em}.demo .btn2.primary{background:var(--periwinkle);border-color:var(--periwinkle);color:var(--on-accent);font-weight:500}.demo .btn2.press{filter:brightness(1.25);outline:2px solid var(--text)}.demo .hstrip{padding:.55em 1.2em;font-size:.78em;color:var(--dim);border-top:1px solid var(--line);background:#0f091980}.demo .toast{position:absolute;right:1.2em;bottom:1.2em;display:grid;gap:.15em;padding:.9em 1.2em;background:#1d1330f5;border:1px solid var(--line-2);border-left:3px solid var(--periwinkle);max-width:22em}.demo .toast b{font-weight:500}.demo .toast span{color:var(--dim);font-size:.85em}.demo .controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:.95rem}.demo .chip{font:400 .95rem var(--body);color:var(--soft);background:#0f091999;border:1px solid var(--line-2);padding:.45rem .9rem;cursor:pointer;backdrop-filter:blur(8px)}.demo .chip:hover{border-color:var(--periwinkle)}.demo .chip[aria-pressed=true]{color:var(--text);border-color:var(--ember);box-shadow:inset 0 -2px 0 var(--ember)}.demo .chip.replay{margin-left:auto}.demo .cap{margin:12px 0 0;color:var(--dim);font-size:.9rem;max-width:70ch}@media(max-width:700px){.demo .screen{aspect-ratio:4 / 5}.demo .ui{font-size:3.5cqw}.demo .launcher,.demo .hud{width:92%;top:11%}.demo .lfoot span:last-child{display:none}.demo .chip.replay{margin-left:0}}