/* Local homepage preview: the original film, with only the existing navigation above it. */
.page-home>.site-header{position:fixed;inset-inline:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s,border-color .3s}
.page-home.immersive-scrolled>.site-header,.page-home>.site-header:has(details[open]){background:#f8f7f3f2;border-color:#d2d7ca;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.page-home>.site-header .header-download{border-radius:999px;background:#293f30e6;color:#fffef7;border-color:transparent}
.page-home>.site-header .desktop-nav a{color:#354936}
.page-home>.site-header .desktop-nav a:hover,.page-home>.site-header .desktop-nav a[aria-current]{color:#20392a}
.immersive-hero{--film-footer:84px;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--site-header-height) 0 calc(var(--film-footer) + env(safe-area-inset-bottom,0px));background:#8b9b8d;color:#263c2e}
.immersive-landscape,.immersive-light{position:absolute;inset:0;z-index:-2;pointer-events:none}
.immersive-landscape{background:url('/media/first-crossing/estuary.webp') center 49%/cover;transform:scale(1.04);transform-origin:center 65%;will-change:transform}
.immersive-light{z-index:-1;background:linear-gradient(180deg,#f4f2e859 0%,#f5f1df22 53%,#1e3b3748 100%)}
.immersive-hero:before{content:'';position:absolute;inset:0 0 auto;height:calc(var(--site-header-height) + 60px);z-index:-1;background:linear-gradient(#f6f3e476,transparent);pointer-events:none}
.df-symbol-library{position:absolute;width:0;height:0;overflow:hidden}
.home-film{position:static;width:min(1400px,100%,max(640px,calc((100svh - var(--site-header-height) - var(--film-footer) - env(safe-area-inset-bottom,0px))*1.7778)));margin:auto;--ease:cubic-bezier(.22,1,.36,1)}
.df-film{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:16/9;color:#263a2f;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;perspective:1500px;direction:ltr;text-align:left;pointer-events:none}
.df-film *{box-sizing:border-box}
.df-film p{max-width:none}
.df-film svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.df-opening{pointer-events:none}
.df-film:not([data-phase=intro]) .df-opening{opacity:0;transform:translateY(-35px) scale(.97);filter:blur(8px)}
.df-film .df-device-label{color:#f5f6e7;text-shadow:0 1px 7px #223e3780}
.df-film .df-paste-success,.df-film .df-files-success{font-size:max(11px,.98cqw)}
.df-film .df-copy-selection,.df-film .df-pasted-text{font-size:max(12px,1.22cqw)}
.df-film .df-copy-selection>span,.df-film .df-pasted-text>span{font-size:max(11px,1.07cqw)}
.df-film .df-device-label{font-size:max(10px,.98cqw)}
.df-film .df-keystroke{font-size:max(10px,.82cqw)}
.df-film .df-transfer-label{font-size:max(10px,.8cqw)}
.df-film .df-finder-item>div{font-size:max(11px,1.02cqw)}
.df-closing>img{display:block}
.df-film.is-seeking *,.df-film.is-reduced *{transition:none!important;animation:none!important}
.df-film.is-reduced .df-travelling-copy{display:none}
.df-film.is-reduced .df-work-window{filter:none!important;transform:none!important}
.home-film-controls{position:absolute;inset-inline-end:max(24px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));color:#fffef3;z-index:30;max-width:calc(100% - 94px)}
.home-film-controls[hidden]{display:none}
.home-film-audio{display:flex;align-items:center;gap:6px}
.home-film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;cursor:pointer;color:inherit;background:#233b2938;border:1px solid #fffef34d;border-radius:999px;padding:10px;font:inherit;font-size:12px;line-height:1.35;transition:background .2s,border-color .2s}
.home-film-controls [data-film-replay]{flex-shrink:0}
.home-film-controls button:hover{background:#233b2960;border-color:#fffef360}
.home-film-controls button:focus-visible,.home-explore:focus-visible{outline:3px solid #fffef2;outline-offset:4px}
.home-film-controls [data-film-sound]>span{display:none}
.home-film[data-audio=blocked] [data-film-sound],.home-film[data-audio=unavailable] [data-film-sound]{padding-inline:14px;background:#f9f8e9c9;color:#314d37;border-color:#fffef180}
.home-film[data-audio=blocked] [data-film-sound]>span,.home-film[data-audio=unavailable] [data-film-sound]>span{display:inline}
.home-film-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.home-film-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden}
.home-film-error{position:absolute;bottom:calc(74px + env(safe-area-inset-bottom,0px));inset-inline-end:24px;font-size:11px;line-height:1.6;background:#f7f7ecd9;color:#33452d;padding:8px 12px;border-radius:7px;max-width:min(330px,calc(100% - 48px));margin:0;z-index:30}
.home-film-error[hidden]{display:none}
.home-explore{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:20;color:#f7f6e4ba;display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:21px}
.home-explore:hover{color:#fffef1}
.home-introduction{text-align:center;padding-top:68px;max-width:900px}
.home-introduction .hero-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;font-size:11px;color:#586d4b}
.home-introduction .hero-badge svg{width:17px;height:17px;flex-shrink:0}
.home-introduction h1{font-size:clamp(33px,4vw,52px);font-weight:550;line-height:1.13;letter-spacing:-.05em;margin:0 0 28px;text-wrap:balance}
.home-introduction h1>span{display:block}
.home-introduction h1>.accent{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#4f6b4f}
.home-introduction .hero-lead{font-size:18px;line-height:1.85;color:#656e5f;margin:0 auto 25px;max-width:760px}
.home-introduction .actions{justify-content:center}
.home-introduction .system-requirements{font-size:11px;margin-top:16px}
.home-film-note{font-size:11px;line-height:1.7;color:#858a7d;margin:18px auto 0;max-width:700px}
.page-home #use-cases{margin-top:60px}
@media(min-width:601px) and (max-width:1000px){.df-opening h2{font-size:7cqw}.df-opening p{font-size:1.5cqw}.df-film-kicker{font-size:1cqw}}
@media(max-width:820px) and (orientation:portrait){
 .immersive-hero{--film-footer:80px}
 .immersive-landscape{background-position:48% center}
 .immersive-light{background:linear-gradient(180deg,#f5f2e848,#f5f1df00 65%,#1a372f48)}
 .home-film{width:min(100%,500px,max(280px,calc((100svh - var(--site-header-height) - var(--film-footer) - env(safe-area-inset-bottom,0px))*.75)));margin:auto}
 .df-film{aspect-ratio:3/4;overflow:visible}
 .df-opening{inset:25% 5% auto}
 .df-opening h2{font-size:11cqw;line-height:1.13;letter-spacing:-.05em}
 .df-film-kicker{font-size:max(9px,1.8cqw);letter-spacing:.15em;margin-bottom:5cqw}
 .df-opening p{font-size:max(12px,2.7cqw);line-height:1.6;margin:5cqw auto 0;max-width:28ch}
 .df-scene-heading{top:10%;left:5%;right:5%}
 .df-files-heading{top:5%}
 .df-scene-heading h2{font-size:6.5cqw}
 .df-scene-heading p{font-size:max(10px,2.25cqw);margin-top:2cqw}
 .df-chapter-mark{font-size:max(9px,1.6cqw);letter-spacing:.18em;margin-bottom:2cqw}
 .df-film .df-source-note,.df-film .df-finder-source{left:5%;top:23%;transform-origin:left top}
 .df-film .df-destination-mail,.df-film .df-finder-destination{right:5%;top:59%;transform-origin:right bottom}
 .df-film .df-work-window{width:74%;border-radius:2cqw}
 .df-film .df-device-label{font-size:max(10px,2cqw);top:calc(100% + 1.4cqw);gap:1.2cqw}
 .df-film .df-device-label small{display:none}
 .df-film .df-device-label svg{width:2.6cqw;height:2.6cqw}
 .df-film .df-keystroke{left:auto;right:0;bottom:min(-38px,-8.5cqw);font-size:max(10px,1.75cqw);padding:4px 7px 4px 5px;gap:3px;transform:translateY(0)!important}
 .df-film .df-keystroke kbd{font-size:2.3cqw;width:4.5cqw;height:4.5cqw}
 .df-film .df-paste-success,.df-film .df-files-success{font-size:max(10px,2.1cqw);padding:1.4cqw 2.5cqw;bottom:-10cqw;gap:1.2cqw;left:auto;right:0;transform:translateY(0)}
 .df-film .df-source-success{font-size:1.7cqw}
 .df-film .df-paste-success svg,.df-film .df-files-success svg{width:2.5cqw;height:2.5cqw}
 .df-film .df-handoff-caption{top:51%;font-size:max(10px,1.8cqw)}
 .df-film .df-handoff-caption>img{width:4cqw;height:4cqw}
 .df-film .df-handoff-caption>svg{width:2.3cqw;height:2.3cqw}
 .df-film .df-travelling-copy{top:48%;left:41%;width:20%;height:13cqw}
 .df-film .df-traveller-lines{padding:2cqw}
 .df-film .df-traveller-lines i{height:.6cqw;margin-bottom:1cqw}
 .df-film .df-travelling-copy img{width:4cqw;height:4cqw;bottom:1cqw;right:1cqw}
 .df-film .df-transfer-pill{top:51%;min-width:62cqw}
 .df-film .df-transfer-label{line-height:1.2;margin-bottom:1cqw}
 .df-film .df-note-body h3{font-size:3.6cqw}
 .df-film .df-copy-selection,.df-film .df-pasted-text{font-size:max(12px,3cqw)}
 .df-film .df-copy-selection>span,.df-film .df-pasted-text>span{font-size:max(11px,2.6cqw)}
 .df-film .df-finder-item>div{font-size:max(11px,2.7cqw)}
 .df-film .df-finder-items{height:22cqw;grid-template-rows:repeat(3,minmax(0,1fr))}
 .df-film .df-finder-item{padding:0 1.2cqw;line-height:1.2;min-height:0}
 .df-film .df-finder-item small{display:none}
 .df-film[data-phase=transit] .df-travelling-copy{animation:df-crossing-mobile 2.65s var(--ease) both}
 .df-closing{top:24%}
 .df-closing>img{width:16cqw;height:16cqw;margin:0 auto 1cqw}
 .df-closing-brand{font-size:3.3cqw}
 .df-closing h2{font-size:12cqw;margin:5cqw 0 3cqw}
 .df-closing p{font-size:max(12px,2.5cqw)}
 .home-film-controls{inset-inline-end:max(16px,env(safe-area-inset-right,0px))}
 .home-film-controls button{font-size:11px}
 .home-explore{left:auto;right:auto;inset-inline-start:max(16px,env(safe-area-inset-left,0px));transform:none}
 .home-film-error{inset-inline-end:16px}
 .home-introduction{padding-top:42px}
 .home-introduction .hero-lead{font-size:15px;line-height:1.8}
 .home-introduction .button{font-size:12px}
 .home-film-note{font-size:10px;margin-top:15px}
 .page-home #use-cases{margin-top:40px}
}
/* A shorter scene keeps the film legible when the browser is shallow. */
@media(min-width:601px) and (max-height:740px) and (orientation:landscape){
 .home-film{width:min(1400px,100%,max(600px,calc((100svh - var(--site-header-height) - var(--film-footer))*2.2)))}
 .df-film{aspect-ratio:2.2}
 .df-scene-heading{top:5%}
 .df-work-window,.df-finder-source,.df-finder-destination{top:28%}
 .df-handoff-caption{top:93%}
 .df-transfer-pill{top:89%}
 .df-opening{top:20%}
 .df-closing{top:10%}
}
/* Compact portrait: keep both Macs and the result above the dedicated controls. */
@media(max-width:600px) and (max-height:740px) and (orientation:portrait){
 .home-film{width:min(100%,500px,max(280px,calc((100svh - var(--site-header-height) - var(--film-footer) - env(safe-area-inset-bottom,0px))*.875)))}
 .df-film{aspect-ratio:7/8}
 .df-scene-heading{top:3%}
 .df-files-heading .df-chapter-mark{display:none}
 .df-film .df-source-note,.df-film .df-finder-source{top:19%}
 .df-film .df-destination-mail,.df-film .df-finder-destination{top:58%}
 .df-film .df-finder-destination{top:59%}
 .df-film .df-paste-success,.df-film .df-files-success{bottom:min(-32px,-9cqw)}
 .df-film .df-note-date,.df-film .df-note-context,.df-film .df-mail-details>div:first-child,.df-film .df-mail-signoff{display:none}
 .df-film .df-mail-body{height:24cqw}
 .df-film .df-note-body{height:24cqw;padding-top:3cqw}
 .df-film .df-finder-items{height:18cqw}
 .df-film .df-file-glyph,.df-film .df-pdf-glyph,.df-film .df-coast-thumbnail{height:4.2cqw}
 .df-film .df-handoff-caption,.df-film .df-transfer-pill{top:48%}
 .df-opening{top:23%}
 .df-closing{top:21%}
}
/* Landscape phones keep one navigation row and a wide, readable stage. */
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 html{--site-header-height:60px}
 .page-home>.site-header .header-inner{display:flex;min-height:60px;gap:16px;grid-template-rows:none;width:calc(100% - max(40px,env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px)))}
 .page-home>.site-header .desktop-nav{display:none}
 .page-home>.site-header .mobile-menu{display:block}
 .page-home>.site-header .header-download{display:none}
 .page-home>.site-header .mobile-menu nav{max-height:calc(100dvh - 84px)}
 .immersive-hero{--film-footer:68px}
 .home-film{width:min(100%,max(600px,calc((100svh - 60px - var(--film-footer))*2.5)))}
 .df-film{aspect-ratio:2.5}
 .df-chapter-mark,.df-files-heading p,.df-note-date,.df-note-context,.df-mail-details>div:first-child{display:none}
 .df-scene-heading{top:4%}
 .df-film .df-work-window{top:23%;width:40%}
 .df-film .df-note-body{padding-top:2cqw}
 .df-film .df-handoff-caption,.df-film .df-transfer-pill{top:86%}
 .df-film .df-keystroke{bottom:-6.3cqw;padding:5px 8px}
 .df-film .df-paste-success,.df-film .df-files-success{bottom:-6cqw;padding:.7cqw 1.1cqw}
 .df-opening{top:14%}
 .df-opening h2{font-size:6.5cqw}
 .df-film-kicker{font-size:9px;margin-bottom:1.5cqw}
 .df-opening p{font-size:12px;margin-top:1.5cqw}
 .df-closing{top:8%}
 .df-closing>img{width:6cqw;height:6cqw}
 .df-closing h2{margin:1cqw 0;font-size:6cqw}
 .df-closing p{font-size:12px}
 .home-film-controls,.home-explore{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .home-explore{left:auto;right:auto;inset-inline-start:max(16px,env(safe-area-inset-left,0px));transform:none}
}
@media(max-width:1000px) and (max-height:360px) and (orientation:landscape){
 .home-film{width:min(100%,max(480px,calc((100svh - 60px - var(--film-footer))*2.9)))}
 .df-film{aspect-ratio:2.9}
 .df-film .df-work-window{top:22%}
 .df-film .df-note-body{height:17cqw}
 .df-film .df-finder-items{height:14cqw;grid-template-rows:repeat(3,minmax(0,1fr))}
 .df-film .df-finder-item{padding:0 .85cqw;line-height:1.2;min-height:0}
 .df-film .df-finder-item small,.df-film .df-finder-footer{display:none}
 .df-film .df-transfer-pill{top:83%;padding:.5cqw 1cqw}
}
@media(max-width:820px) and (orientation:portrait),(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 .df-film:is([data-phase=transit],[data-phase=transfer],[data-phase=ready]) .df-device-label,
 .df-film[data-phase=hold] .df-destination-mail .df-device-label,
 .df-film[data-phase=landed] .df-finder-destination .df-device-label{opacity:0}
}
@media(prefers-reduced-motion:reduce){.immersive-hero *, .page-home>.site-header{animation:none!important;transition:none!important}.immersive-landscape{transform:none!important}.df-film .df-travelling-copy{display:none}}
@media(prefers-reduced-transparency:reduce){.page-home>.site-header{background:#f8f7f3}.home-film-controls button{background:#344c3c}}
@media print{.immersive-hero{display:none}.home-introduction{padding-top:20px}}
@keyframes df-crossing-mobile{0%{opacity:0;transform:translate(-45%,-75%) scale(.7) rotate(-10deg)}20%{opacity:1}48%{opacity:1;transform:translate(15%,0) scale(1.05) rotate(3deg)}80%{opacity:1;transform:translate(30%,80%) scale(.8) rotate(5deg)}100%{opacity:0;transform:translate(35%,115%) scale(.4)}}
/* Explanatory copy is localized; app contents retain the English product examples. */
.df-scene-heading h2,.df-opening h2,.df-closing h2{text-wrap:balance}
.home-film:lang(zh-hans) .df-film em,.home-film:lang(zh-hant) .df-film em,.home-film:lang(ja) .df-film em,.home-film:lang(ko) .df-film em{font-style:normal}
.df-film .df-files-success,.df-film .df-paste-success{width:max-content;max-width:46cqw;white-space:normal;text-align:center;line-height:1.35;justify-content:center}
html[dir=rtl] .immersive-hero .home-film-controls{left:max(24px,env(safe-area-inset-left,0px));right:auto}
html[dir=rtl] .immersive-hero .home-film-error{left:24px;right:auto}
@media(max-width:820px) and (orientation:portrait){
 .df-film .df-files-success,.df-film .df-paste-success{max-width:85cqw}
 .df-film[data-phase=hold] .df-paste-success,.df-film[data-phase=landed] .df-files-success{transform:translateY(0)}
 .df-film .df-scene-heading h2{font-size:6.2cqw;line-height:1.15}
 .df-opening h2{font-size:10.2cqw}
 .home-film:lang(zh-hans) .df-opening h2,.home-film:lang(zh-hant) .df-opening h2,.home-film:lang(ja) .df-opening h2,.home-film:lang(ko) .df-opening h2{font-size:10.5cqw;line-height:1.4}
 .df-film .df-chapter-mark{letter-spacing:.1em}
 html[dir=rtl] .immersive-hero .home-film-controls{left:max(16px,env(safe-area-inset-left,0px));right:auto}
 html[dir=rtl] .immersive-hero .home-film-error{left:16px;right:auto}
}

/* Home-only chapters: one saved copy, then one deliberate approval. */
.df-history-scene,.df-security-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s;pointer-events:none}
.df-film[data-phase^=history] .df-history-scene,.df-film[data-phase^=security] .df-security-scene{opacity:1;visibility:visible}
.df-history-heading,.df-security-heading{top:10%}
.df-film[data-phase^=history] .df-history-heading,.df-film[data-phase^=security] .df-security-heading{opacity:1;transform:none}
.df-history-panel{position:absolute;left:9%;top:32%;width:38%;padding:1.3cqw;border:1px solid #ffffffb3;border-radius:1.25cqw;background:#edededf5;box-shadow:0 2cqw 4cqw -1.5cqw #22382f55;color:#292b30;transform:translateY(22px) rotateZ(-.6deg);transition:transform 1s var(--ease)}
.df-film[data-phase^=history] .df-history-panel{transform:translateY(0) rotateZ(-.6deg)}
.df-history-brand{display:flex;align-items:center;gap:.6cqw;margin-bottom:1.2cqw;font-size:max(11px,1cqw)}
.df-history-brand img{width:2cqw;height:2cqw;min-width:17px;min-height:17px}.df-history-brand>span{margin-left:auto;color:#656970;font-size:max(10px,.95cqw)}
.df-history-search{position:relative;display:flex;align-items:center;gap:.6cqw;background:#dfe0e4;border:1px solid transparent;border-radius:.6cqw;padding:.65cqw .8cqw;font-size:max(11px,1.05cqw);color:#7c7e85;transition:border-color .35s,box-shadow .35s}
.df-history-search svg{width:1.2cqw;height:1.2cqw;min-width:13px;min-height:13px}.df-search-word{position:absolute;left:2.8cqw;opacity:0;color:#262b35}.df-search-word i{display:inline-block;width:1px;height:1em;background:#007aff;vertical-align:-.1em;margin-left:2px}.df-search-empty{transition:opacity .3s}
.df-history-rows{height:14cqw;margin-top:.5cqw;overflow:hidden}
.df-history-row{display:flex;gap:.8cqw;align-items:center;padding:.7cqw .4cqw;height:4.6cqw;border-bottom:1px solid #d6d8dc;font-size:max(11px,1.1cqw);transition:opacity .4s,transform .6s var(--ease),background .4s;border-radius:.4cqw}
.df-entry-icon{display:grid;place-items:center;width:2cqw;height:2.2cqw;flex-shrink:0;font-size:1.2cqw;font-weight:500;color:#4c596b}
.df-history-row>div{flex:1;min-width:0}.df-history-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;line-height:1.35}.df-history-row small{display:block;margin-top:.25cqw;font-size:max(9px,.78cqw);color:#87898f}.df-history-row>svg,.df-history-copy{width:1.3cqw;height:1.5cqw;min-width:14px;min-height:16px;color:#878990;flex-shrink:0}
.df-found-row mark{background:transparent;color:inherit;transition:background .3s}.df-history-copy{position:relative;display:block}.df-history-copy svg{width:100%;height:100%;position:absolute;inset:0;transition:opacity .25s,transform .4s}.df-history-copy svg+svg{opacity:0;transform:scale(.5);color:#23844d}
.df-history-feedback{position:absolute;left:1.7cqw;right:1.7cqw;bottom:1.2cqw;display:flex;align-items:center;justify-content:space-between;font-size:max(10px,.9cqw);color:#757a84;opacity:0;transition:opacity .3s}
.df-history-feedback strong{display:flex;align-items:center;gap:.4cqw;color:#23844d;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;font-weight:500}.df-history-feedback svg{width:1.4cqw;height:1.4cqw}
.df-history-scope{position:absolute;top:calc(100% + 1.2cqw);left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.6cqw;font-size:max(11px,.95cqw);color:#f6f6e9;text-shadow:0 1px 5px #183a3177;text-align:center;line-height:1.4}
.df-history-scope svg{width:1.3cqw;height:1.3cqw;min-width:12px;min-height:12px}
.df-history-draft{position:absolute;right:9%;top:41%;width:36%;background:#fffefa;border:1px solid #fff8;border-radius:1.15cqw;box-shadow:0 2cqw 4cqw -1.5cqw #22382f4d;transform:translateY(20px) rotateZ(.6deg);transition:transform 1s var(--ease),box-shadow .6s}
.df-film[data-phase^=history] .df-history-draft{transform:translateY(0) rotateZ(.6deg)}
.df-history-draft .df-app-title{margin-right:auto;margin-left:1.3cqw}
.df-history-draft-body{position:relative;height:15cqw;padding:1.3cqw 1.8cqw;font-size:max(12px,1.15cqw);color:#3d433f;line-height:1.6}.df-history-draft-body>span{font-size:max(10px,.9cqw);color:#8c928b}.df-history-draft-body p{margin:.9cqw 0 1.1cqw}.df-history-paste{opacity:0;transform:translateY(5px);transition:opacity .4s,transform .45s}.df-history-caret{position:absolute;left:1.8cqw;top:7cqw;width:1px;height:1.4cqw;background:#396b48;transition:opacity .2s}
.df-history-paste-key{position:absolute;right:1.5cqw;bottom:1.2cqw;display:flex;align-items:center;gap:.65cqw;opacity:0;transition:opacity .3s;color:#3e6c4a}.df-history-paste-key kbd{border-radius:.4cqw;background:#edf0e8;padding:.4cqw .65cqw;font-size:max(10px,.95cqw);font-family:inherit}.df-history-paste-key svg{width:1.5cqw;height:1.5cqw}
.df-chapter-result{position:absolute;top:91%;left:5%;right:5%;display:flex;align-items:center;justify-content:center;gap:.75cqw;text-align:center;font-size:max(12px,1.4cqw);line-height:1.4;color:#fbfcef;text-shadow:0 1px 8px #1f3d3677;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .8s var(--ease)}.df-chapter-result svg{width:1.8cqw;height:1.8cqw;min-width:15px;min-height:15px}
.df-film:is([data-phase=history-search],[data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-history-search{border-color:#80baff;box-shadow:0 0 0 2px #007aff20}
.df-film:is([data-phase=history-search],[data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-search-empty{opacity:0}
.df-film:is([data-phase=history-search],[data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-search-word{opacity:1}
.df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-recent-row{opacity:0;transform:translateY(-1cqw)}
.df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-found-row{transform:translateY(-9.2cqw);background:#f8f8fa}
.df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-found-row mark{background:#f7dc79;border-radius:2px}
.df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-history-feedback{opacity:1}
.df-film:is([data-phase=history-copy],[data-phase=history-restored]) .df-history-copy svg:first-child{opacity:0;transform:scale(.5)}
.df-film:is([data-phase=history-copy],[data-phase=history-restored]) .df-history-copy svg+svg,.df-film:is([data-phase=history-copy],[data-phase=history-restored]) .df-history-feedback strong{opacity:1;transform:none}
.df-film[data-phase=history-restored] .df-history-paste,.df-film[data-phase=history-restored] .df-history-paste-key,.df-film[data-phase=history-restored] .df-history-result{opacity:1;transform:none}
.df-film[data-phase=history-restored] .df-history-caret{opacity:0}
.df-film[data-phase=history-restored] .df-history-draft{box-shadow:0 0 0 2px #b9cfac66,0 2cqw 4cqw -1.5cqw #22382f4d}
.df-local-boundary{position:absolute;left:10%;right:10%;top:33%;height:41%;border:1px solid #f7fae857;border-radius:100%;background:radial-gradient(ellipse,#f7fae817,transparent 70%);opacity:.25;transition:opacity 1s,border-color 1s}
.df-local-boundary>span{position:absolute;top:calc(100% + 1cqw);left:0;right:0;text-align:center;color:#e9edde;font-size:max(11px,1cqw);text-shadow:0 1px 5px #183a3177;opacity:0;transition:opacity .5s}
.df-trusted-device{position:absolute;top:45%;width:17%;display:flex;align-items:center;flex-direction:column;gap:1cqw;color:#f6f7ea;filter:drop-shadow(0 2px 5px #23442f33);opacity:.3;transform:translateY(10px);transition:opacity .8s,transform 1s var(--ease)}
.df-trusted-source{left:15%}.df-trusted-target{right:15%}.df-trusted-device>svg{width:7cqw;height:6cqw;stroke-width:.8}.df-trusted-device>strong{font-size:max(12px,1.2cqw);font-weight:500}.df-device-trusted{position:absolute;right:1cqw;top:0;display:grid;place-items:center;width:2.1cqw;height:2.1cqw;border-radius:50%;background:#e6efd9;color:#3d6950;opacity:0;transform:scale(.5);transition:opacity .4s,transform .5s}.df-device-trusted>svg{width:1.3cqw;height:1.3cqw}
.df-secure-path{display:flex;align-items:center;gap:1.2cqw;position:absolute;top:49%;left:33%;right:33%;opacity:0;transition:opacity .7s}.df-secure-path>i{height:1px;flex:1;background:#e6efd9a6;transform:scaleX(0);transition:transform 1.1s var(--ease)}.df-secure-path>i:first-child{transform-origin:right}.df-secure-path>i:last-child{transform-origin:left}.df-secure-path>span{width:6cqw;height:6cqw;display:grid;place-items:center;color:#e7efda;border:1px solid #e7efda99;border-radius:50%;background:#617f6033;box-shadow:0 0 4cqw #d3f2b11a}.df-secure-path svg{width:2.6cqw;height:2.6cqw;stroke-width:1.2}
.df-approval-panel{position:absolute;top:34%;left:36%;width:28%;display:flex;align-items:center;flex-direction:column;background:#f0f0f0f5;border:1px solid #ffffffcc;border-radius:1.1cqw;padding:1.5cqw 2cqw;box-shadow:0 2cqw 4cqw -1cqw #19342a50;color:#292b30;transform:translateY(20px);transition:opacity .65s,transform .8s var(--ease),filter .65s}
.df-film[data-phase^=security] .df-approval-panel{transform:translateY(0)}
.df-approval-panel>img{width:3.3cqw;height:3.3cqw;margin-bottom:.7cqw}.df-approval-panel>span{font-size:max(11px,1.15cqw)}.df-approval-panel>strong{font-size:max(19px,2cqw);font-weight:600;margin:.4cqw 0 .8cqw;letter-spacing:-.02em}.df-approval-panel>small{display:flex;align-items:center;gap:.4cqw;font-size:max(10px,.9cqw);color:#72777c}.df-approval-panel>small svg{width:1.1cqw;height:1.1cqw;color:#477d51}
.df-approve-action{display:flex;align-items:center;justify-content:center;gap:.5cqw;margin-top:1.4cqw;background:#087fff;color:white;border:1px solid #0879f1;border-radius:.5cqw;width:100%;padding:.65cqw;font-size:max(12px,1.1cqw);transition:background .3s,box-shadow .3s,transform .3s}.df-approve-action svg{width:1.4cqw;height:1.4cqw;display:none}
.df-security-caption{position:absolute;top:84%;left:5%;right:5%;text-align:center;color:#fbfcef;text-shadow:0 1px 8px #1f3d3677;display:grid;justify-items:center;font-size:max(12px,1.6cqw);line-height:1.4}.df-security-caption>p{grid-area:1/1;margin:0;transition:opacity .5s,transform .5s}.df-encrypted-caption{opacity:0;transform:translateY(8px)}
.df-private-history{display:flex;gap:.5cqw;align-items:center;justify-content:center;opacity:0;font-size:max(11px,1cqw);margin-top:1.2cqw;transition:opacity .6s;line-height:1.4}.df-private-history svg{width:1.2cqw;height:1.2cqw;min-width:12px;min-height:12px}
.df-film[data-phase=security-approve] .df-approve-action{background:#2f885a;border-color:#2f885a;box-shadow:0 0 0 .5cqw #4f926718;transform:scale(.98)}.df-film[data-phase=security-approve] .df-approve-action svg{display:block}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-approval-panel{opacity:0;transform:translateY(-20px) scale(.96);filter:blur(5px)}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-trusted-device{opacity:1;transform:none}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-secure-path,.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-local-boundary,.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-local-boundary>span{opacity:1}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-secure-path>i{transform:scaleX(1)}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-device-trusted{opacity:1;transform:scale(1)}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-approval-caption{opacity:0;transform:translateY(-8px)}
.df-film:is([data-phase=security-connect],[data-phase=security-protected]) .df-encrypted-caption{opacity:1;transform:none}
.df-film[data-phase=security-protected] .df-private-history{opacity:1}
@media(min-width:601px) and (max-height:740px) and (orientation:landscape){
 .df-history-heading,.df-security-heading{top:4%}.df-history-heading p{display:none}
 .df-history-panel{top:25%}.df-history-draft{top:36%}.df-history-result{top:93%}
 .df-approval-panel{top:27%}.df-local-boundary{top:28%;height:43%}.df-trusted-device{top:40%}.df-secure-path{top:44%}.df-security-caption{top:83%}
}
@media(max-width:820px) and (orientation:portrait){
 .df-history-heading,.df-security-heading{top:6%}.df-history-heading p{font-size:11px;max-width:31ch;margin:2cqw auto 0}
 .df-history-panel{top:25%;left:7%;width:83%;padding:3cqw;border-radius:2cqw}
 .df-history-brand{gap:1.5cqw;font-size:12px;margin-bottom:2cqw}.df-history-brand img{width:5cqw;height:5cqw}.df-history-brand>span{font-size:11px}
 .df-history-search{font-size:12px;padding:1.5cqw 2cqw;gap:1.5cqw;border-radius:1cqw}.df-search-word{left:7.3cqw}
 .df-history-rows{height:29cqw;margin-top:1cqw}.df-history-row{height:9.6cqw;padding:1cqw;gap:2cqw;font-size:12px}.df-history-row small{font-size:9px;margin-top:.4cqw}.df-entry-icon{width:4cqw;height:5cqw;font-size:12px}
 .df-history-row>svg,.df-history-copy{width:3.5cqw;height:4cqw}.df-history-feedback{left:4cqw;right:4cqw;bottom:3cqw;font-size:11px}.df-history-feedback svg{width:4cqw;height:4cqw}
 .df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-found-row{transform:translateY(-19.2cqw)}
 .df-history-scope{top:auto;bottom:3cqw;left:4cqw;right:auto;justify-content:flex-start;font-size:10px;color:#6c737d;text-shadow:none}.df-history-scope svg{display:none}
 .df-history-feedback>span{display:none}.df-history-feedback{justify-content:flex-end}
 .df-history-draft{top:65%;right:7%;width:77%;border-radius:2cqw}.df-history-draft .df-app-title{margin-left:3cqw}.df-history-draft-body{height:26cqw;padding:2cqw 3cqw;font-size:12px;line-height:1.5}.df-history-draft-body>span{font-size:10px}.df-history-draft-body p{margin:1.5cqw 0 2cqw;font-size:11px}.df-history-caret{left:3cqw;top:13cqw;height:4cqw}
 .df-history-paste-key{right:2cqw;bottom:2cqw;gap:1cqw}.df-history-paste-key kbd{font-size:10px;padding:1cqw 1.5cqw}.df-history-paste-key svg{width:4cqw;height:4cqw}.df-history-result{top:94%;font-size:12px;gap:1.5cqw}
 .df-approval-panel{top:30%;left:22%;width:56%;padding:5cqw 6cqw;border-radius:2.5cqw}.df-approval-panel>img{width:10cqw;height:10cqw;margin-bottom:3cqw}.df-approval-panel>span{font-size:13px}.df-approval-panel>strong{font-size:24px;margin:1.5cqw 0 3cqw}.df-approval-panel>small{font-size:11px;gap:1cqw}.df-approval-panel>small svg{width:3.5cqw;height:3.5cqw}.df-approve-action{margin-top:4cqw;padding:2.5cqw;font-size:13px;border-radius:1.5cqw;gap:1cqw}.df-approve-action svg{width:4cqw;height:4cqw}
 .df-trusted-device{top:46%;width:26%;gap:3cqw}.df-trusted-source{left:9%}.df-trusted-target{right:9%}.df-trusted-device>svg{width:16cqw;height:15cqw;stroke-width:1}.df-trusted-device>strong{font-size:12px}.df-device-trusted{width:6cqw;height:6cqw;right:0;top:0}.df-device-trusted>svg{width:4cqw;height:4cqw}
 .df-secure-path{top:49%;left:35%;right:35%;gap:2cqw}.df-secure-path>span{width:12cqw;height:12cqw}.df-secure-path svg{width:6cqw;height:6cqw}.df-local-boundary{left:3%;right:3%;top:36%;height:31%}.df-local-boundary>span{font-size:11px;top:calc(100% + 4cqw)}
 .df-security-caption{top:80%;font-size:16px;left:7%;right:7%}.df-private-history{font-size:11px;gap:1.5cqw;margin-top:3cqw}
}
@media(max-width:600px) and (max-height:740px) and (orientation:portrait){
 .df-history-heading,.df-security-heading{top:3%}.df-history-heading p{display:none}
 .df-history-panel{top:20%;}.df-history-draft{top:66%}.df-history-draft-body{height:24cqw}.df-history-draft-body>span{display:none}.df-history-caret{top:10cqw}.df-history-paste-key kbd{display:none}.df-history-result{top:96%;font-size:11px}
 .df-approval-panel{top:26%;padding-block:4cqw}.df-approval-panel>img{width:8cqw;height:8cqw;margin-bottom:2cqw}.df-approval-panel>strong{margin-bottom:2cqw}.df-approve-action{margin-top:3cqw}.df-security-caption{top:83%;font-size:15px}.df-private-history{margin-top:2cqw}
}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 .df-history-heading,.df-security-heading{top:3%}.df-history-heading p{display:none}
 .df-history-panel{top:22%;padding:1cqw}.df-history-brand{margin-bottom:.6cqw}.df-history-brand>span{font-size:10px}.df-history-search{padding:.4cqw .8cqw}.df-history-rows{height:14cqw}.df-history-row{font-size:11px}.df-history-row small{display:none}.df-history-scope{font-size:10px;top:calc(100% + .5cqw)}
 .df-history-draft{top:32%}.df-history-draft-body{height:15cqw;font-size:12px}.df-history-draft-body>span{display:none}.df-history-draft-body p{margin:.3cqw 0 1cqw;font-size:11px}.df-history-caret{top:5cqw}.df-history-result{top:95%;font-size:12px}
 .df-approval-panel{top:22%;padding:1cqw 2cqw}.df-approval-panel>img{width:2.8cqw;height:2.8cqw;margin-bottom:.3cqw}.df-approval-panel>strong{margin:.3cqw 0 .5cqw}.df-approve-action{margin-top:.6cqw;padding:.5cqw}.df-local-boundary{top:25%;height:43%}.df-trusted-device{top:35%}.df-secure-path{top:39%}.df-security-caption{top:82%;font-size:14px}.df-private-history{margin-top:.7cqw;font-size:11px}
}
/* Keep the native result row readable when the phone is narrow. */
@media(max-width:820px) and (orientation:portrait){
 .df-history-panel{--history-row:max(32px,9.6cqw)}.df-history-row{height:var(--history-row)}.df-history-rows{height:calc(var(--history-row)*3 + 2cqw)}.df-found-row small{display:none}.df-found-row strong{font-size:11px;line-height:1.3}
 .df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-found-row{transform:translateY(calc(var(--history-row)*-2))}
}
/* The connection remains legible over the sunlit water, without adding a backdrop. */
.df-trusted-device{color:#304e3a;filter:drop-shadow(0 1px 5px #f5f5df66)}
.df-local-boundary{border-color:#42644666;background:radial-gradient(ellipse,#f7fae81f,transparent 70%)}
.df-secure-path>i{background:#45644b80}.df-secure-path>span{color:#35593f;border-color:#486a4899;background:#f4f6de55}
.df-history-local-note{display:none}
@media(max-width:820px) and (orientation:portrait){
 .df-film .df-history-heading p{display:block;font-size:11px;margin:2cqw auto 0}.df-history-intro,.df-history-scope{display:none}.df-history-local-note{display:inline}
}
@media(max-width:820px) and (orientation:portrait){
 /* Two meaningful entries are enough on a phone: the latest copy and the earlier one. */
 .df-history-row:nth-child(2){display:none}.df-history-rows{height:calc(var(--history-row)*2 + .5cqw)}
 .df-film:is([data-phase=history-found],[data-phase=history-copy],[data-phase=history-restored]) .df-found-row{transform:translateY(calc(var(--history-row)*-1))}
}
@media(max-width:600px) and (max-height:740px) and (orientation:portrait){
 .df-history-panel{top:26%}.df-history-draft{top:70%}
}
@container(max-width:1000px){.df-found-row small{display:none}}