:root{color-scheme:light;--paper: #f7f5ef;--sheet: #ffffff;--moss: #0e3b2e;--moss-2: #1b5a46;--leaf: #17a06c;--leaf-soft: #e3f4eb;--sun: #f2b636;--clay: #c4492c;--clay-soft: #fbe9e4;--text: #1c2622;--muted: #5c6b64;--rule: #dfe5df;--sans: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--round: 18px;--card: #ffffff;--fg: #1c2622;--border: #cfd9d2;--radius: 14px;--ring: #e3f4eb}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.65 var(--sans)}a{color:var(--moss-2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--leaf)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}[hidden]{display:none!important}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:820px;margin:0 auto;padding:0 16px}.wide{max-width:1060px;margin:0 auto;padding:0 16px}.bar{background:var(--moss);color:#f1f7f3}.bar .wrap,.bar .wide{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.01em}.brand:hover{color:#fff}.brand svg{width:30px;height:30px;flex:none}.brand b{font-weight:800}.brand span{color:#8ee0b8}.bar nav{display:flex;gap:2px;flex-wrap:wrap}.bar nav a{color:#cfe6da;text-decoration:none;font-size:14px;font-weight:600;padding:7px 11px;border-radius:999px}.bar nav a:hover,.bar nav a[aria-current=page]{background:#ffffff1f;color:#fff}.hero{background:var(--moss);color:#e8f3ed;padding:34px 0 40px}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);grid-template-areas:"copy panel";gap:34px;align-items:center}.hero__copy{grid-area:copy}.hero__copy h1{margin:0 0 12px;font-size:clamp(27px,4.2vw,42px);line-height:1.12;letter-spacing:-.02em;color:#fff}.hero__copy h1 b{color:#8ee0b8}.hero__copy .lede{margin:0 0 18px;color:#cfe6da;font-size:17px}.ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ticks li{position:relative;padding-left:30px;font-weight:600;color:#f1f7f3}.ticks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--leaf)}.ticks li:after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.panel{grid-area:panel;background:var(--sheet);color:var(--text);border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -26px #0000008c}.flip{display:grid;grid-template-columns:1fr 1fr;background:#e9efe9}.flip__tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:13px 8px 11px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:800;font-size:18px;letter-spacing:.02em;cursor:pointer}.flip__tab small{font-size:12px;font-weight:600;letter-spacing:0}.flip__tab:hover{color:var(--moss)}.flip__tab[aria-checked=true]{background:var(--sheet);color:var(--moss);border-bottom-color:var(--leaf)}.panel__body{padding:20px 20px 22px}.panel .key--go{width:100%;min-height:54px;margin-top:14px;background:var(--leaf);color:#fff;font-size:17px}.panel .key--go:hover:not(:disabled){background:#12885b}.stage{padding-top:6px}.mate-row{position:relative;display:flex;align-items:center;background:var(--paper);border:2px solid var(--rule);border-radius:999px;padding:4px 6px 4px 14px;transition:border-color .15s}.mate-row:focus-within{border-color:var(--leaf);background:#fff}.mate-row svg{width:20px;height:20px;color:var(--muted);flex:none}.mate-row input{flex:1;min-width:0;border:0;background:transparent;padding:12px 10px;font-size:17px;outline:none}.mate-row input::placeholder{color:#8b9891}.mate-wipe{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.mate-wipe:hover{background:var(--leaf-soft);color:var(--moss)}.mate-say{margin:10px 4px 0;font-size:15px;color:var(--muted)}.mate-say[data-tone=bad]{color:var(--clay);font-weight:600}.mate-say bdi{font-weight:700;color:var(--text)}.key{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:999px;border:2px solid var(--leaf);background:#fff;color:var(--moss);font-weight:700;cursor:pointer;transition:background .15s,color .15s}.key:hover:not(:disabled){background:var(--leaf-soft)}.key:disabled{opacity:.45;cursor:not-allowed}.key--mp3,.key.is-current{background:var(--leaf);color:#fff}.key--mp3:hover:not(:disabled),.key.is-current:hover:not(:disabled){background:#12885b}.tile .key--mp3:not(.is-current)[aria-busy=true]{background:#fff;color:var(--moss)}.key--seek{background:var(--moss);border-color:var(--moss);color:#fff}.key--seek:hover:not(:disabled){background:var(--moss-2)}.key--peek{border-color:var(--rule)}.key--quit{border-color:var(--rule);color:var(--muted)}.key--save{width:100%;min-height:52px;margin-top:10px;background:var(--moss);border-color:var(--moss);color:#fff;font-size:17px}.key--save:hover:not(:disabled){background:var(--moss-2)}.key--retry{margin-top:10px;border-color:var(--clay);color:var(--clay)}.key--retry:hover:not(:disabled){background:var(--clay-soft)}.key--more{display:flex;margin:14px auto 0}.mate-bay:not(:empty){margin-top:16px}.tile{display:grid;grid-template-columns:168px 1fr;grid-template-areas:"pic text" "acts acts" "limit limit" "gauge gauge" "note note" "screen screen";gap:4px 16px;padding:14px;background:#fff;border:1px solid var(--rule);border-radius:var(--round)}.tile+.tile{margin-top:12px}.tile--link{border:2px solid var(--leaf)}.tile[data-state=failed]{border-color:#e7b4a7}.tile__pic{grid-area:pic;position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--leaf-soft)}.tile__pic img{display:block;width:100%;height:100%;object-fit:cover}.tile__len{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:6px;background:#0e3b2ee0;color:#fff;font-size:12px;font-weight:700}.tile__text{grid-area:text;min-width:0}.tile__name{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.tile__by{margin:3px 0 0;font-size:14px;color:var(--muted)}.is-waiting{background:linear-gradient(90deg,var(--leaf-soft),#f4faf6,var(--leaf-soft));background-size:200% 100%;border-radius:6px;animation:shimmer 1.2s linear infinite;color:transparent}.tile__acts{grid-area:acts;display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tile__limit{grid-area:limit;margin:6px 0 0;font-size:13px;color:var(--muted)}.tile__note{grid-area:note;margin-top:8px;font-size:15px}.tile__note[data-tone=bad] .note__line{color:var(--clay);font-weight:600}.note__line,.note__head,.note__hint{display:block}.note__line{color:var(--muted)}.note__head{color:var(--moss)}.tile__note[data-tone=bad] .note__head{color:var(--text);margin-top:4px}.note__hint{color:var(--muted);font-size:14px}.tile__screen{grid-area:screen;margin-top:10px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.tile__screen iframe{width:100%;height:100%;border:0;display:block}.tile--ghost{height:128px;background:linear-gradient(90deg,#fff,var(--leaf-soft),#fff);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.gauge{grid-area:gauge;position:relative;height:8px;margin-top:10px;border-radius:999px;background:var(--leaf-soft);overflow:hidden}.gauge i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--leaf);transition:width .4s ease}.gauge[data-mode=wait] i{width:40%;animation:slide 1.1s ease-in-out infinite}.gauge[data-mode=done] i{width:100%;background:#12885b}@keyframes slide{0%{left:-40%}to{left:100%}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.gauge[data-mode=wait] i,.is-waiting,.tile--ghost{animation:none}.gauge i{transition:none}}.mate-shelf{margin-top:18px}.shelf__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 2px 10px}.shelf__title{margin:0;font-size:19px;color:var(--moss)}.shelf__count{font-size:14px;color:var(--muted)}.shelf__msg{padding:16px;border-radius:var(--round);background:#fff;border:1px dashed var(--border)}.shelf__msg strong{display:block;color:var(--moss)}.shelf__msg p{margin:4px 0 0;color:var(--muted)}.body{padding:10px 0 30px}.body section{margin:26px 0}.body h2{font-size:22px;line-height:1.3;margin:0 0 10px;color:var(--moss);letter-spacing:-.01em}.body h3{font-size:17px;margin:18px 0 6px;color:var(--moss-2)}.body p,.body li{color:#2b3631}.trail{list-style:none;margin:0;padding:0 0 0 28px;position:relative}.trail:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:3px;border-radius:2px;background:linear-gradient(var(--leaf),var(--sun))}.trail li{position:relative;padding:0 0 18px 14px}.trail li:last-child{padding-bottom:0}.trail li:before{content:"";position:absolute;left:-26px;top:5px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--leaf)}.trail li:last-child:before{border-color:var(--sun)}.trail b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--leaf)}.facts{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--rule);border-radius:14px;overflow:hidden;font-size:15px}.facts th,.facts td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--rule)}.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}.facts th{width:32%;color:var(--moss);background:#fbfcfa;font-weight:700}.callout{padding:14px 16px;background:var(--leaf-soft);border-radius:14px;border-left:4px solid var(--leaf)}.qa details{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:2px 16px}.qa details+details{margin-top:8px}.qa summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--moss)}.qa details p{margin:0 0 14px}.crumbs{font-size:14px;color:var(--muted);margin:0}.revised{font-size:13px;color:var(--muted)}.doc{padding:26px 0 36px}.doc h1{color:var(--moss);font-size:clamp(26px,5vw,34px);line-height:1.2;margin:0 0 14px}.doc h2{color:var(--moss);font-size:20px;margin:24px 0 8px}.foot{background:#e9ede7;border-top:1px solid var(--rule);padding:22px 0 28px;font-size:14px;color:var(--muted)}.foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}.foot nav a{color:var(--moss-2)}.foot p{margin:6px 0}@media(max-width:860px){.hero{padding:18px 0 26px}.hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"panel" "copy";gap:22px}.hero__copy .lede{font-size:16px}}@media(max-width:560px){.panel__body{padding:16px 14px 18px}.tile{grid-template-columns:112px 1fr;gap:4px 12px;padding:12px}.tile__acts .key{flex:1 1 auto;padding:0 12px}.facts th{width:38%}.bar nav a{padding:6px 8px;font-size:13px}}