:root{--grad-brand:linear-gradient(180deg,var(--brand-1) 0%,var(--brand-2) 100%);--ok:#30d158;--warn:#ff9f0a;--bad:#ff453a;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-base:15.5px;--fs-lg:clamp(17px,1.4vw,19px);--fs-h3:clamp(19px,2vw,23px);--fs-h2:clamp(24px,2.8vw,33px);--fs-h1:clamp(32px,5vw,56px);--sp-1:6px;--sp-2:10px;--sp-3:14px;--sp-4:20px;--sp-5:clamp(22px,2.6vw,32px);--sp-6:clamp(34px,4.4vw,56px);--radius:18px;--radius-sm:12px;--radius-lg:24px;--radius-pill:999px;--max:1180px;--dock-h:96px;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.32,.5,1);--t-fast:.16s var(--ease);--t:.26s var(--ease)}:root,:root[data-theme="dark"]{color-scheme:dark;--brand-1:#0a84ff;--brand-2:#0060df;--brand-3:#409cff;--bg:#000000;--bg-2:#0a0a0c;--panel:rgba(28,28,30,.72);--panel-solid:#1c1c1e;--panel-2:rgba(44,44,46,.55);--raised:rgba(118,118,128,.24);--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.22);--text:#f5f5f7;--muted:rgba(235,235,245,.60);--dim:rgba(235,235,245,.32);--accent:#0a84ff;--accent-ink:#ffffff;--accent-soft:rgba(10,132,255,.16);--accent-glow:rgba(0,0,0,.55);--shadow-sm:0 1px 2px rgba(0,0,0,.34);--shadow:0 1px 2px rgba(0,0,0,.30),0 8px 24px rgba(0,0,0,.44);--shadow-lg:0 2px 6px rgba(0,0,0,.34),0 24px 60px rgba(0,0,0,.55);--aurora:radial-gradient(1200px 700px at 50% -10%,rgba(255,255,255,.045),transparent 70%);--hairline:rgba(255,255,255,.10)}:root[data-theme="light"]{color-scheme:light;--brand-1:#0071e3;--brand-2:#0058b0;--brand-3:#2997ff;--bg:#f5f5f7;--bg-2:#ffffff;--panel:rgba(255,255,255,.72);--panel-solid:#ffffff;--panel-2:rgba(255,255,255,.55);--raised:rgba(118,118,128,.12);--border:rgba(0,0,0,.10);--border-strong:rgba(0,0,0,.18);--text:#1d1d1f;--muted:rgba(60,60,67,.60);--dim:rgba(60,60,67,.32);--accent:#0071e3;--accent-ink:#ffffff;--accent-soft:rgba(0,113,227,.10);--accent-glow:rgba(0,60,140,.18);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.07);--shadow-lg:0 2px 6px rgba(0,0,0,.05),0 24px 60px rgba(0,0,0,.10);--aurora:radial-gradient(1200px 700px at 50% -10%,rgba(0,0,0,.022),transparent 70%);--hairline:rgba(0,0,0,.07)}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--text);background:var(--bg);font:var(--fs-base)/1.65 var(--font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));overflow-wrap:break-word;display:block!important;visibility:visible!important;opacity:1!important}body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--aurora);pointer-events:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}img,video,canvas,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p,ol,ul,figure{margin:0}ol,ul{padding-left:1.15em}h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.03em;font-weight:760}h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.022em;font-weight:700}h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.014em;font-weight:650}strong{font-weight:650;color:var(--text)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--text)}:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}::selection{background:var(--accent-soft);color:var(--text)}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding:var(--sp-4) clamp(14px,3.2vw,26px)}main.wrap{padding-block:var(--sp-5)}.wrap>.card + .card{margin-top:var(--sp-5)}section.wrap{padding-block:var(--sp-2)}body>header{position:sticky;top:0;z-index:50;background:var(--panel);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--hairline)}body>header>.wrap{padding-block:var(--sp-2)}.headbar{display:flex;align-items:center;gap:var(--sp-2);justify-content:space-between}.headbar>*{min-width:0}.brand{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 auto;min-width:0}.brand h1,.brand-name{font-size:clamp(15px,2.4vw,21px);line-height:1.2;letter-spacing:-.022em;font-weight:600;margin:0}.sub{color:var(--muted);font-size:11.5px;letter-spacing:0;font-weight:400;margin-top:2px}.logo{flex:0 0 auto;position:relative;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);border-radius:23%;display:grid;place-items:center;background:var(--accent);box-shadow:var(--shadow-sm)}.logo svg{width:66%;height:66%}.logo.glow::after{content:none}.fx-gradient{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-toggle{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;width:56px;height:32px;padding:0;border:.5px solid var(--border);border-radius:var(--radius-pill);background:var(--raised);cursor:pointer;transition:background var(--t),border-color var(--t-fast)}.theme-toggle:hover{border-color:var(--border-strong)}:root[data-theme="light"] .theme-toggle{background:var(--accent);border-color:transparent}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 24%,transparent)}.theme-toggle__thumb{position:absolute;top:2.5px;left:2.5px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.12);transition:transform .3s var(--spring);display:grid;place-items:center}:root[data-theme="light"] .theme-toggle__thumb{transform:translateX(24px)}.theme-toggle svg{width:13px;height:13px;color:var(--accent);position:absolute}.theme-toggle .i-sun{opacity:0;transform:rotate(-90deg) scale(.6)}.theme-toggle .i-moon{opacity:1}:root[data-theme="light"] .theme-toggle .i-sun{opacity:1;transform:none}:root[data-theme="light"] .theme-toggle .i-moon{opacity:0;transform:rotate(90deg) scale(.6)}.theme-toggle svg{transition:opacity var(--t),transform var(--t)}.lang-dd{position:relative;flex:0 0 auto;margin-left:auto}.lang-dd__btn{display:flex;align-items:center;gap:6px;padding:8px 12px;line-height:1;font:inherit;font-size:var(--fs-xs);font-weight:650;letter-spacing:.05em;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.lang-dd__btn:hover{border-color:var(--border-strong);background:var(--raised)}.lang-dd__btn svg{transition:transform var(--t)}.lang-dd.open .lang-dd__btn svg{transform:rotate(180deg)}.lang-dd__list{position:absolute;top:calc(100% + 10px);right:0;min-width:186px;padding:6px;margin:0;list-style:none;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:80;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity var(--t),transform var(--t),visibility var(--t)}.lang-dd.open .lang-dd__list{opacity:1;visibility:visible;transform:none}.lang-dd__list a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;text-decoration:none;color:var(--text);font-size:var(--fs-sm);transition:background var(--t-fast)}.lang-dd__list a:hover{background:var(--raised)}.lang-dd__list a[aria-current="true"]{background:var(--accent-soft);color:var(--accent);font-weight:650}.lang-dd__list a[aria-current="true"]::after{content:"✓";margin-left:auto;font-size:11px}.hamburger{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:40px;padding:9px;border:1px solid var(--border);background:var(--panel-2);border-radius:12px;cursor:pointer;touch-action:manipulation;transition:border-color var(--t-fast),background var(--t-fast)}.hamburger:hover{border-color:var(--border-strong);background:var(--raised)}.hamburger .bar{height:2px;width:100%;background:var(--text);border-radius:2px;display:block;transition:transform var(--t),opacity var(--t-fast)}.hamburger[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded="true"] .bar:nth-child(2){opacity:0}.hamburger[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.card{position:relative;background:var(--panel);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card::before{content:none}.pad{padding:clamp(18px,2.2vw,26px)}.card.pad{display:flex;flex-direction:column;gap:var(--sp-4)}.card.soft{background:var(--panel-2);box-shadow:none}.section-title{margin:0}.card.pad>:last-child{margin-bottom:0}.glass{background:var(--panel);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.glow-soft{box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.tiny{color:var(--muted);font-size:var(--fs-xs)}.lead{font-size:var(--fs-lg);color:var(--muted);line-height:1.6}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:var(--fs-sm);font-weight:590;letter-spacing:-.01em;padding:12px 22px;min-height:46px;border:.5px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-2);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--t-fast),box-shadow var(--t),border-color var(--t-fast),background var(--t-fast),filter var(--t-fast)}.btn:hover{border-color:var(--border-strong);background:var(--raised)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:600;box-shadow:none}.btn-primary:hover{background:var(--brand-2);filter:none}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--raised)}.pulse-cta::after{content:none}.select,.numfield{font:inherit;font-size:var(--fs-sm);padding:11px 13px;min-height:44px;border:.5px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);width:100%}.select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:hover,.numfield:hover{border-color:var(--border-strong)}.select:focus-visible,.numfield:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 24%,transparent)}.numfield{cursor:text}.select:disabled,.numfield:disabled{opacity:.45;cursor:not-allowed}.range{-webkit-appearance:none;appearance:none;width:100%;height:4px;padding:0;margin:14px 0 6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent) var(--pct,50%),var(--raised) var(--pct,50%));cursor:pointer}.range:disabled{opacity:.4;cursor:not-allowed}.range:focus-visible{outline:none;box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 24%,transparent)}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.20),0 3px 8px rgba(0,0,0,.12);cursor:grab;transition:transform var(--t-fast)}.range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.20),0 3px 8px rgba(0,0,0,.12);cursor:grab}.tag{display:inline-flex;align-items:center;padding:4px 11px;font-size:11.5px;font-weight:590;letter-spacing:0;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:.5px solid transparent;white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--fs-xs);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-2)}.chip-ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.chip-bad{border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad)}.progress{height:7px;width:100%;background:var(--raised);border-radius:var(--radius-pill);overflow:hidden}.progress .bar{height:100%;width:0;background:var(--grad-brand);border-radius:inherit;transition:width .3s var(--ease)}.progress .bar.is-done{background:linear-gradient(90deg,var(--ok),#22c55e)}details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);overflow:hidden;transition:border-color var(--t-fast)}details[open]{border-color:var(--border-strong)}details + details{margin-top:var(--sp-2)}summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;font-weight:650;font-size:var(--fs-sm);list-style:none;transition:background var(--t-fast),color var(--t-fast)}summary::-webkit-details-marker{display:none}summary::marker{content:""}summary:hover{background:var(--raised);color:var(--accent)}summary::before{content:"";flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);transition:transform var(--t)}details[open]>summary::before{transform:rotate(45deg)}details>:not(summary){padding:0 18px 16px;color:var(--muted);display:flex;flex-direction:column;gap:var(--sp-2)}details>:not(summary)>ul,details>:not(summary)>ol{display:flex;flex-direction:column;gap:6px}#tool{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,.85fr);gap:var(--sp-5);align-items:start}@media (max-width:1000px){#tool{grid-template-columns:minmax(0,1fr)}}#tool>aside{position:sticky;top:96px}@media (max-width:1000px){#tool>aside{position:static}}.drop{position:relative;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:clamp(30px,4.2vw,50px) var(--sp-4);text-align:center;background:var(--panel-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);transition:border-color var(--t),background var(--t),transform var(--t-fast)}.drop:hover{border-color:var(--accent);background:var(--raised)}.drop__icon{width:60px;height:60px;border-radius:23%;display:grid;place-items:center;margin-bottom:var(--sp-1);background:var(--accent-soft);color:var(--accent);transition:transform var(--t)}.drop__icon svg{width:28px;height:28px}.drop strong{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em}.drop.drag{border-color:var(--accent);border-style:solid;background:var(--accent-soft);transform:scale(1.006);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.drop.drag .drop__icon{transform:scale(1.08)}.drop__types{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-1)}.drop__type{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--raised);color:var(--muted);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.drop__type svg{width:14px;height:14px;flex:none}.drop__type--zip{background:var(--accent-soft);color:var(--accent);font-weight:590}.filepick{display:block;width:100%;max-width:340px;margin-top:var(--sp-1)}.filepick input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.filepick .btn{display:flex;width:100%;padding:14px 20px;min-height:50px;font-size:var(--fs-base)}.filepick input[type="file"]:focus-visible + .btn{outline:2px solid var(--accent);outline-offset:3px}.filepick--alt{margin-top:var(--sp-1)}.filepick--alt .btn{min-height:44px;padding:11px 18px;font-size:var(--fs-sm)}.drop__hint{margin-top:var(--sp-1);min-height:1.25em;transition:color var(--t)}.drop__hint.is-warn{color:var(--warn)}.fx-float .btn{transition:transform var(--t),box-shadow var(--t),filter var(--t-fast)}.fx-float:hover .btn{transform:none;box-shadow:none}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:var(--sp-2)}.kpi .box{background:var(--panel-2);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:3px}.kpi .box .muted{font-size:var(--fs-xs);font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.kpi .box>:nth-child(2){font-size:clamp(21px,2.6vw,28px);font-weight:600;line-height:1.12;letter-spacing:-.03em;font-variant-numeric:tabular-nums}#kpiSave{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ok)}.list{display:flex;flex-direction:column;gap:var(--sp-2)}.list:empty{display:none}.list .card{padding:var(--sp-3);gap:0}.list .card::before{display:none}.thumb{display:flex;gap:var(--sp-3);align-items:flex-start}.thumb img{flex:0 0 auto;width:clamp(58px,9vw,76px);aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2)}.thumb>div:last-child{flex:1 1 auto;min-width:0}.file-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:9px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;font-size:var(--fs-sm)}.formatBlock{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:11px}.formatBlock .select{width:auto;min-width:104px}.formatBlock>.row{margin-left:auto}.formatBlock .btn{padding:9px 15px;min-height:40px;font-size:var(--fs-xs)}.formatBlock .pulse-cta::after{content:none}.wrap.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:none;margin:0;padding:0 clamp(14px,3.2vw,26px);pointer-events:none}.wrap.sticky .card.pad.actions{pointer-events:auto;width:100%;max-width:var(--max);margin-inline:auto;border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);border-bottom:0;background:var(--panel);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -20px 50px -20px rgba(0,0,0,.55);padding:var(--sp-3) clamp(14px,2vw,20px) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));gap:var(--sp-2)}.wrap.sticky .actions .row{flex-wrap:nowrap;width:100%}.wrap.sticky .actions .btn{flex:1 1 50%;min-width:0}@media (max-width:640px){.wrap.sticky .actions .muted.small{display:none}}.benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:var(--sp-2)}.benefits li{padding:17px 19px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--fs-sm);transition:transform var(--t-fast),border-color var(--t-fast)}.benefits li:hover{transform:translateY(-3px);border-color:var(--border-strong)}.benefits .tag{display:inline-flex;width:fit-content;margin:0 0 9px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--sp-3) var(--sp-4);padding:var(--sp-4);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.ctrl{display:flex;flex-direction:column;gap:6px;min-width:0}.ctrl__label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--fs-xs);font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}.ctrl__val{font-size:var(--fs-xs);font-weight:600;letter-spacing:0;text-transform:none;color:var(--text);font-variant-numeric:tabular-nums}.ctrl__hint{font-size:11.5px;color:var(--muted);line-height:1.4}.ctrl--wide{grid-column:1/-1}.ctrl.is-off{opacity:.5}@media (min-width:720px){.controls{grid-template-columns:repeat(4,minmax(0,1fr))}}.ctrl__custom{display:none;margin-top:8px}.ctrl__custom.show{display:block}.crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-block:var(--sp-2) 0;font-size:var(--fs-xs);color:var(--dim)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs span[aria-hidden]{opacity:.5}.crumbs [aria-current]{color:var(--text);font-weight:600}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding-block:var(--sp-4) var(--sp-2);max-width:47rem}.hero h1{margin:0}.hero .lead{margin:0}.prose{display:flex;flex-direction:column;gap:var(--sp-3);max-width:44rem}.prose p{margin:0}.prose ul,.prose ol{display:flex;flex-direction:column;gap:8px;margin:0}.prose li{color:var(--muted)}.prose code{font-family:var(--mono);font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--raised);color:var(--text)}#learn .card.pad>.section-title + .prose{margin-bottom:var(--sp-3)}#learn .card.pad>.prose + .section-title{margin-top:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border)}.toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:var(--sp-2)}.toolcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-decoration:none;background:var(--panel-2);border:.5px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.toolcard:hover{transform:none;border-color:var(--border-strong);background:var(--raised);box-shadow:none}.toolcard:active{transform:scale(.985)}.toolcard__title{color:var(--text);font-weight:590;font-size:var(--fs-sm);line-height:1.4;letter-spacing:-.01em}.toolcard:hover .toolcard__title{color:var(--accent)}.toolcard::before{content:"";width:40px;height:40px;border-radius:12px;background:var(--accent-soft);flex:none;transition:background var(--t-fast)}.toolcard::after{content:"";position:absolute;top:18px;left:18px;width:40px;height:40px;background:var(--accent);-webkit-mask:var(--ico) center/21px 21px no-repeat;mask:var(--ico) center/21px 21px no-repeat;transition:background var(--t-fast)}.toolcard:hover::before{background:color-mix(in srgb,var(--accent) 18%,transparent)}.toolcard{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.6'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E")}.toolcard[href*="instagram"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E")}.toolcard[href*="linkedin"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='7' width='19' height='13' rx='3'/%3E%3Cpath d='M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7'/%3E%3Cpath d='M2.5 12h19'/%3E%3C/svg%3E")}.toolcard[href*="email"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='3'/%3E%3Cpath d='M3 7.5l7.6 5.1a2.5 2.5 0 0 0 2.8 0L21 7.5'/%3E%3C/svg%3E")}.toolcard[href*="webp"],.toolcard[href*="convert"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13l-3-3'/%3E%3Cpath d='M20 16H7l3 3'/%3E%3C/svg%3E")}.toolcard[href*="resize"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5'/%3E%3Cpath d='M20 15v5h-5'/%3E%3Cpath d='M4 4l6 6'/%3E%3Cpath d='M20 20l-6-6'/%3E%3C/svg%3E")}.toolcard[href*="wordpress"],.toolcard[href*="website"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18z'/%3E%3C/svg%3E")}.toolcard[href*="kb"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15a8 8 0 1 1 16 0'/%3E%3Cpath d='M12 15l4-4'/%3E%3Ccircle cx='12' cy='15' r='1.4'/%3E%3C/svg%3E")}.toolcard[href*="private"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='3'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}.about-layout,.faq-layout,.blogs-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,.85fr);gap:var(--sp-5);align-items:start}@media (max-width:1000px){.about-layout,.faq-layout,.blogs-layout{grid-template-columns:minmax(0,1fr)}}.about-layout>div,.faq-layout>div,.blogs-layout>div{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.about-rail,.faq-rail,.blogs-rail{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:96px}@media (max-width:1000px){.about-rail,.faq-rail,.blogs-rail{position:static}}.about-list,.faq-list{display:flex;flex-direction:column;gap:var(--sp-2);padding-left:0;list-style:none}.about-list li,.faq-list li{position:relative;padding-left:26px;color:var(--muted)}.about-list li::before,.faq-list li::before{content:"";position:absolute;left:6px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.readbar{position:fixed;top:0;left:0;right:0;z-index:60;height:2.5px;pointer-events:none;background:transparent}.readbar__fill{height:100%;width:0;background:var(--accent);transform-origin:left center;transition:width .1s linear}.toc{display:flex;flex-direction:column;gap:2px}.toc__link{position:relative;display:block;padding:8px 10px 8px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:var(--fs-sm);line-height:1.4;transition:color var(--t-fast),background var(--t-fast)}.toc__link::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:transparent;transition:background var(--t-fast)}.toc__link:hover{color:var(--text);background:var(--raised)}.toc__link.is-current{color:var(--accent);font-weight:590}.toc__link.is-current::before{background:var(--accent)}.totop{position:fixed;right:clamp(14px,3vw,26px);bottom:calc(var(--dock-h) + 16px + env(safe-area-inset-bottom,0px));z-index:55;width:44px;height:44px;display:grid;place-items:center;border:.5px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px) scale(.9);transition:opacity var(--t),transform var(--t),visibility var(--t)}.totop.show{opacity:1;visibility:visible;transform:none}.totop:hover{background:var(--panel-solid)}.totop:active{transform:scale(.94)}.totop svg{width:19px;height:19px}body:not(:has(.wrap.sticky)) .totop{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.faq-list{gap:0}.faq-item{border:0;border-radius:0;background:none;padding:var(--sp-4) 0;scroll-margin-top:104px}.faq-item + .faq-item{margin-top:0;border-top:.5px solid var(--border)}.faq-item:first-child{padding-top:0}.faq-item h3{margin-bottom:10px;font-size:clamp(17.5px,1.5vw,20px);font-weight:600;letter-spacing:-.018em;line-height:1.35;max-width:46ch}.faq-item p{color:var(--text);max-width:68ch;line-height:1.65}.faq-search{position:relative;margin-bottom:var(--sp-3)}.faq-search input{width:100%;font:inherit;font-size:var(--fs-base);padding:12px 40px 12px 40px;min-height:46px;border:.5px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-2);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.faq-search input::placeholder{color:var(--muted)}.faq-search input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 24%,transparent)}.faq-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted);pointer-events:none}.faq-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:none;place-items:center;border:0;border-radius:50%;background:var(--raised);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0}.faq-search__clear.show{display:grid}.faq-search__clear:hover{color:var(--text)}.faq-item[hidden]{display:none}.faq-empty{padding:var(--sp-5) 0;text-align:center;color:var(--muted);font-size:var(--fs-sm)}.faq-empty[hidden]{display:none}.faq-item mark{background:var(--accent-soft);color:var(--text);border-radius:4px;padding:0 2px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:var(--sp-3)}.blog-grid .card{padding:var(--sp-4);display:flex;flex-direction:column;gap:8px;transition:transform var(--t),border-color var(--t-fast),box-shadow var(--t)}.blog-grid .card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 22px 44px -22px var(--accent-glow)}.blog-card-title{font-size:var(--fs-lg);font-weight:660;line-height:1.35;margin:0}.blog-meta{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.in-article-ad{margin-block:var(--sp-4)}.policy{display:flex;flex-direction:column;gap:var(--sp-3)}.policy h2{font-size:var(--fs-h3);margin-top:var(--sp-5);padding-top:0;border-top:0;scroll-margin-top:104px}.policy h2:first-of-type{margin-top:0}.policy p,.policy li{color:var(--text);max-width:68ch;line-height:1.68}.policy ul,.policy ol{display:flex;flex-direction:column;gap:6px}.lang{display:none}.lang.active{display:block}.lang-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--sp-3)}.lang-tabs .btn{padding:8px 16px;min-height:38px;font-size:var(--fs-xs)}.steps{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;border-top:1px solid var(--border);margin-top:var(--sp-5);padding-top:var(--sp-4);color:var(--muted);font-size:var(--fs-sm)}.foot nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.foot a{color:var(--muted);text-decoration:none;padding:5px 9px;border-radius:8px;transition:color var(--t-fast),background var(--t-fast)}.foot a:hover{color:var(--text);background:var(--raised)}.backdrop{position:fixed;inset:0;z-index:999;background:rgba(4,8,16,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--t) both}@keyframes fade{from{opacity:0}to{opacity:1}}.backdrop[hidden]{display:none}.sidebar{position:fixed;top:0;right:0;z-index:1000;height:100dvh;width:min(360px,90vw);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);background:var(--panel-solid);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .32s var(--ease);will-change:transform}.sidebar.open{transform:none}@media (max-width:520px){.sidebar{width:100vw}}.side-close{align-self:flex-end;width:38px;height:38px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:16px;cursor:pointer;border-radius:11px;transition:color var(--t-fast),border-color var(--t-fast)}.side-close:hover{color:var(--text);border-color:var(--accent)}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:var(--sp-3)}.side-link{color:var(--text);text-decoration:none;padding:13px 15px;border-radius:12px;font-weight:600;display:flex;align-items:center;transition:background var(--t-fast),color var(--t-fast),padding-left var(--t-fast)}.side-link:hover{background:var(--raised);color:var(--accent);padding-left:21px}body.noscroll{overflow:hidden}@media (prefers-reduced-transparency:reduce){body>header,.sidebar,.glass,.card,.wrap.sticky .card.pad.actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--panel-solid)}.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.adbox{display:grid;place-items:center;position:relative;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.adbox::before{content:"Advertisement";position:absolute;top:6px;left:10px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);pointer-events:none}ins.adsbygoogle{display:block!important;inline-size:100%!important;max-inline-size:100%!important}#ad-banner-ins{min-height:90px}#ad-side-ins{min-height:250px}.adbox:has(>ins.adsbygoogle:empty){display:none!important}ins.adsbygoogle:empty{display:none!important;min-height:0!important}.adblock-note{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 10%,transparent);font-size:var(--fs-sm)}.adblock-note p{margin:0;flex:1 1 260px;color:var(--text)}.adblock-note .btn{padding:8px 14px;min-height:36px;font-size:var(--fs-xs)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.nojs{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--text);font-size:var(--fs-sm)}.no-js details>:not(summary){display:block}.no-js .controls,.no-js .theme-toggle{display:none}.px-consent-overlay{position:fixed;inset:0;z-index:2000;background:rgba(4,8,16,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;place-items:center;padding:var(--sp-4)}.px-consent-overlay.open{display:grid}.px-consent-modal{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-5);max-width:440px;width:100%;display:flex;flex-direction:column;gap:var(--sp-3);animation:rise .3s var(--spring) both}@keyframes rise{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.px-consent-modal p{color:var(--muted);font-size:var(--fs-sm)}.px-consent-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.px-consent-actions .btn{flex:1 1 140px}#benefits,#learn,#faq,#reading,#related{content-visibility:auto;contain-intrinsic-size:auto 640px}.wrap,.card,.adbox,.row,.kpi,.list{overflow-x:clip}@media (max-width:640px){body>header,.wrap.sticky .card.pad.actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{min-height:48px}.sub{display:none}.controls{grid-template-columns:1fr 1fr}.ctrl--wide{grid-column:1/-1}}.side-group{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);padding:14px 15px 4px}.side-group:first-of-type{padding-top:8px}.side-link--all{color:var(--accent);font-size:var(--fs-xs);font-weight:650}.skip-link{position:absolute;left:12px;top:-60px;z-index:2100;padding:11px 18px;border-radius:0 0 12px 12px;background:var(--grad-brand);color:#fff;font-size:var(--fs-sm);font-weight:650;text-decoration:none;transition:top var(--t)}.skip-link:focus{top:0;color:#fff}main:focus{outline:none}.cmp{position:fixed;inset:0;z-index:2050;background:rgba(4,8,16,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;place-items:center;padding:var(--sp-4);--cmp-pos:50%}.cmp.open{display:grid}.cmp__panel{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(980px,100%);max-height:92dvh;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);animation:rise .28s var(--spring) both}.cmp__head{display:flex;align-items:center;gap:var(--sp-3)}.cmp__name{flex:1 1 auto;min-width:0;font-weight:650;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp__stage{position:relative;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);min-height:180px;max-height:62dvh;cursor:ew-resize;touch-action:none;user-select:none;display:grid;place-items:center}.cmp__img{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain}.cmp__img--after{position:relative;z-index:1}.cmp__clip{position:absolute;inset:0;z-index:2;display:grid;place-items:center;clip-path:inset(0 calc(100% - var(--cmp-pos)) 0 0);pointer-events:none}.cmp__clip .cmp__img{width:100%;height:auto;max-height:62dvh;object-fit:contain}.cmp__handle{position:absolute;top:0;bottom:0;left:var(--cmp-pos);z-index:3;width:2px;background:var(--brand-1);pointer-events:none;box-shadow:0 0 12px var(--accent-glow)}.cmp__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--brand-1);border:3px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.4)}.cmp__badge{position:absolute;bottom:10px;z-index:4;padding:4px 10px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(4,8,16,.72);color:#fff;pointer-events:none}.cmp__badge--l{left:10px}.cmp__badge--r{right:10px}.cmp__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--raised);cursor:pointer;margin:0}.cmp__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--brand-1);cursor:grab}.cmp__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--brand-1);cursor:grab}.cmp__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--muted)}.cmp__arrow{color:var(--dim)}@media (max-width:640px){.cmp{padding:var(--sp-2)}.cmp__panel{padding:var(--sp-3)}}.post-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,.85fr);gap:var(--sp-5);align-items:start}@media (max-width:1000px){.post-layout{grid-template-columns:minmax(0,1fr)}}.post-rail{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:96px}@media (max-width:1000px){.post-rail{position:static}}.post{max-width:none}.post__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.post__head h1{margin:0;max-width:20ch}.post__head .lead{margin:0;max-width:60ch;font-size:clamp(17px,1.6vw,20px)}.post__meta{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--muted);letter-spacing:0;margin:0}.post .prose,.post .prose.muted{color:var(--text);font-size:clamp(16.5px,1.15vw,18.5px);line-height:1.72;max-width:68ch;gap:var(--sp-4)}.post .prose li{color:var(--text)}.post .prose ul,.post .prose ol{gap:10px;padding-left:1.3em}.post .prose li::marker{color:var(--accent)}.post .prose strong{font-weight:600}.post>.section-title{margin-top:var(--sp-6);padding-top:0;border-top:0;max-width:34ch;scroll-margin-top:104px}.post>.prose + .section-title{margin-top:var(--sp-6)}.post>.section-title:first-of-type{margin-top:var(--sp-5)}.post__cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft)}.post__cta p{margin:0;font-weight:600;font-size:var(--fs-sm)}.post-more{display:flex;flex-direction:column;gap:0}.post-more__item{position:relative;display:flex;flex-direction:column;gap:3px;padding:13px 26px 13px 2px;border-radius:10px;text-decoration:none;transition:background var(--t-fast)}.post-more__item + .post-more__item{border-top:.5px solid var(--border)}.post-more__item::after{content:"";position:absolute;right:8px;top:50%;width:7px;height:7px;margin-top:-4px;border-right:1.6px solid var(--dim);border-bottom:1.6px solid var(--dim);transform:rotate(-45deg);transition:border-color var(--t-fast),transform var(--t-fast)}.post-more__item:hover{background:var(--raised)}.post-more__item:hover::after{border-color:var(--accent);transform:rotate(-45deg) translate(2px,2px)}.post-more__cat{font-size:var(--fs-xs);font-weight:500;letter-spacing:0;text-transform:none;color:var(--accent)}.post-more__title{color:var(--text);font-size:var(--fs-sm);line-height:1.4;font-weight:560}.postlist{display:flex;flex-direction:column;gap:var(--sp-2)}.postcard{padding:var(--sp-4);display:flex;flex-direction:column;gap:8px;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.postcard:hover{transform:none;border-color:var(--border-strong);background:var(--raised);box-shadow:none}.postcard:active{transform:scale(.995)}.postcard__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted)}.postcard__title{font-size:var(--fs-lg);font-weight:600;line-height:1.32;margin:0;letter-spacing:-.018em}.postcard__title a{color:var(--text);text-decoration:none}.postcard__title a:hover{color:var(--accent)}.postcard__title a::after{content:"";position:absolute;inset:0}.postcard{position:relative}.postcard p{max-width:68ch}.post-more--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2)}.post-more--grid .post-more__item{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2)}.post-more--grid .post-more__item:hover{border-color:var(--accent)}.cite{font-size:.72em;line-height:0;vertical-align:super;margin-inline-start:1px}.cite a{color:var(--accent);text-decoration:none;font-weight:600;padding:0 2px;border-radius:3px}.cite a:hover,.cite a:focus-visible{background:var(--accent-soft)}.refs__list li:target,.cite a:target{background:var(--accent-soft);border-radius:6px}.refs{margin-top:var(--sp-6)}.refs .section-title{font-size:var(--fs-h3);margin-bottom:var(--sp-3)}.refs__list{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding-left:1.4em;font-size:var(--fs-sm);line-height:1.55}.refs__list li{color:var(--muted);padding:2px 4px}.refs__list li::marker{color:var(--dim)}.refs__list a{color:var(--accent);text-decoration:none}.refs__list a:hover{text-decoration:underline}.refs__pub{color:var(--muted);margin-inline-start:8px}.refs__pub::before{content:"— "}.refs__back{margin-inline-start:8px;color:var(--dim)!important;text-decoration:none;font-size:.95em}.refs__back:hover{color:var(--accent)!important}.post__figure{margin:0 0 var(--sp-4)}.post__figure img{width:100%;height:auto;display:block;border-radius:var(--radius);border:.5px solid var(--border);background:var(--panel-2)}.post__figure figcaption{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.post__figure figcaption a{color:var(--muted);text-decoration:underline}.post__figure figcaption a:hover{color:var(--accent)}