:root{--bg: #f7f6f2;--card: #ffffff;--line: #e7e4dd;--text: #1f1e1a;--muted: #79746b;--faint: #857f74;--accent: #15685b;--accent-strong: #0e5347;--accent-tint: #e7f1ed;--ok: #1e8e63;--error: #bf3f2c;--error-tint: #fbede9;--error-line: #efcdc3;--radius: 16px;--radius-s: 13px;--shadow: 0 1px 2px rgba(31, 30, 26, .05), 0 12px 32px -16px rgba(31, 30, 26, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}.app{max-width:440px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))}.hero{text-align:center;padding:20px 8px 6px}.hero__title{font-size:2.1rem;margin:0;font-weight:800;letter-spacing:.01em;color:var(--text)}.hero__lead{margin:10px 0 0;color:var(--text);font-weight:700;font-size:1rem;text-wrap:pretty}.hero__privacy{display:inline-block;margin:14px 0 0;padding:7px 16px;border-radius:999px;background:var(--accent-tint);color:var(--accent);font-size:.8rem;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:18px;box-shadow:var(--shadow)}.card__title{margin:0 0 14px;font-size:1.05rem;font-weight:800}.card--error{border-color:var(--error-line)}.card--error .card__title{color:var(--error)}.picker{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;border:1.5px dashed #b9d6cc;border-radius:var(--radius-s);background:#f8fbfa;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease,transform .15s ease}.picker:hover{border-color:var(--accent);background:var(--accent-tint)}.picker:active{transform:scale(.99)}.picker:focus-within{outline:3px solid rgba(21,104,91,.35);outline-offset:2px}.picker__icon{font-size:2.6rem;line-height:1.2}.picker__text{font-size:1.15rem;font-weight:800;color:var(--text)}.picker__hint{font-size:.8rem;color:var(--muted)}.picker__input{display:none}.video{width:100%;max-height:60vh;background:#0c0f14;border-radius:var(--radius-s);display:block;margin-bottom:12px;aspect-ratio:9 / 16;object-fit:contain}.meta{font-size:.8rem;color:var(--faint);margin:0 0 12px;word-break:break-all}.note{font-size:.78rem;color:var(--faint);margin:12px 0 0;line-height:1.8}#progressSection .note{background:#f4f2ec;color:var(--muted);border-radius:10px;padding:12px 14px;margin-top:14px}.btn{display:block;width:100%;padding:15px 16px;border:none;border-radius:999px;font-size:1rem;font-weight:700;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;margin-top:10px;transition:background .2s ease,transform .12s ease,box-shadow .2s ease}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid rgba(21,104,91,.35);outline-offset:2px}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px -8px #15685b80}.btn--primary:hover{background:var(--accent-strong)}.btn--ghost{background:var(--card);border:1px solid var(--line);color:var(--muted)}.btn--ghost:hover{border-color:#cfcbc2;color:var(--text)}.progress{height:10px;background:#eceae5;border-radius:999px;overflow:hidden}.progress__bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#2e8c77);transition:width .3s ease;position:relative;overflow:hidden}.progress__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:tbl-shimmer 1.8s ease-in-out infinite}@keyframes tbl-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress__label{margin:14px 0 0;font-size:.92rem;font-weight:700;color:var(--text);text-align:center;font-variant-numeric:tabular-nums}.compare{position:relative;width:100%;aspect-ratio:9 / 16;max-height:60vh;background:#0c0f14;border-radius:var(--radius-s);overflow:hidden;margin-bottom:8px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.compare__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.compare__video--before{z-index:1;-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare__tag{position:absolute;top:10px;z-index:3;padding:4px 11px;font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:999px;pointer-events:none}.compare__tag--before{left:10px;background:#ffffffeb;color:var(--text)}.compare__tag--after{right:10px;background:var(--accent);color:#fff}.compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);transform:translate(-50%);width:2px;background:#fffffff2;box-shadow:0 0 0 1px #0003;z-index:4;pointer-events:none}.compare__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 10px #00000059}.compare__playicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:64px;height:64px;padding-left:5px;border-radius:50%;background:#0c0f148c;color:#fff;font-size:1.6rem;display:none;align-items:center;justify-content:center;pointer-events:none}.compare.is-paused .compare__playicon{display:flex}.compare__hint{text-align:center}.error__message{white-space:pre-wrap;font-size:.88rem;color:#8a4537;background:var(--error-tint);border-radius:10px;padding:12px 14px;margin:0;line-height:1.8}.footer{text-align:center;color:#8a857b;font-size:.72rem;margin-top:32px}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){.progress__bar:after{animation:none}.btn,.picker{transition:none}}