:root{font-family:system-ui,sans-serif;background:#000;color:#222}html{height:100%}body{margin:0;min-height:100dvh;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;overscroll-behavior:contain}#app{width:min(640px,100vw)}.capture{display:grid;gap:16px;text-align:center}.preview{display:grid;gap:12px;justify-items:center;position:relative;overflow:hidden;border:none;background:none;padding:0;width:100%;text-align:inherit;font:inherit;color:inherit}.actions{display:grid;gap:12px;justify-items:center}video,img,canvas{width:100%;background:#000;display:block;margin:0 auto}.video-placeholder{display:grid;place-items:center;width:100%;background:#111;color:#bbb;min-height:240px;font-size:14px;margin:0 auto}button{padding:12px 18px;border:none;background:#005bbb;color:#fff;font-size:16px;cursor:pointer;width:50%;margin:0 auto}button:disabled{background:#888;cursor:not-allowed}.status{min-height:1.5em;color:#555;margin:0}.debug{min-height:1.5em;color:#555;white-space:pre-wrap;margin:0}.face-box{position:absolute;border:2px solid #00ff00}.key-point{position:absolute;width:5px;height:5px;background:red}[hidden]{display:none}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:150px;background-color:#000;z-index:10;display:flex;justify-content:center;align-items:center}.capture-button{width:70px;height:70px;background-color:#fff;border-radius:50%;border:2px solid #000;box-shadow:0 0 0 2px #fff}.album-button{position:absolute;left:10%;width:54px;height:54px;border-radius:50%;border:2px solid #fff;background:transparent;background-size:cover;background-position:center}.mode-toggle-button{position:absolute;right:10%;width:54px;height:54px;border-radius:50%;border:2px solid #fff;background:#fff;color:#000;font-size:10px;font-weight:700;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.mode-toggle-button.voice-mode{background:#fff;color:#000;border-color:#000;box-shadow:0 0 0 5px #ffd400}.mode-toggle-button:focus-visible{outline:3px solid #ffd400;outline-offset:3px}.bottom-bar button[data-action=retake],.bottom-bar button[data-action=download]{width:auto;min-width:80px;background:#fff;color:#000;font-size:20px;font-weight:700}.bottom-bar button[data-action=download][disabled]{background:#eee;color:#666}.album-view{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;overflow-y:auto;z-index:20}.album-header{padding:16px;background:#000;position:sticky;top:0;z-index:10}.album-header button{background:#fff;color:#000;padding:10px 16px;border-radius:18px;font-weight:700;width:auto;z-index:12}.album-delete-btn{position:absolute;top:16px;right:16px}.album-viewer{position:relative;display:flex;justify-content:center;align-items:center;height:calc(100% - 60px)}.album-photo-btn{border:none;background:none;padding:0;cursor:pointer;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.album-photo-btn:disabled{cursor:default}.album-photo{max-width:100%;max-height:100%;object-fit:contain}.album-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;color:#000;border:none;font-size:48px;padding:20px 10px;width:60px;height:100px}.album-prev{left:0}.album-next{right:0}.album-nav-btn:disabled{color:#000;cursor:not-allowed}.album-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#000;background:#fff;padding:8px 16px;border-radius:16px;font-weight:700;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.album-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.album-placeholder p{margin:8px 0;font-size:25px;font-weight:700}.speech-control-bar{position:fixed;top:16px;left:0;width:100%;z-index:10;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.speech-control-bar[hidden]{display:none}.speech-control-btn{background:#fff;color:#000;padding:8px 12px;border-radius:18px;font-weight:700;width:auto;min-width:auto;border:none;font-size:14px;display:inline-flex;justify-content:center;align-items:center}.speech-control-btn.active{background:#000;color:#fff}.speech-control-btn:disabled{opacity:.5;cursor:not-allowed}