*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#3a3a3a;user-select:none;-webkit-user-select:none;touch-action:manipulation}.app{display:flex;flex-direction:column;height:100%}.top-bar{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 16px;background:#3a3a3a;flex-shrink:0}.settings-toggle{padding:6px 32px;font-size:16px;border:2px solid #6cb4ee;border-radius:8px;background:linear-gradient(to bottom,#e8f4ff,#c8e4ff);color:#1a8cdd;cursor:pointer;font-weight:500}.settings-toggle:active{background:linear-gradient(to bottom,#c8e4ff,#a8d0f0)}.pause-btn{padding:6px 24px;font-size:16px;border:2px solid #ee9b6c;border-radius:8px;background:linear-gradient(to bottom,#fff4e8,#ffe4c8);color:#dd6a1a;cursor:pointer;font-weight:500}.pause-btn:active{background:linear-gradient(to bottom,#ffe4c8,#f0d0a8)}.turn-count{color:#ccc;font-size:14px}.timer-container{display:flex;flex:1;min-height:0}.divider{width:3px;background:#555;flex-shrink:0}.timer-panel{flex:1;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:16px;font-family:inherit;-webkit-tap-highlight-color:transparent;background:#e8e8e0;transition:background .15s}.timer-panel:active{filter:brightness(.92)}.timer-panel.active{background:#f0e060}.timer-panel.inactive{background:#e0e0ea}.timer-panel.time-up{background:#faa!important}.time-display{display:flex;align-items:baseline;gap:8px}.main-time{font-size:clamp(28px,8vw,56px);font-weight:700;font-variant-numeric:tabular-nums;color:#1a1a1a;letter-spacing:2px}.byoyomi-time{font-size:clamp(14px,3.5vw,24px);font-weight:500;font-variant-numeric:tabular-nums;color:#1a1a1a}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.settings-menu{background:#fff;border-radius:12px;padding:24px;width:min(360px,90vw);display:flex;flex-direction:column;gap:16px}.settings-menu h2{text-align:center;font-size:20px;color:#333}.turn-info{text-align:center;font-size:16px;color:#666;padding:4px 0}.time-input-group{display:flex;flex-direction:column;gap:6px}.time-input-group label{font-size:14px;font-weight:600;color:#555}.time-inputs{display:flex;align-items:center;gap:6px}.time-inputs input{width:60px;padding:6px 8px;font-size:16px;border:1px solid #ccc;border-radius:6px;text-align:center}.time-inputs input:disabled{background:#f0f0f0;color:#999}.time-inputs span{font-size:14px;color:#666}.settings-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.settings-btn{padding:10px 16px;font-size:16px;border:1px solid #ccc;border-radius:8px;background:#f8f8f8;cursor:pointer;color:#333}.settings-btn:active{background:#e8e8e8}.settings-btn.danger{background:#fee;border-color:#e88;color:#c33}.settings-btn.danger:active{background:#fdd}.confirm-dialog{background:#fff9e6;border:1px solid #e8d080;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.confirm-dialog p{text-align:center;font-size:16px;color:#666}.confirm-actions{display:flex;gap:8px}.confirm-actions .settings-btn{flex:1}