:root{--ink:#263d38;--muted:#657970;--blue:#346b60;--teal:#316e65;--line:#e2ebe5;--radius:24px;background:#f7f9f6}
body{background:radial-gradient(ellipse at 90% 0,#e8f0ed 0,transparent 42%),radial-gradient(ellipse at 2% 55%,#f0edf6 0,transparent 35%)}
main{max-width:1240px}.brand{letter-spacing:-.7px}.privacy{background:#e7f0ea;color:#486e5e;border:1px solid #dce8df}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;align-items:center;background:linear-gradient(115deg,#e8f1ea 0,#f1f2ea 52%,#eeeaf7 100%);border:1px solid #e0e8df;overflow:hidden;padding:27px 30px;border-radius:30px}
.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1.1px;line-height:1.28;margin:11px 0 12px}.hero .eyebrow{color:#527364}.hero p:last-child{color:var(--muted)}.hero-cat{display:block;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 12px 12px #335a4420)}
.hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.hero-pills span{font-size:10px;padding:4px 9px;border-radius:20px;background:#ffffff80;border:1px solid #ffffffa0;color:#537165}
.card{border:1px solid var(--line);box-shadow:0 7px 26px #38524504}.card h2{letter-spacing:-.35px;font-size:19px}.picker{background:#f8faf7;border-color:#e1e9e3}.picker button{border-radius:11px}textarea{background:#fafbf8;border-color:#dce5df;border-radius:16px}textarea:focus{outline-color:#a9c8b7}
button{background:#edaf8e;color:#263d38;transition:background-color .15s,box-shadow .15s,filter .15s}button:hover:not(:disabled){box-shadow:0 3px 10px #67503d0d}.secondary{background:#edf3ee;border:1px solid #dce6df}.danger{background:#fff3ed;color:#9b563a;border-color:#ead7cc}.text{background:transparent;color:#366f60}.check input{accent-color:#467b65}
.stat{border:1px solid #e6ece7;box-shadow:0 5px 20px #253c3003;background:#fff}.stat strong{font-size:27px;font-weight:700}.stat.ok{background:#edf5ed}.stat.bad{background:#fbefea}.stat.network{background:#fff3e6}.stat.primary{background:#e9f3f0}.stat.backup{background:#f1edf8}.stat h3{color:#65776f}.stat.ok strong{color:#396d4d}.stat.bad strong{color:#a0543f}.stat.primary strong{color:#2b6c62}.stat.backup strong{color:#76559d}.stat.network strong{color:#9c6a30}
.blue{background:#e7eeff}.yellow{background:#fff2c7}.teal{background:#e1f1ec}.purple{background:#eee9f7}.green{background:#e2f0e5}.fresh-badge{background:#fff1c3;color:#705423;border-color:#e8d49c}.availability-complete{background:#e3edff;color:#315ca0}.legend span{border:1px solid #ffffff80}.ad-placeholder{background:linear-gradient(125deg,#f0edf6,#eaf2ed);color:#677a70;border:1px dashed #c7d6ce}.ad-wide{border-color:#e4ebe4}.error{background:#fff2eb;color:#a05239}.row-error p{background:#fcf6e8;color:#6b604c}
.instructions{border:1px solid #e2eae2;background:#f8faf7;border-radius:17px;padding:0;margin:14px 0 20px}.instructions>summary{display:flex;align-items:center;gap:11px;padding:13px 15px;list-style:none;color:#3f6755;font-size:13px;font-weight:650}.instructions>summary::-webkit-details-marker{display:none}.guide-symbol{display:grid;place-items:center;background:#e5eee5;color:#49775e;width:30px;height:30px;border-radius:10px;font-size:19px;flex:none}.guide-subtitle{display:block;font-size:11px;font-weight:400;color:#7a887d;margin-top:1px}.guide-plus{margin-left:auto;font-size:21px;font-weight:400;color:#708c79}.instructions[open] .guide-plus{transform:rotate(45deg)}.guide-body{padding:0 18px 17px;font-size:12px;line-height:1.8;color:#56695e}.guide-body a{text-decoration:underline;text-underline-offset:3px}.guide-steps,.link-steps{list-style:none;counter-reset:guide;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:8px 0;margin:0}.guide-steps>li,.link-steps>li{counter-increment:guide;position:relative;padding:13px 14px 12px 43px;background:#fff;border:1px solid #e6ece5;border-radius:14px;min-width:0}.guide-steps>li:before,.link-steps>li:before{content:counter(guide);position:absolute;top:14px;left:13px;width:21px;height:21px;display:grid;place-items:center;background:#eaf0e8;border-radius:7px;font-size:11px;color:#4e7158;font-weight:700}.guide-steps strong,.link-steps strong{color:#344f40;font-size:12px}.guide-steps p,.link-steps p{margin:6px 0 2px}.guide-notes{padding:10px 14px;border-radius:13px;background:#eef2e9;margin-top:12px}.guide-notes p{margin:7px 0}.guide-source{font-size:11px;color:#7b8a7d;margin-top:13px}.link-steps{grid-template-columns:.8fr 1fr 1.1fr}.guide-callout{background:#fff5dc;border:1px solid #eee1be;padding:10px 13px;border-radius:12px}
.mini-share-screen,.mini-link-screen{position:relative;min-height:140px;margin-top:13px;padding:12px;background:#f6f6f7;border:1px solid #e8e8eb;border-radius:12px;color:#3e4753;font-size:11px}.mini-folder-row{display:flex;align-items:center;gap:10px;background:#eceef1;border-radius:8px;padding:9px}.mini-folder{width:27px;height:21px;background:linear-gradient(#ffeaae,#ffda72);border-radius:3px;position:relative;flex:none}.mini-folder:before{position:absolute;content:'';width:12px;height:4px;top:-3px;left:0;background:#ffe5a0;border-radius:3px 3px 0 0}.mini-dots{margin-left:auto}.mini-context{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5e6e8;border-radius:9px;padding:7px 11px;position:absolute;top:62px;right:18px;box-shadow:0 4px 10px #2030450b}.mini-context svg,.mini-copy svg,.mini-permission svg{width:17px;height:17px;flex:none}.mini-example{display:block;font-size:9px;color:#a0a5ad;position:absolute;bottom:7px;right:10px}.mini-link-screen{background:#fff;padding:10px 12px}.mini-link-title{display:flex;justify-content:space-between;font-size:11px;font-weight:650;margin-bottom:8px}.mini-link-title>span{color:#9ba1aa}.mini-permission{display:flex;gap:8px;align-items:center;padding:9px;background:#f1f2f4;border-radius:9px}.mini-permission small{display:block;font-size:9px;color:#8b919a;font-weight:400}.mini-copy{display:inline-flex;align-items:center;gap:6px;background:#ffdf72;color:#584817;font-size:10px;padding:6px 8px;border-radius:8px;margin-top:9px}
.resume-panel{display:flex;align-items:center;gap:16px;background:#e6f1e7;border:1px solid #cedeD0;padding:20px 23px;border-radius:22px;margin-bottom:22px}.resume-symbol{width:44px;height:44px;display:grid;place-items:center;background:#d7e8d9;border-radius:14px;font-size:28px;color:#456d50;flex:none}.resume-panel h2{font-size:17px;margin:0 0 4px}.resume-panel p{font-size:12px;margin:0;color:#5d7462}.resume-panel>div{flex:1}.resume-panel button{background:#3d6b53;color:white;font-size:12px;flex:none}
@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr) 155px}.hero-cat{width:155px;height:175px}.hero h1{font-size:28px}.link-steps{grid-template-columns:1fr}.mini-share-screen,.mini-link-screen{max-width:320px}.resume-panel{flex-wrap:wrap}}
@media(max-width:560px){.hero{padding:23px;grid-template-columns:1fr}.hero-copy{padding-right:40px}.hero h1{font-size:26px}.hero-cat{position:absolute;width:82px;height:82px;right:6px;top:13px;opacity:.85}.hero .eyebrow{font-size:9px}.hero-pills span{font-size:9px}.guide-steps{grid-template-columns:1fr}.guide-body{padding:0 11px 12px}.instructions>summary{padding:11px}.resume-panel>button{width:100%}.hero p{font-size:12px}.stat strong{font-size:23px}}

/* Decorative scenes live in information cards, never as a hero mascot. */
.hero{display:block;padding:26px 30px}.hero-copy{max-width:980px}.hero h1{max-width:900px}.hero:after{content:'';position:absolute;width:175px;height:175px;border-radius:50%;border:30px solid #ffffff45;right:-62px;top:-60px;pointer-events:none}.hero-cat{display:none}
.stat{position:relative;isolation:isolate;min-height:166px}.stat:after{content:'';position:absolute;right:-7px;bottom:-15px;width:108px;height:108px;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1;pointer-events:none;opacity:.85}.stat[data-stat=ok]:after,.stat[data-stat=unknown]:after,.stat[data-stat=preview]:after{background-image:url('art/cat-files.webp')}.stat[data-stat=primary]:after,.stat[data-stat=backup]:after,.stat[data-stat=received]:after{background-image:url('art/cat-save.webp')}.stat[data-stat=background]:after,.stat[data-stat=bad]:after{background-image:url('art/cat-recover.webp')}.stat h3,.stat strong,.stat>.hint{position:relative;z-index:1}.stat>.hint{max-width:calc(100% - 65px)}.stat-preview>.hint{max-width:calc(100% - 75px)}.stat-preview:after{top:50px;bottom:auto;opacity:.55}.stat-preview{min-height:330px}
@media(max-width:560px){.hero{padding:22px}.hero-copy{padding-right:0}.stat:after{width:75px;height:75px;opacity:.55}.stat>.hint{max-width:100%;padding-right:30px}.hero h1{font-size:26px}.hero-pills{gap:4px}.hero-pills span{font-size:9px}.stat-preview{min-height:330px}}

/* The reference uses airy blue surfaces. Keep decoration outside every text box. */
:root{--ink:#23324f;--muted:#69778e;--blue:#416dea;--teal:#277b87;--line:#e5eaf5;background:#f8faff}
body{background:radial-gradient(ellipse at 95% 3%,#e7f0ff 0,transparent 40%),radial-gradient(ellipse at 0 55%,#efedfc 0,transparent 38%)}
.hero{background:linear-gradient(115deg,#e6f0ff,#f0f4ff 60%,#edeafa);border-color:#e2eaf8}.hero .eyebrow{color:#5974ab}.hero p:last-child{color:#64799a}.hero-pills span{color:#637998}.privacy{background:#edf3ff;border-color:#e0e9fb;color:#587298}
button{background:#4774ed;color:#fff}.secondary{background:#f1f5fe;border-color:#e0e7f6;color:#3e577f}.text{background:transparent;color:#416dc4}.danger{background:#fff5ee;color:#9b563a;border-color:#ead7cc}
.picker,textarea{background:#f9fbff;border-color:#dfe7f5}.stat.ok{background:#edf6f2}.stat.bad{background:#fdf2ed}.stat.network{background:#fff5e9}.stat.primary{background:#edf3ff}.stat.primary strong{color:#416bd3}.stat.backup{background:#f3effb}.stat h3{color:#69778e}
.instructions{background:#f8faff;border-color:#e4eaf5}.instructions>summary{color:#49648c}.guide-symbol{background:#eaf0fd;color:#5b7cb7}.guide-plus{color:#7a8dab}.guide-notes{background:#eef3fc}.guide-steps>li:before,.link-steps>li:before{background:#edf2fd;color:#5872a3}.guide-steps strong,.link-steps strong{color:#3e5577}.guide-body{color:#64738a}
.stat{min-height:190px}.stat:after{display:none;right:10px;top:6px;bottom:auto;width:74px;height:74px;opacity:1;z-index:0}
.stat[data-stat=ok]:after,.stat[data-stat=primary]:after,.stat[data-stat=background]:after{display:block}
.stat[data-stat=primary]:after{background-image:url('art/cat-reference.webp')}
.stat h3{min-height:45px;margin-bottom:13px}.stat[data-stat=ok] h3,.stat[data-stat=primary] h3,.stat[data-stat=background] h3{padding-right:80px;min-height:60px;margin-bottom:4px}
.stat>.hint,.stat-preview>.hint{max-width:100%;padding-right:0}.stat strong,.stat>.hint{z-index:1}.stat-preview{min-height:330px}
@media(max-width:560px){.stat:after{width:62px;height:62px;right:5px;top:7px}.stat[data-stat=ok] h3,.stat[data-stat=primary] h3,.stat[data-stat=background] h3{padding-right:52px;min-height:60px}.stat strong{font-size:22px}.stat h3{font-size:12px}.stat{min-height:190px}.stat-preview{min-height:330px}}

/* v4.1: full illustration scenes, with independent text columns. */
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;min-height:345px;padding:30px 34px;align-items:center}
.hero:after{display:none}.hero-copy{min-width:0;max-width:none}.hero h1{font-size:clamp(27px,2.7vw,35px);line-height:1.26;max-width:650px}.hero h1 br{display:none}.hero-copy>p:not(.eyebrow){max-width:570px;font-size:14px;line-height:1.8}
.hero-scene,.source-scene,.status-scene{margin:0;pointer-events:none;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-scene img{display:block;width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 15px 18px #8ea6cf16)}
.source-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:25px;align-items:center}.source-fields{min-width:0}.source-fields textarea{min-height:150px}.source-scene{border-radius:25px;background:radial-gradient(ellipse,#edf3ff 0,transparent 72%);height:275px}.source-scene img{display:block;width:100%;height:275px;object-fit:contain}
.status{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:center}.status-copy{min-width:0}.status-scene img{display:block;width:100%;height:210px;object-fit:contain}
.stat:after,.stat[data-stat=ok]:after,.stat[data-stat=primary]:after,.stat[data-stat=background]:after{display:none}
.stat{min-height:165px}.stat h3,.stat[data-stat=ok] h3,.stat[data-stat=primary] h3,.stat[data-stat=background] h3{padding-right:0;min-height:40px;margin-bottom:12px}.stat-preview{min-height:330px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:27px;gap:12px}.hero-scene img{height:260px}.source-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.source-scene,.source-scene img{height:210px}.status{grid-template-columns:minmax(0,1fr) 220px;gap:14px}.status-scene img{height:180px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:5px;padding:25px;min-height:0}.hero-scene img{height:245px;width:min(100%,330px)}.hero h1{font-size:29px}.hero-copy>p:not(.eyebrow){font-size:13px}.source-layout{grid-template-columns:1fr;gap:0}.source-scene{height:190px}.source-scene img{height:190px;width:min(100%,340px)}.status{grid-template-columns:1fr;gap:8px}.status-scene img{height:185px;width:min(100%,330px)}.stat{min-height:165px}.stat-preview{min-height:330px}}

.ad-placeholder{height:auto;min-height:270px;padding:20px;gap:8px}.ad-placeholder .ad-cat{display:block;width:min(180px,100%);height:130px;object-fit:contain;flex:none;margin:0 0 3px}.ad-placeholder b{font-size:16px;line-height:1.45;max-width:280px}.ad-placeholder>span{margin-top:0;font-size:12px;line-height:1.65}
@media(max-width:560px){.ad-placeholder{padding:14px;gap:7px}.ad-placeholder .ad-cat{width:150px;height:115px}.ad-placeholder b{font-size:14px}}

.backup-advice{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding:23px 27px;margin:0 0 22px;background:#fff8e9;border:1px solid #f0e5c7;border-radius:24px;color:#63563f}.backup-advice h2{font-size:18px;line-height:1.45;margin:5px 0 9px;color:#534831}.backup-advice p{font-size:12px;line-height:1.85}.backup-advice a{text-decoration:underline;text-underline-offset:3px;color:#7e6432}.backup-advice .advice-kicker{font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0;color:#947c4d}.backup-advice .advice-date{font-size:10px;line-height:1.6;color:#9c8c6e}.preview-advice{border-left:1px solid #e9dbb8;padding-left:24px}.preview-advice>span{font-size:26px;color:#b58b43;line-height:1}.preview-advice h3{font-size:16px;line-height:1.5;margin:5px 0 8px}.preview-advice p{margin:0}
.service-facts{display:flex;flex-direction:column;min-height:330px;height:330px;background:linear-gradient(135deg,#edf2ff,#f3effb);padding:23px;overflow:hidden}.service-facts .fact-kicker{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#8292b7;margin:0 0 16px}.service-facts h3{font-size:19px;font-weight:750;line-height:1.4;color:#3f5783;margin:0 0 13px;min-height:54px;padding:0}.service-facts .fact-body{font-size:13px;line-height:1.8;color:#6b7893;margin:0;flex:1;overflow:auto;overflow-wrap:anywhere}.fact-controls{display:flex;align-items:center;gap:7px;margin-top:15px;flex:none}.fact-controls button{padding:3px 7px;font-size:17px;color:#617eb7;min-width:29px}.fact-controls span{font-size:11px;color:#8b99b3;margin-right:auto}
@media(max-width:700px){.backup-advice{grid-template-columns:1fr;padding:21px;gap:17px}.preview-advice{border-left:0;border-top:1px solid #e9dbb8;padding-left:0;padding-top:16px}.backup-advice h2{font-size:17px}.service-facts{padding:16px}.service-facts h3{font-size:16px;min-height:65px}.service-facts .fact-body{font-size:12px}.fact-controls{gap:2px}.fact-controls button{padding:3px;min-width:24px}.service-facts .fact-kicker{font-size:9px;letter-spacing:1px}}

/* Shared contrast and a single surface for all numeric statistics. */
:root{background:#dce4f1;--line:#d3ddec;--muted:#61718b}
body{background:linear-gradient(145deg,#dce6f4 0,#e0e5f0 48%,#e5e2ee 100%)}
.card{background:#fff;border-color:#d0daea;box-shadow:0 8px 28px #31466b09}.hero{background:linear-gradient(115deg,#d7e5fb,#e5e9fc);border-color:#c9d7ef}.privacy{background:#eef3fc;border-color:#cbd9ee;color:#50688d}
.picker,textarea{background:#f0f4fb;border-color:#ced9ed}.secondary{background:#edf2fc;border-color:#ccd8ef}.instructions{background:#eff3fb;border-color:#d2ddee}.guide-steps>li,.link-steps>li{border-color:#d9e2ef}.guide-notes{background:#eaf0fa}.legend span{border-color:#cfdaed}
.stat,.stat.ok,.stat.bad,.stat.network,.stat.primary,.stat.backup{background:#edf2fc;border-color:#cbd7ec;box-shadow:0 4px 16px #31466b05}.stat h3{color:#5f708c}
.service-facts{background:#edf2fc;border:1px solid #cbd7ec;border-radius:var(--radius);min-width:0;box-shadow:0 4px 16px #31466b05}.ad-placeholder{background:#edf2fc;border-color:#c2cee3}.backup-advice{border-color:#dfcc9c;background:#fff5dc}
@media(max-width:560px){.service-facts,.ad-placeholder{grid-column:1/-1}.service-facts{height:290px;min-height:290px}.service-facts h3{min-height:45px;font-size:19px}.service-facts .fact-body{font-size:13px}.fact-controls{gap:8px}}

.ad-placeholder .ad-contact{color:#4165ac;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.ad-placeholder .ad-contact:hover{color:#284c92}

/* Distinct destination states, shared by the legend and file rows. */
.teal{background:#bfeaf4}.green{background:#d3ebba}

/* Softer surface contrast: near-white backdrop, luminous tiles, diffuse lift. */
:root{background:#f0f3fa;--line:#e0e6f1}
body{background:radial-gradient(ellipse at 95% 0,#eaf1fc 0,transparent 43%),linear-gradient(145deg,#f0f4fa 0,#f1f3f9 55%,#f0eef8 100%)}
.card{border-color:#e0e6f1;box-shadow:0 5px 24px #40557a07}.hero{background:linear-gradient(115deg,#e0ecff 0,#e8edfd 60%,#eee9fc 100%);border-color:#d9e3f5;box-shadow:0 6px 28px #50658b08}
.stat,.stat.ok,.stat.bad,.stat.network,.stat.primary,.stat.backup{background:linear-gradient(135deg,#fff 0,#f8faff 60%,#f0f3fc 100%);border-color:#e0e6f2;box-shadow:0 5px 24px #40557a07}
.picker,textarea{background:#f7f9fe;border-color:#dce4f2}.instructions{background:#f6f8fd;border-color:#dfe6f2}.secondary{background:#f3f6fd;border-color:#dce4f3}.guide-notes{background:#f0f4fc}
.service-facts,.ad-placeholder{background:linear-gradient(135deg,#fbfcff,#f1f4fc);border-color:#dce4f2;box-shadow:0 5px 24px #40557a07}.backup-advice{border-color:#efdfbb;background:#fff8e8;box-shadow:0 5px 24px #7b684b06}.resume-panel{box-shadow:0 5px 24px #40557a07}.ad-wide{border-color:#e0e6f1;box-shadow:0 5px 24px #40557a07}

.fact-copy{display:flex;flex-direction:column;flex:1;min-height:0}.service-facts .fact-copy h3{flex:none}.fact-word{display:inline-block;animation:fact-word-wave 600ms cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--word-delay,0ms)}
@keyframes fact-word-wave{from{opacity:0;transform:translateY(5px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.fact-word{animation:none;filter:none;transform:none;opacity:1}}

.privacy{max-width:470px;text-align:center;line-height:1.6}@media(max-width:760px){.privacy{max-width:235px;font-size:11px}}@media(max-width:420px){.privacy{max-width:205px;font-size:10px}}

#working-name{min-width:150px}.folder .picker:has(#default-buffer){flex-wrap:wrap}.folder .picker:has(#default-buffer)>span{flex:1 1 300px}

.fact-word{animation:none;opacity:0}.fact-copy.fact-ready .fact-word{animation:fact-line-in 380ms cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--line-delay,0ms)}
@keyframes fact-line-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.fact-word,.fact-copy.fact-ready .fact-word{animation:none;opacity:1;transform:none}}

.stat-preview{height:auto;align-self:start}.stat-preview details>p{height:auto;max-height:none;overflow:visible}

/* Expanded explanations grow only their own card. */
.grid{align-items:start}.grid>.stat,.grid>.service-facts,.grid>.ad-placeholder{align-self:start}

:root{background:#f6f8fc}body{background:radial-gradient(ellipse at 95% 0,#f0f5fd 0,transparent 43%),linear-gradient(145deg,#f6f8fc,#f7f8fc 55%,#f6f4fc)}
.status-actions{margin-top:17px}.status-actions button{padding:10px 17px;font-size:12px}.legacy-folder{font-size:12px;margin-top:9px;padding-left:0}#saved-state-note{margin-top:5px;color:#6c7c96}
.ad-placeholder{height:330px;min-height:330px}@media(max-width:560px){.ad-placeholder{height:290px;min-height:290px}}

.analytics-notice{position:fixed;z-index:50;bottom:20px;left:20px;right:20px;max-width:750px;margin:auto;padding:20px;border:1px solid #d6dff0;border-radius:24px;background:#fff;box-shadow:0 8px 36px #233b6320}.analytics-notice p{margin:0 0 12px}.analytics-notice button{margin:4px 8px 0 0}.analytics-settings{font-size:13px;margin-top:12px}

.project-author{padding:25px 12px 12px;text-align:center;color:#7b89a2;font-size:12px}.project-author p{margin:5px 0}.project-author a{color:#466cc0;text-decoration:underline;text-underline-offset:3px}

/* Help cards share the warm tint of the backup recommendation. */
.instructions,.library .instructions{background:#fff8e8;border-color:#efdfbb;box-shadow:0 5px 24px #7b684b06}
.instructions>summary,.library .instructions>summary{color:#635239}.instructions .guide-symbol{background:#fbe8bf;color:#97713a}.instructions .guide-plus{color:#a08556}.instructions .guide-subtitle{color:#8b7859}

/* Compact source entry and quiet section boundaries inside one continuous card. */
.controls>h2{margin-bottom:12px}.source-layout,.native-source-grid{align-items:start;gap:22px}.source-fields,.native-source-grid>div{padding-top:0;min-width:0}.source-fields textarea{min-height:130px;height:140px}.source-layout .source-scene,.native-source-grid .source-scene{height:210px;margin-top:-16px;margin-bottom:-10px}.source-layout .source-scene img,.native-source-grid .source-scene img{height:210px;width:100%;object-fit:contain}.controls>.links-guide,.library #sources-card>.links-guide{margin-top:12px;margin-bottom:20px}.setup-divider,.library .setup-divider{border-top:1px solid #e8ecf4;padding-top:22px;margin-top:22px}.controls>.folder.setup-divider{margin-top:18px}.controls>.check.setup-divider{margin-top:20px;padding-top:20px}.controls>.options.setup-divider{padding-top:18px}.library .destination-options.setup-divider{border-radius:0;background:transparent;padding-left:0;padding-right:0}.library .source-output.setup-divider{padding-top:20px}.library .check-label.setup-divider{padding-top:20px}.setup-divider[hidden]{display:none}
@media(max-width:700px){.source-layout .source-scene,.native-source-grid .source-scene{height:160px;margin:0 auto 0}.source-layout .source-scene img,.native-source-grid .source-scene img{height:160px}.setup-divider,.library .setup-divider{padding-top:18px;margin-top:18px}}

/* Separate setup groups with whitespace only. */
.setup-divider,.library .setup-divider{border-top:0;padding-top:12px;margin-top:30px}
.controls>.folder.setup-divider{margin-top:28px}.controls>.check.setup-divider{margin-top:28px;padding-top:10px}.controls>.options.setup-divider{margin-top:28px;padding-top:12px}
.library .source-output.setup-divider,.library .check-label.setup-divider{padding-top:12px;margin-top:30px}
@media(max-width:700px){.setup-divider,.library .setup-divider{margin-top:26px;padding-top:10px}}

.setup-intro{max-width:850px;margin:0 0 16px}.controls>.resume-guide,.library #sources-card>.resume-guide{margin:16px 0 24px}.controls>.resume-guide+.source-layout,.library .resume-guide+.native-source-grid{margin-top:0}

.brand{font-size:clamp(16px,2vw,23px);white-space:nowrap}.brand span{font-size:inherit;font-weight:500;margin-left:3px}

.buffer-explainer{display:flex;align-items:flex-start;gap:14px;margin:16px 0 4px;padding:18px 20px;background:#fff8e8;border:1px solid #efdfbb;border-radius:20px;color:#69583e}.buffer-explainer>div{min-width:0}.buffer-explainer strong{font-weight:700}.buffer-explainer>div>strong{display:block;font-size:14px;margin-bottom:5px}.buffer-explainer p,.library .buffer-explainer p{font-size:13px;line-height:1.7;margin:5px 0;color:#77664c}.buffer-info-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:10px;background:#fbe8bf;color:#97713a;font-weight:800;font-size:17px}@media(max-width:560px){.buffer-explainer{padding:15px;gap:11px}.buffer-explainer p,.library .buffer-explainer p{font-size:12px}}

#community-summary{margin:0 0 18px;scroll-margin-top:20px}.community-banner{display:grid;grid-template-columns:auto minmax(0,1fr) 150px;align-items:center;gap:26px;padding:19px 30px;min-height:135px;border:1px solid #dce4f2;border-radius:28px;background:linear-gradient(110deg,#eef5ff,#f6f7ff 65%,#f0edfc);box-shadow:0 5px 24px #40557a07;position:relative}.community-value{display:flex;align-items:center;gap:13px;min-width:90px}.community-value strong{font-size:38px;font-weight:750;line-height:1.2;color:#385fb4}.community-dot{width:9px;height:9px;background:#6ba88e;border:4px solid #dfefe8;box-sizing:content-box;border-radius:50%;flex:none}.community-copy h3{margin:0 0 6px;font-size:19px;color:#415e8c;font-weight:700}.community-copy p{margin:0;font-size:12px;line-height:1.65;color:#7383a0;max-width:650px}.community-art{display:block;width:150px;height:110px;object-fit:contain}.community-banner .analytics-settings{position:absolute;right:22px;bottom:8px;font-size:11px;margin:0;padding:0;background:transparent;border:0;color:#5d77a7}.community-banner:has(.analytics-settings){padding-bottom:29px}@media(max-width:700px){.community-banner{grid-template-columns:auto minmax(0,1fr) 85px;gap:12px;padding:20px;border-radius:24px;min-height:120px}.community-value{min-width:0;gap:6px}.community-value strong{font-size:29px}.community-dot{width:6px;height:6px;border-width:3px}.community-art{width:85px;height:85px}.community-copy h3{font-size:15px}.community-copy p{font-size:11px}}@media(max-width:440px){.community-banner{grid-template-columns:auto minmax(0,1fr);padding-right:76px;gap:12px}.community-art{position:absolute;right:9px;top:20px;width:62px;height:70px}.community-value strong{font-size:25px}.community-dot{display:none}}

/* Both advice columns share the same type scale and vertical rhythm. */
.backup-advice{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.backup-advice .advice-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:1.5;min-height:15px;margin:0 0 10px;color:#947c4d}.backup-advice h2,.backup-advice h3{font-size:18px;font-weight:700;line-height:1.45;margin:0 0 12px;color:#534831}.backup-advice>div>p:not(.advice-kicker):not(.advice-date){font-size:12px;line-height:1.85;margin:0}.backup-advice .advice-date{margin:12px 0 0;font-size:10px;line-height:1.6}.backup-advice .preview-advice{padding-top:0}@media(max-width:700px){.backup-advice{grid-template-columns:1fr}.backup-advice .preview-advice{padding-top:18px}.backup-advice h2,.backup-advice h3{font-size:17px}}

/* Balance the text columns, leaving the source note secondary. */
.backup-advice{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:26px}.backup-advice>div>p:not(.advice-kicker):not(.advice-date){text-wrap:pretty}.backup-advice h2,.backup-advice h3{text-wrap:balance}@media(max-width:700px){.backup-advice{grid-template-columns:1fr}}

.language-switch{display:flex;gap:6px;align-items:center;flex:none}.language-switch button{display:grid;place-items:center;padding:6px;border-radius:8px;background:transparent;border:1px solid transparent;min-width:36px;min-height:30px}.language-switch button[aria-pressed="true"]{background:#e7efff;border-color:#96afe2}.language-switch button:hover{background:#eaf0fb}.language-switch img{display:block;border-radius:2px;box-shadow:0 0 0 1px #22324f16}.hero .hero-direct{font-size:12px;line-height:1.7;margin:7px 0 15px;color:#5f769b}.hero-copy>p:not(.eyebrow){max-width:780px}nav{flex-wrap:wrap}@media(max-width:560px){.language-switch{gap:3px}.language-switch button{padding:5px;min-width:32px}.hero .hero-direct{font-size:12px}}

/* Align the small uppercase caption optically with the heading. */
.hero-copy>.eyebrow{padding-inline-start:2px;margin-inline:0;text-indent:0}

/* Compact copyright row with a shared text baseline. */
.project-author>p:first-child{display:flex;justify-content:center;align-items:baseline;gap:5px}.project-author>p:first-child>a{margin:0;font:inherit;line-height:inherit}

.project-author .release-version{font-size:11px;line-height:1.5;margin-top:8px;color:#7b89a2}

/* One inline copyright row; no separate flex baselines or inherited link spacing. */
.project-author .copyright-line{display:block;line-height:1.7;white-space:nowrap}.project-author .copyright-line>span,.project-author .copyright-line>a{display:inline;margin:0;padding:0;font:inherit;letter-spacing:inherit;vertical-align:baseline}.project-author .copyright-line>a{text-decoration:none}

/* Compact activity ribbon: the cat peeks over the clipped lower edge. */
.community-banner{grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:82px;padding:18px 240px 18px 25px;border-radius:24px;overflow:hidden}
.community-value{min-width:0;gap:0}.community-value strong{font-size:30px;line-height:1.2}
.community-copy h3{margin:0;font-size:17px;line-height:1.45}.community-copy p[hidden]{display:none}
.community-art{position:absolute;inset:auto 24px -55px auto;display:block;width:204px;height:136px;object-fit:contain;pointer-events:none;user-select:none}
.community-banner.local-ribbon{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.community-banner{min-height:74px;padding:15px 170px 15px 20px;gap:10px}.community-value strong{font-size:26px}.community-copy h3{font-size:15px}.community-art{inset:auto 12px -44px auto;width:168px;height:112px}}
@media(max-width:440px){.community-banner{min-height:76px;padding:15px 118px 15px 17px;gap:8px;border-radius:21px}.community-value strong{font-size:23px}.community-copy h3{font-size:13px;line-height:1.5}.community-art{inset:auto -3px -40px auto;width:150px;height:100px}}