:root{--color-bg: #ffffff;--color-text: #121212;--color-text-secondary: #515151;--color-text-muted: #757575;--color-border: #e0e0e0;--color-primary: #385461;--color-on-primary: #faf9f6;--app-chrome-corner: 16px;--app-chrome-pad: 8px}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;background:var(--color-bg);color:var(--color-text);font-family:"Source Serif 4",Georgia,serif}.about-open-btn{position:fixed;top:var(--app-chrome-corner);right:var(--app-chrome-corner);z-index:2;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--app-chrome-pad);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease,opacity .15s ease}.about-open-btn:hover{color:var(--color-text)}.about-open-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.about-icon-svg{display:block}.about-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:color-mix(in srgb,var(--color-text) 70%,transparent)}.about-dialog{position:relative;width:100%;max-width:800px;max-height:min(85vh,800px);overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);border:none;box-shadow:0 32px 64px color-mix(in srgb,var(--color-text) 18%,transparent);padding:60px}.about-close{position:absolute;top:20px;right:20px;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--color-text-muted);font-family:Helvetica,Arial,sans-serif;font-size:28px;line-height:1;cursor:pointer;transition:color .15s ease}.about-close:hover{color:var(--color-text)}.about-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.about-title{font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;margin:0;padding:0 64px 20px 0;letter-spacing:-.5px;border-bottom:1px solid var(--color-border);flex-shrink:0}.about-body{overflow-y:auto;padding:40px 40px 0 0;text-align:left;-webkit-overflow-scrolling:touch}.about-section{margin-bottom:40px}.about-section:last-child{margin-bottom:0}.about-heading{font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-secondary);margin:0 0 10px}.about-body p{margin:0;font-size:16px;line-height:1.65;color:var(--color-text)}.about-body a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}.about-body a:visited,.about-body a:hover{color:var(--color-text)}.about-list{margin:0;padding-left:1.15em;font-size:16px;line-height:1.65;color:var(--color-text)}.about-list li{margin-bottom:14px}.about-list li:last-child{margin-bottom:0}.about-list strong{font-weight:600}.main-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 48px);flex-shrink:0}.header{text-align:center;margin-bottom:48px}.header-overline{font-family:Helvetica;font-size:12px;color:var(--color-text-secondary);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.header-title{font-family:Playfair Display,Georgia,serif;font-size:60px;font-weight:700;margin:0;letter-spacing:2px;font-style:italic;color:var(--color-text);line-height:1}.header-rule{width:80px;height:1px;background:var(--color-text);margin:16px auto 0}@media (max-width: 768px){.header-title{font-size:48px}.about-dialog{padding-left:20px;padding-right:20px}.about-body{padding:20px 20px 0 0}}.card{width:100%;max-width:560px;padding:40px;text-align:center;border-top:2px solid var(--color-text);border-bottom:1px solid var(--color-border);height:460px;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.label{font-size:14px;font-family:Helvetica;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2.5px}.ready-section{width:100%;display:flex;flex-direction:column;align-items:center}.ready-section .label{margin-bottom:32px}.question{font-family:Playfair Display,Georgia,serif;font-size:28px;line-height:1.55;color:var(--color-text);margin:0;font-weight:400;font-style:italic}.question--small{font-size:20px}.question--faded{opacity:.6}.revealed-section .label,.speaking-section .label{margin-bottom:24px}.revealed-section .btn-wrap{margin-top:40px}.speaking-section .btn-wrap{margin-top:8px}.btn-wrap--speaking{display:flex;flex-direction:column;align-items:center;gap:0}.speaking-footnote{margin:12px 0 0;max-width:320px;font-family:Helvetica,sans-serif;padding-top:16px;font-size:14px;line-height:1.4;letter-spacing:.3px;text-align:center;color:var(--color-text-secondary)}.done-section .btn-wrap{margin-top:36px}.btn{padding:12px 40px;border-radius:0;cursor:pointer;font-family:Helvetica;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:opacity .15s ease}.btn:hover{opacity:.9}.btn--primary{border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.btn--stop{background:transparent;border:1px solid var(--color-text-muted);color:var(--color-text-muted);animation:pulse 2.5s ease-in-out infinite}.timer-bar{width:100%;margin-top:32px}.timer-bar-labels{display:flex;justify-content:space-between;font-size:10px;font-family:Helvetica;color:var(--color-text-muted);margin-bottom:8px;padding:0 2px;letter-spacing:.5px}.timer-bar-track{position:relative;width:100%;height:3px;overflow:hidden;background:var(--color-border)}.timer-bar-marker{position:absolute;top:-2px;bottom:-2px;width:1px;background:color-mix(in srgb,var(--color-text) 28%,var(--color-bg))}.timer-bar-fill{position:absolute;left:0;top:0;bottom:0;transition:width .2s ease-out}.timer-bar-goal{display:flex;justify-content:center;margin-top:6px;font-size:9px;font-family:Helvetica;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase}.speaking-indicator{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;margin-bottom:12px}.speaking-indicator-bars{display:flex;gap:5px;align-items:center;height:32px}.speaking-indicator-bar{width:2px;border-radius:1px;background:var(--color-text)}.speaking-indicator-label{font-family:Helvetica;font-size:11px;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase}.time-display{font-family:Helvetica;font-size:48px;font-weight:600;margin-top:28px;letter-spacing:3px}.feedback{margin-top:8px;font-family:"Source Serif 4",Georgia,serif;font-size:15px;color:var(--color-text-muted);font-style:italic}.zone-legend{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap;justify-content:center}.zone-legend--hidden{visibility:hidden}.zone-legend-item{display:flex;align-items:center;gap:6px}.zone-legend-dot{width:12px;height:12px}.zone-legend-dot--round{border-radius:50%}.zone-legend-label{font-family:Helvetica;font-size:12px;color:var(--color-text-secondary);letter-spacing:.5px}.history{margin-top:56px;width:100%;max-width:600px}.history-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;border-bottom:1px solid var(--color-text);padding-bottom:8px}.history-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:18px;color:var(--color-text);font-weight:700;letter-spacing:-.3px}.history-clear-btn{background:none;border:none;border-bottom:1px solid var(--color-text-muted);color:var(--color-text-muted);font-size:11px;padding:0;cursor:pointer;font-family:Helvetica;letter-spacing:.5px}.history-list{display:flex;flex-direction:column}.history-entry{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border)}.history-time{font-family:Helvetica;font-size:14px;min-width:44px;letter-spacing:.5px}.history-time--highlight{color:var(--color-text);font-weight:600}.history-time--muted{color:var(--color-text-muted);font-weight:400}.history-question{font-family:Playfair Display,Georgia,serif;font-size:14px;color:var(--color-text-secondary);flex:1;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-zone{font-family:Helvetica;font-size:9px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.history-summary{margin-top:16px;font-family:Helvetica;font-size:11px;color:var(--color-text-muted);text-align:center;letter-spacing:.5px}@keyframes pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-text) 4%,transparent)}}@keyframes speakBar{0%,to{height:4px}50%{height:28px}}