*{box-sizing:border-box;margin:0;padding:0}body{color:#0f0;background:#000;width:576px;height:288px;font-family:Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.3;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex}.header{border-bottom:1px solid #0a0;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;font-size:14px;display:flex}.header .mode-label{font-size:16px;font-weight:700}.header .progress{opacity:.8;font-size:14px}.header .mic{opacity:.5;border:1px solid #060;border-radius:3px;padding:1px 6px;font-size:12px}.header .mic.active{opacity:1;border-color:#0f0;animation:1.5s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.4}}.content{flex:1;padding:6px 8px;overflow:hidden}.checklist-item{align-items:center;padding:3px 0;font-size:16px;display:flex}.checklist-item.done{opacity:.4;text-decoration:line-through}.checklist-item.just-checked{animation:.6s ease-out flash-check}@keyframes flash-check{0%{color:#000;background:#0f0}to{color:#0f0;background:0 0}}.checklist-item.current{font-size:18px;font-weight:700}.checklist-item .check{text-align:center;width:16px;margin-right:6px}.suggestion{text-align:center;padding:10px}.suggestion .title{margin-bottom:8px;font-size:20px;font-weight:700}.suggestion .items{text-align:left;font-size:16px}.suggestion .items li{padding:2px 0;list-style:none}.suggestion .items li:before{content:"▶ "}.protocol{padding:4px}.protocol .step{border-left:3px solid #0a0;margin:2px 0;padding:4px 8px;font-size:15px}.protocol .step.active{color:#000;background:#0a0;font-weight:700}.protocol .step.completed{opacity:.4}.footer{opacity:.6;text-align:center;border-top:1px solid #060;flex-shrink:0;padding:2px 8px;font-size:12px}