*{box-sizing:border-box}body{margin:0;padding:16px;font-family:system-ui,-apple-system,sans-serif;background:#1a1a1a;color:#e0e0e0}.card{background:#252525;border-radius:10px;padding:16px;margin-bottom:16px;border:1px solid #333}h1{margin:0 0 4px;font-size:1.25rem}h2{margin:0 0 8px;font-size:1rem}.subtitle{margin:0 0 12px;font-size:.875rem;opacity:.8}.status{margin:0 0 12px;font-size:.875rem;color:#9cf}.btn{padding:8px 16px;font-size:.875rem;background:#3a7bd5;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn:hover{background:#4a8be5}#event-log{margin:0;font-size:.75rem;font-family:ui-monospace,monospace;white-space:pre-wrap;max-height:200px;overflow-y:auto}.glasses-hint{margin:0 0 10px;font-size:.8rem;opacity:.85}.glasses-frame{background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:12px;min-height:180px;position:relative}.glasses-content{position:relative;min-height:140px}.glasses-upper-right{position:absolute;top:0;right:0;font-size:.9rem;color:#9cf}.glasses-upper-right.glasses-countdown{font-size:1.1rem;font-weight:600}.glasses-scroll-btns{display:flex;gap:4px;margin-bottom:6px}.glasses-scroll-btn{padding:2px 8px;font-size:.7rem;background:#333;color:#aaa;border:1px solid #555;border-radius:4px;cursor:pointer}.glasses-scroll-btn:hover{background:#444;color:#fff}.glasses-list{list-style:none;margin:0;padding:0;font-size:.9rem}.glasses-list li{padding:6px 10px;margin:2px 0;border-radius:4px;cursor:pointer;border:1px solid transparent}.glasses-list li:hover{background:#2a2a2a}.glasses-list li.selected{background:#1e3a5f;border-color:#3a7bd5}.glasses-list-small{margin-top:48px}.glasses-list-small li{padding:8px 10px}.glasses-pause-btn{position:absolute;bottom:0;right:0;padding:4px 10px;font-size:.75rem;background:#333;color:#ccc;border:1px solid #555;border-radius:4px;cursor:pointer}.glasses-pause-btn:hover{background:#444}