.dv{--dv-ink:#0a1310;--dv-ink-2:#0f1b16;--dv-green:#2f5d3d;--dv-green-soft:#dfeadf;--dv-ochre:#b43e16;--dv-ochre-soft:#fbe6dc;--dv-amber:#8a5a00;--dv-amber-soft:#fcefcf;--dv-paper:#faf8f2;--dv-bone:#f2eee4;--dv-text:#12201a;--dv-muted:#475950;--dv-line:#12201a24;width:100%;max-width:340px;margin-inline:auto}.dv[data-kind=ipad-landscape]{max-width:920px}.dv[data-kind=ipad-portrait]{max-width:560px}.dv-bezel{background:linear-gradient(145deg,#1d2a24,#070b09);border-radius:12%/6%;padding:3.2%;position:relative;box-shadow:0 0 0 1px #f2eee42e,inset 0 0 0 2px #2a3731,0 40px 80px -30px #0009,0 18px 36px -18px #0a131073}.dv[data-kind=phone] .dv-bezel{border-radius:15%/7%;padding:3.4%}.dv[data-kind=ipad-landscape] .dv-bezel{border-radius:4.2%/5.6%;padding:2.4%}.dv[data-kind=ipad-portrait] .dv-bezel{border-radius:6%/4.4%;padding:4.2%}.dv-screen{background:var(--dv-paper);color:var(--dv-text);border-radius:11%/5%;position:relative;overflow:hidden;container-type:inline-size}.dv[data-kind=phone] .dv-screen{aspect-ratio:9/18;border-radius:12.5%/6%}.dv[data-kind=ipad-landscape] .dv-screen{aspect-ratio:4/2.9;border-radius:2.4%/3.2%}.dv[data-kind=ipad-portrait] .dv-screen{aspect-ratio:3/4;border-radius:3.4%/2.6%}.dv-island{z-index:2;background:#000;border-radius:999px;width:26%;height:1.9%;position:absolute;top:2.4%;left:50%;transform:translate(-50%)}.dv-bar{z-index:2;background:#12201a8c;border-radius:999px;width:32%;height:.5%;min-height:3px;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%)}.dv-camera{z-index:2;aspect-ratio:1;background:#0c1411;border-radius:50%;width:.9%;position:absolute;box-shadow:inset 0 0 0 1px #33433b}.dv[data-kind=ipad-landscape] .dv-camera{top:50%;left:1.1%;transform:translateY(-50%)}.dv[data-kind=ipad-portrait] .dv-camera{top:2%;left:50%;transform:translate(-50%)}.dv[data-kind=phone] .dv-bezel:before{content:"";background:#1d2a24;border-radius:0 3px 3px 0;width:1.1%;height:12%;position:absolute;top:24%;right:-1.1%}.dv[data-kind=phone] .dv-bezel:after{content:"";background:#1d2a24;border-radius:3px 0 0 3px;width:1.1%;height:7%;position:absolute;top:20%;left:-1.1%;box-shadow:0 24px #1d2a24}.dv-ui{font-size:4.1cqw;line-height:1.3;font-family:var(--lp-font-text,system-ui), system-ui, sans-serif;flex-direction:column;display:flex;position:absolute;inset:0}.dv[data-kind=ipad-landscape] .dv-ui{font-size:max(1.75cqw,11px)}.dv[data-kind=ipad-portrait] .dv-ui{font-size:max(2.2cqw,11px)}.dv-ui button{font:inherit;color:inherit;cursor:pointer}.dv-ui button:focus-visible{outline:.2em solid var(--dv-ochre);outline-offset:.1em}.dv-ui p,.dv-ui h3,.dv-ui ul{margin:0;padding:0}.dv-ui ul{list-style:none}.dv-skel{background:linear-gradient(90deg, transparent, #ffffff8c, transparent) 0 0 / 200% 100%, var(--dv-bone)}@media (prefers-reduced-motion:no-preference){.dv-skel{animation:1.6s linear infinite dv-shimmer}}@keyframes dv-shimmer{to{background-position:-200% 0}}.dv-status{flex:none;justify-content:space-between;padding:1.1em 2.4em .2em;font-size:.78em;font-weight:600;display:flex}.dv-head{border-bottom:1px solid var(--dv-line);flex:none;padding:.5em 1em .6em}.dv-head-top{justify-content:space-between;align-items:baseline;gap:.6em;display:flex}.dv-title{font-family:var(--lp-font-display,Georgia), Georgia, serif;font-size:1.35em;line-height:1.1}.dv-pill{background:var(--dv-green-soft);color:var(--dv-green);border-radius:999px;flex:none;padding:.1em .7em;font-size:.8em;font-weight:600}.dv-sub{color:var(--dv-muted);font-size:.82em;margin-top:.15em!important}.dv-sync{background:#eaf0eb;border:1px solid #b9cfbd;border-radius:.7em;flex:none;grid-template-columns:1fr auto;align-items:center;gap:.5em .6em;min-height:4.7em;margin:.55em .8em 0;padding:.5em .7em;font-size:.82em;transition:background-color .2s;display:grid}.dv-sync[data-state=offline]{background:var(--dv-amber-soft);color:#4b3300;border-color:#e3c27a}.dv-sync[data-state=sending]{background:var(--dv-bone);border-color:#c9c2ae}.dv-sync-msg{gap:.15em;display:grid}.dv-sync-msg strong{font-weight:600}.dv-sync-btn{background:#fff;border-radius:999px;min-height:2.4em;padding:0 .8em;font-size:.95em;font-weight:600;border:1px solid!important}.dv-panel{flex-direction:column;flex:auto;gap:.55em;min-height:0;padding:.6em .8em .4em;display:flex;overflow:hidden}.dv-h{font-size:1em;font-weight:600}.dv-hint{color:var(--dv-muted);font-size:.8em}.dv-tabs{border-top:1px solid var(--dv-line);background:#fff;flex:none;grid-template-columns:repeat(4,1fr);padding:.3em .4em 1.6em;display:grid}.dv-tab{min-height:3.2em;color:var(--dv-muted);background:0 0;border:0;border-radius:.6em;justify-items:center;gap:.1em;padding:.3em .1em;font-size:.8em;font-weight:600;display:grid}.dv-tab svg{width:1.6em;height:1.6em}.dv-tab[aria-selected=true]{color:var(--dv-ochre);background:var(--dv-ochre-soft)}.dv-row{border:1px solid var(--dv-line);background:#fff;border-radius:.7em;justify-content:space-between;align-items:center;gap:.6em;min-height:2.6em;padding:.35em .65em;display:flex}.dv-row>span:first-child{font-size:.9em;font-weight:600}.dv-choices{flex-wrap:wrap;justify-content:flex-end;gap:.3em;display:flex}.dv-chip{background:#fff;border:1px solid #6b7d73;border-radius:999px;min-height:2em;padding:.1em .75em;font-size:.82em;font-weight:600}.dv-chip[aria-pressed=true],.dv-chip[aria-checked=true]{background:var(--dv-ink-2);border-color:var(--dv-ink-2);color:#fff}.dv-progress{background:var(--dv-line);border-radius:999px;height:.4em;overflow:hidden}.dv-progress>span{background:var(--dv-green);height:100%;transition:width .3s;display:block}.dv-kind{background:var(--dv-bone);border-radius:999px;padding:.15em .7em;font-size:.8em;font-weight:600;display:inline-block}.dv-btn{background:var(--dv-ochre);color:#fff;border:0;border-radius:.8em;min-height:2.9em;padding:0 1em;font-weight:600}.dv-btn[data-quiet]{color:var(--dv-text);background:#fff;border:1px solid #6b7d73}.dv-photos{grid-template-columns:repeat(3,1fr);align-content:start;gap:.4em;display:grid}.dv-thumb{aspect-ratio:4/3;background:var(--tone);border-radius:.5em;position:relative;overflow:hidden}.dv-thumb:before{content:"";background:#ffffff47;border-radius:.2em;position:absolute;inset:22% 14% 30%;box-shadow:0 .9em 0 -.1em #00000024}.dv-thumb>span{color:#fff;background:#0a1310b8;border-radius:999px;padding:0 .45em;font-size:.62em;font-weight:600;position:absolute;bottom:.25em;left:.3em}.dv-thumb[data-new=true]{animation:.35s ease-out dv-pop}@keyframes dv-pop{0%{opacity:0;transform:scale(.8)}}.dv-flash{z-index:3;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.dv-flash[data-on=true]{animation:.35s ease-out dv-flash}@keyframes dv-flash{0%{opacity:.85}}.dv-wave{background:var(--dv-ink-2);border-radius:.8em;justify-content:center;align-items:center;gap:.22em;height:3.4em;display:flex}.dv-wave i{background:#f27e52;border-radius:999px;width:.28em;height:.5em}.dv-wave[data-on=true] i{height:calc(.6em + var(--h) * 1.9em)}@media (prefers-reduced-motion:no-preference){.dv-wave[data-on=true] i{animation:.8s ease-in-out infinite alternate dv-bar;animation-delay:calc(var(--i) * -.09s)}}@keyframes dv-bar{0%{height:.5em}}.dv-memo{justify-content:space-between;align-items:center;gap:.5em;display:flex}.dv-words{border:1px solid var(--dv-line);background:#fff;border-radius:.7em;min-height:5.4em;padding:.5em .7em;font-size:.88em}.dv-words small{color:var(--dv-muted);margin-top:.4em;font-size:.82em;display:block}.dv-stepper{align-items:center;gap:.4em;display:flex}.dv-stepper button{background:#fff;border:1px solid #6b7d73;border-radius:50%;width:2.2em;height:2.2em;font-weight:700;line-height:1}.dv-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.8em;font-weight:600}.dv-sketch{border:1px dashed var(--dv-line);background:#fff;border-radius:.7em;align-items:flex-end;gap:.4em;height:5em;padding:.4em;display:flex}.dv-sketch span{background:var(--dv-green-soft);border:1px solid #8fb09a;border-radius:.2em;transition:width .25s,height .25s;display:block}.dv-total{font-size:.85em;font-weight:600}.dv-pad{grid-template-rows:auto 1fr;grid-template-columns:38fr 62fr;height:100%;display:grid}.dv-pad-bar{background:var(--dv-ink-2);color:#f2eee4;grid-column:1/-1;align-items:center;gap:1em;padding:.8em 1.2em;font-size:.95em;display:flex}.dv-pad-bar b{font-family:var(--lp-font-display,Georgia), Georgia, serif;font-size:1.25em;font-weight:400}.dv-pad-bar span{color:#a4b5aa}.dv-pad-side{border-right:1px solid var(--dv-line);background:var(--dv-bone);align-content:start;gap:.8em;padding:.9em 1em;display:grid;overflow:hidden}.dv-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--dv-muted);margin-bottom:.3em;font-size:.85em;font-weight:700}.dv-group ul{grid-template-columns:repeat(3,1fr);gap:.4em;display:grid}.dv-pthumb{aspect-ratio:4/3;background:var(--tone);border:0;border-radius:.5em;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #12201a26}.dv-pthumb:before{content:"";background:#ffffff47;border-radius:.2em;position:absolute;inset:22% 14% 30%}.dv-pthumb>span{color:#fff;background:#0a1310b8;border-radius:999px;padding:0 .45em;font-size:.72em;font-weight:600;position:absolute;bottom:.25em;left:.3em}.dv-pthumb[aria-pressed=true],.dv-pthumb[data-hit=true]{box-shadow:0 0 0 .2em var(--dv-ochre), 0 .4em 1em #00000040}.dv-pad-main{grid-template-rows:auto 1fr auto;gap:.6em;min-height:0;padding:.9em 1.2em;display:grid;overflow:hidden}.dv-doc h3{font-family:var(--lp-font-display,Georgia), Georgia, serif;font-size:1.5em;font-weight:400}.dv-doc small{color:var(--dv-muted)}.dv-text{align-self:start;font-size:1.15em;line-height:1.6}.dv-s{border-radius:.25em;padding:.05em .15em;transition:background-color .2s,opacity .3s;position:relative}.dv-s[data-shown=false]{opacity:0}.dv-s[data-hit=true]{background:#ffe3a3;box-shadow:0 0 0 .15em #ffe3a3}.dv-s[data-flag=true]{background:var(--dv-amber-soft);text-underline-offset:.2em;-webkit-text-decoration:underline wavy #c78a00;text-decoration:underline wavy #c78a00}.dv-s[data-flag=true][data-hit=true]{background:#ffd36e}.dv-lands{background:var(--dv-ochre);color:#fff;vertical-align:.15em;border-radius:999px;margin-left:.4em;padding:0 .5em;font-size:.72em;font-weight:700;display:inline-block}.dv-note{min-height:1.4em;color:var(--dv-muted);font-size:.86em}.dv-flags h3{letter-spacing:.06em;text-transform:uppercase;color:var(--dv-amber);margin-bottom:.3em;font-size:.85em;font-weight:700}.dv-flags ul{grid-template-columns:repeat(3,1fr);gap:.5em;display:grid}.dv-flag{text-align:left;background:var(--dv-amber-soft);color:#3d2a00;border:1px solid #e3c27a;border-radius:.7em;width:100%;height:100%;padding:.5em .65em;display:block}.dv-flag b{font-size:.9em;display:block}.dv-flag span{margin-top:.15em;font-size:.82em;display:block}.dv-flag[aria-pressed=true]{border-color:var(--dv-ochre);box-shadow:0 0 0 .18em var(--dv-ochre)}@media (max-width:640px){.dv[data-kind^=ipad] .dv-bezel{box-shadow:none;background:0 0;border-radius:0;padding:0}.dv[data-kind^=ipad] .dv-camera{display:none}.dv[data-kind^=ipad] .dv-screen{aspect-ratio:auto;height:880px;min-height:0;box-shadow:0 0 0 1px var(--dv-line);border-radius:18px}.dv[data-kind^=ipad] .dv-ui{font-size:14px}.dv-pad{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.dv-pad-bar{flex-wrap:wrap;gap:.2em 1em}.dv-pad-bar b{white-space:nowrap}.dv-pad-side{border-right:0;border-bottom:1px solid var(--dv-line);grid-template-columns:1fr 1fr;align-content:start}.dv-flags ul{grid-template-columns:1fr}}@media (max-width:520px){.dv[data-kind=phone] .dv-bezel{box-shadow:none;background:0 0;border-radius:0;padding:0}.dv[data-kind=phone] .dv-bezel:before,.dv[data-kind=phone] .dv-bezel:after,.dv-island,.dv-bar{display:none}.dv[data-kind=phone] .dv-screen{aspect-ratio:9/17;box-shadow:0 0 0 1px var(--dv-line);border-radius:18px}.dv-status{display:none}.dv-tabs{padding-bottom:.5em}}.dvb{background:linear-gradient(#0f1b16,#0a1310)}.dvb-grid{align-items:start;gap:40px;margin-top:clamp(28px,4vw,48px);display:grid}.dvb-fig{min-width:0;margin:0}.dvb-fig figcaption{text-align:center;color:#a4b5aa;margin-top:16px;font-size:15px}.dvb-note{text-align:center;color:#a4b5aa;margin-top:28px;font-size:14px}.dvb-solo .dvb-fig{margin-top:clamp(20px,3vw,36px)}@media (min-width:1000px){.dvb-grid[data-two=true]{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:56px}}
