:root{color-scheme:light;--ink:#17202a;--muted:#65717d;--line:#dfe4e8;--soft:#f5f7f8;--accent:#176b5b;--accent-dark:#0f5548;--danger:#a63838;--radius:16px;font-family:Inter,"Noto Sans JP","Yu Gothic UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;line-height:1.7}a{color:var(--accent)}button,input{font:inherit}.site-header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));background:rgba(255,255,255,.96)}.brand{font-weight:750;letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-size:1.2rem}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:.94rem}.container{width:min(1080px,calc(100% - 40px));margin-inline:auto}.hero{padding:92px 0 76px;display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.eyebrow{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,7vw,5.2rem);line-height:1.05;letter-spacing:-.06em;margin:.25em 0}.lead{font-size:1.12rem;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:650;cursor:pointer}.button:hover{background:var(--accent-dark)}.button.secondary{background:#fff;color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}.stat-card,.panel,.feature{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat-card{padding:28px;background:var(--soft)}.stat-card strong{font-size:2rem;display:block}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 88px}.feature{padding:25px}.feature h2{font-size:1.06rem;margin:0 0 8px}.feature p{color:var(--muted);margin:0}.section{padding:64px 0}.section h1,.section h2{letter-spacing:-.035em;line-height:1.25}.prose{max-width:760px}.prose p,.prose li{color:#48545f}.site-footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-meta{display:grid;gap:4px}.footer-links{display:flex;gap:16px}.creator-credit{color:var(--muted);font-size:.86rem}.creator-credit a{color:inherit}.creator-note{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.app-shell{width:min(760px,calc(100% - 32px));margin:48px auto 80px}.app-shell>header{text-align:center;margin-bottom:24px}.app-shell h1{letter-spacing:-.04em;margin-bottom:5px}.app-shell>header p{color:var(--muted);margin-top:0}.panel{padding:28px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:var(--soft);border-radius:12px;margin-bottom:22px}.tab{border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted);cursor:pointer}.tab[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0001}.dropzone{border:1.5px dashed #aeb8c0;border-radius:14px;padding:38px 18px;text-align:center;background:#fafbfb}.dropzone input{width:100%;max-width:420px}.selection{margin:16px 0;color:var(--muted);font-size:.93rem}.field{display:grid;gap:7px;margin:18px 0}.field label{font-weight:650}.field input[type="text"],.field input[type="password"]{border:1px solid #bfc7cd;border-radius:10px;padding:11px 12px;width:100%}.check{display:flex;gap:9px;align-items:center}.progress{height:8px;background:var(--soft);border-radius:9px;overflow:hidden;margin:18px 0}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.status{min-height:1.7em;color:var(--muted)}.status.error{color:var(--danger)}.result{background:#eff8f5;border:1px solid #bcded6;border-radius:14px;padding:20px;margin-top:20px}.result[hidden]{display:none}.result code{display:block;overflow-wrap:anywhere;background:#fff;padding:10px;border-radius:8px}.quiet{color:var(--muted);font-size:.9rem}.receive-card{max-width:620px;margin:70px auto;padding:32px}.file-icon{width:60px;height:60px;border-radius:15px;background:#e9f4f1;display:grid;place-items:center;font-size:1.5rem}.file-meta{color:var(--muted)}.center{text-align:center}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:64px 0;gap:32px}.features{grid-template-columns:1fr}.nav a:not(.button){display:none}.panel{padding:20px}.tabs{grid-template-columns:1fr}.footer-row{display:block}.footer-meta{margin-bottom:10px}.footer-links{margin-top:10px}}