:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fdfbf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;justify-content:center}#app{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:480px;box-sizing:border-box;border:1px solid #eaeaea;margin:auto}@media(max-width:480px){body{padding:.5rem}#app{padding:1rem;border-radius:0;box-shadow:none;border:none;min-height:100vh}}h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem;color:#2c3e50}button{background:#007aff;color:#fff;border:none;padding:.6em 1.2em;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s,opacity .2s}button:hover{background:#0062cc}button:disabled{background:#ccc;cursor:not-allowed;opacity:.7;color:#666}input{background:#f9f9f9;border:1px solid #ddd;color:#333;padding:.6em;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box;margin-bottom:.5rem}input:focus{border-color:#007aff;background:#fff}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.feature-container{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.feature-container:last-child{border-bottom:none}.log{margin-top:1rem;font-family:monospace;font-size:.85rem;background:#f4f4f4;color:#444;padding:.75rem;max-height:200px;overflow-y:auto;border-radius:4px;white-space:pre-wrap;word-break:break-all;border:1px solid #ddd}.system-log{margin-top:2rem;border-top:2px solid #eaeaea;padding-top:1rem}.log-error{color:#d32f2f;margin-bottom:.25rem}.footer-reset{margin-top:3rem;padding:1rem;text-align:center;font-size:.8rem;color:#999;border-top:1px dashed #eee}.footer-reset a{color:#ef4444;text-decoration:underline;cursor:pointer;margin-left:.5rem}:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;border-radius:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;z-index:10}