.dw{margin:0;container:dw / inline-size}.dw__stage{position:relative}.dw *,.dw *:before,.dw *:after{box-sizing:border-box}.dw__stage svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dw [data-tone="0"]{--tone: var(--accent)}.dw [data-tone="1"]{--tone: var(--green-edge)}.dw [data-tone="2"]{--tone: #5f7d6c}.dw [data-tone="3"]{--tone: #8a7a52}.dw [data-tone="4"]{--tone: #3d5a80}.dw-win,.dw-phone__screen,.dw-card{--fg: var(--ink);--fg-2: var(--ink-2);--fg-3: var(--ink-3);--hairline: var(--line);--hairline-strong: var(--line-strong);--surface: #fff;color:var(--ink)}.dw-win{container:win / inline-size;position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #1020180f,0 2px 6px #04180e1f,0 50px 100px -40px #02120a8c}.dw-win__bar{display:flex;align-items:center;gap:1.2em;padding:.85em 1.2em;background:var(--paper-2);border-bottom:1px solid var(--line)}.dw-dots{display:flex;gap:.45em}.dw-dots i{width:.8em;height:.8em;border-radius:50%;background:#d9d6cb}.dw-url{display:flex;align-items:center;gap:.5em;margin-inline:auto;padding:.35em 1.4em;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.92em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.dw-url svg{flex:none;width:.95em;height:.95em}.dw-dots+.dw-url{transform:translate(-2.5em)}.dw-card{background:#fff;border-radius:14px;box-shadow:0 0 0 1px #1020180f,0 24px 50px -24px #02120a80}.dw-phone{container:phone / inline-size;position:relative}.dw-phone__body{font-size:4.3cqi;padding:.55em;border-radius:2.6em;background:linear-gradient(150deg,#2a312d,#0f1411 55%,#232a26);box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 4px #0000004d,0 60px 90px -36px #000000b3}.dw-phone__screen{position:relative;aspect-ratio:9 / 19;border-radius:2.1em;overflow:hidden;background:var(--paper)}.dw-status{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:.95em 1.5em .4em;font-size:.82em;font-weight:700}.dw-island{position:absolute;left:50%;top:.7em;width:5.6em;height:1.6em;margin-left:-2.8em;border-radius:999px;background:#0d110f;z-index:4}.dw-sig{display:flex;align-items:center;gap:.4em}.dw-sig svg{width:1.3em;height:.85em;fill:currentColor;stroke:none}.dw-batt{width:1.7em;height:.85em;border-radius:.25em;border:1.5px solid currentColor;position:relative}.dw-batt:after{content:"";position:absolute;inset:1px 35% 1px 1px;border-radius:1px;background:currentColor}.dw-status--light{color:#fff}.dw-avatar{flex:none;font-style:normal;font-weight:700;font-size:.72em;width:2.3em;height:2.3em;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--tone, var(--green-edge))}.dw-pill{display:inline-flex;align-items:center;gap:.4em;padding:.25em .7em;border-radius:999px;font-size:.8em;font-weight:700;white-space:nowrap;background:var(--paper-2);color:var(--ink-2)}.dw-pill svg{width:1em;height:1em;stroke-width:2.4}.dw-pill--ok{background:var(--accent-soft);color:var(--green)}.dw-pill--warn{background:#fbe9dd;color:#a8481a}.dw-pill--dark{background:var(--ink);color:#fff}.dw-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.55em 1.05em;border-radius:999px;background:var(--green);color:#fff;font-weight:600;font-size:.92em;white-space:nowrap}.dw-btn svg{width:1.05em;height:1.05em;stroke-width:2}.dw-btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}.dw-input{display:flex;align-items:center;gap:.5em;padding:.6em .8em;border-radius:.7em;background:#fff;border:1px solid var(--line-strong);color:var(--ink)}.dw-input--focus{border:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dw-caret{display:inline-block;width:1.5px;height:1.1em;background:var(--accent);margin-left:.1em;vertical-align:middle}.dw-muted{color:var(--ink-3)}.dw-tick{stroke-width:2.4!important}.dw-toast{display:flex;align-items:center;gap:.75em;padding:.75em 1.1em .75em .8em;border-radius:.8em;background:#16201bf0;color:#ffffffb8;font-size:.95em;box-shadow:0 16px 34px -14px #0000008c;backdrop-filter:blur(8px);pointer-events:none}.dw-toast>span:last-child{display:grid;gap:.1em}.dw-toast b{color:#fff}.dw-toast__ico{flex:none;width:2em;height:2em;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.dw-toast__ico svg{width:1.1em;height:1.1em;stroke-width:2.2}.dw-toast__ico--warn{background:#d0642b}.dw-notif{display:flex;gap:.7em;align-items:flex-start;padding:.8em .9em;border-radius:1.2em;background:#ffffffe0;backdrop-filter:blur(14px);box-shadow:0 10px 30px -10px #10201873;font-size:.82em;line-height:1.35;color:var(--ink)}.dw-notif em{font-style:normal;color:var(--ink-3);float:right;margin-left:.5em}.dw-notif small{color:var(--ink-3);font-size:1em}.dw-notif>span:last-child{flex:1;min-width:0}.dw-appicon{flex:none;width:2.2em;height:2.2em;border-radius:.6em;background:linear-gradient(140deg,var(--aurora-bright),var(--accent) 60%,var(--green-edge))}.dw-cursor{position:absolute;left:0;top:0;z-index:20;width:1.6rem!important;height:1.6rem!important;margin:-.25rem 0 0 -.3rem;fill:var(--ink)!important;stroke:#fff!important;stroke-width:1.5!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));opacity:0;pointer-events:none;transform-origin:.3rem .25rem}.dw-click{position:absolute;z-index:19;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--accent);background:#16a35526;pointer-events:none}.dw-ghost{position:absolute!important;z-index:15;margin:0!important;transform-origin:55% 55%;box-shadow:0 22px 40px -14px #00000080!important;pointer-events:none}.dw-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(1.5rem,1rem + 2vw,2.75rem)}.dw-foot--bare{justify-content:flex-end;margin-top:1rem}.dw-steps{display:flex;flex-wrap:wrap;gap:.6rem 1.75rem;margin:0;padding:0;list-style:none}.dw-steps li{display:flex;align-items:center;gap:.6rem;font-size:.9375rem;font-weight:600;color:var(--fg);transition:opacity .4s var(--ease)}.dw-steps i{flex:none;font-style:normal;font-size:.8125rem;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg);transition:background-color .4s,color .4s}.dw.is-playing .dw-steps li{opacity:.45}.dw.is-playing .dw-steps li.is-current{opacity:1}.dw.is-playing .dw-steps li.is-current i{background:var(--accent);color:#fff}.section--green .dw.is-playing .dw-steps li.is-current i{background:var(--aurora-bright);color:var(--green-deep)}.dw-ctl{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem .45rem .75rem;border-radius:999px;border:1px solid var(--hairline-strong);background:transparent;color:var(--fg);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.dw-ctl:hover{background:color-mix(in srgb,var(--fg) 8%,transparent)}.dw-ctl svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dw-ctl .dw-ctl__play{fill:currentColor}.dw-ctl[data-mode=pause] :is(.dw-ctl__play,.dw-ctl__replay),.dw-ctl[data-mode=play] :is(.dw-ctl__pause,.dw-ctl__replay),.dw-ctl[data-mode=replay] :is(.dw-ctl__pause,.dw-ctl__play){display:none}.dw-ctl[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.dw.is-playing .dw-t{transition:opacity .45s var(--ease),transform .45s var(--ease),background-color .45s var(--ease),border-color .45s var(--ease),color .45s var(--ease)}.dw-blink{animation:dw-blink 1s steps(1) infinite}.dw-pulse{animation:dw-pulse 1.8s ease-in-out infinite}}@keyframes dw-blink{50%{opacity:0}}@keyframes dw-pulse{50%{transform:scale(1.5);opacity:.45}}