:root{--md-sys-color-background:#f4f3f7;--md-sys-color-surface:#fef7ff;--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#ffffff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary-container:#e8def8;--md-sys-color-outline:#79747e;--md-sys-color-outline-variant:#cac4d0;--md-sys-color-inverse-surface:#313033;--md-sys-color-inverse-on-surface:#f4eff4;--md-elevation-1:0px 1px 3px 1px rgba(0, 0, 0, 0.15);font-family:roboto,sans-serif}body{background:var(--md-sys-color-background);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;margin:0;box-sizing:border-box}.card{background:var(--md-sys-color-surface);border-radius:28px;padding:32px;width:100%;max-width:480px;box-shadow:var(--md-elevation-1);text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}h2{color:var(--md-sys-color-primary);margin:0 0 12px;font-size:2rem}p.desc{color:var(--md-sys-color-outline);font-size:1rem;margin-bottom:24px}.diff-selector{display:flex;width:100%;border:1px solid var(--md-sys-color-outline);border-radius:99px;overflow:hidden;margin-bottom:32px}.diff-btn{flex:1;background:0 0;border:none;padding:12px 0;cursor:pointer;color:var(--md-sys-color-on-primary-container);font-weight:500;font-size:1rem;transition:background .2s;border-right:1px solid var(--md-sys-color-outline)}.diff-btn:last-child{border-right:none}.diff-btn.active{background:var(--md-sys-color-primary-container)}.controls-row{display:flex;gap:12px;width:100%;margin-bottom:24px}.controls-row .diff-selector{flex:1;margin-bottom:0}.stats{font-weight:700;margin-top:24px;font-size:1.25rem;color:var(--md-sys-color-on-primary-container)}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;padding:12px 32px;border-radius:99px;cursor:pointer;font-weight:700;font-size:1rem;transition:opacity .2s,transform .2s;box-shadow:var(--md-elevation-1);margin-top:16px}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.toast{position:fixed;bottom:24px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:14px 24px;border-radius:8px;font-weight:500;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:var(--md-elevation-1);z-index:100}.toast.show{opacity:1;transform:translateY(0)}.hidden{opacity:.5;pointer-events:none}