:root{color:#213547;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#fff;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:0;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:4px;outline:3px solid #245b9e}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{width:100%;min-height:100vh}.app{text-align:center;box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px}.theme-list{flex-direction:column;gap:16px;max-width:650px;margin:40px auto;display:flex}.theme-card{color:#222;text-align:left;cursor:pointer;background:#fff;border:2px solid #ccc;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:24px;display:flex}.theme-card:hover{background:#f5f5f5;border-color:#555}.theme-name{font-size:20px;font-weight:700}.theme-description{color:#666;font-size:14px}.theme-status{color:#666;font-size:13px}.settings-panel{max-width:600px;margin:30px auto}.setting-row{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.setting-row select{padding:10px;font-size:16px}.start-button{width:100%;margin-top:30px;padding:16px;font-size:18px}.back-button{margin-bottom:24px;display:block}.image-container{background:#eee;border-radius:12px;justify-content:center;align-items:center;height:60vh;margin:24px 0;display:flex}.image-container img{object-fit:contain;max-width:100%;max-height:100%}.controls{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}button{cursor:pointer;padding:12px 24px;font-size:16px}@media (width<=600px){.app{padding:16px}.theme-card{padding:20px}.setting-row{flex-direction:column;align-items:stretch}}.app:has(.practice-screen){max-width:1100px;height:auto;min-height:100dvh;margin:0 auto;padding:12px;display:block;overflow:visible}.app:has(.practice-screen)>h1{display:none}.practice-screen{flex-direction:column;height:auto;min-height:0;display:flex}.practice-header{flex-shrink:0;padding:8px 0}.practice-content{flex:none;justify-content:center;align-items:center;height:min(65dvh,650px);min-height:0;display:flex;overflow:hidden}.practice-image{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.practice-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.practice-bottom{flex-shrink:0;padding:12px 0 24px}.practice-timer{margin-bottom:12px}@media (width<=600px){.practice-content{height:55dvh}}.countdown-screen{flex-direction:column;justify-content:center;align-items:center;min-height:70dvh;display:flex}.countdown-screen h2{font-size:20px;font-weight:400}.countdown-number{font-size:120px;font-weight:700;line-height:1.2}