*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.focus-app{color:#f7f7f2;background:#101418;grid-template-columns:minmax(0,1fr) 340px;min-height:100vh;display:grid}.focus-app.controls-hidden{grid-template-columns:1fr}.focus-stage{background:#161d22;min-height:100vh;position:relative;overflow:hidden}.focus-gif,.focus-idle{width:100%;height:100%;min-height:100vh}.focus-gif{object-fit:cover;display:block}.focus-idle{background:radial-gradient(circle at 25% 20%,#16a08542,#0000 30%),linear-gradient(135deg,#182126 0%,#26333a 52%,#101418 100%);place-items:center;display:grid}.focus-idle span{color:#f7f7f2bd;letter-spacing:0;font-size:72px;font-weight:800}.timer-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101418c2;border:1px solid #ffffff1f;border-radius:8px;width:min(420px,100% - 80px);padding:28px;position:absolute;bottom:40px;left:40px;box-shadow:0 24px 60px #00000047}.panel-label{color:#9fb4ad;letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.count{letter-spacing:0;margin:0 0 18px;font-size:82px;line-height:.92}.progress{background:#ffffff2e;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar{border-radius:inherit;background:#16a085;height:100%;transition:width 1s linear}.audio-note{color:#ffd166;margin:14px 0 0;font-size:13px;line-height:1.4}.control-panel{color:#1d2528;background:#f4f1ea;border-left:1px solid #ffffff14;flex-direction:column;gap:28px;min-height:100vh;padding:32px;display:flex}.control-panel.hidden{display:none}.time-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:800;transition:transform .16s,background-color .16s,color .16s,opacity .16s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.46}.time-option{color:#26333a;background:#fff;border:1px solid #ded8cd}.time-option.active{color:#fff;background:#26333a;border-color:#26333a}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-btn{color:#fff;background:#16a085}.secondary-btn{color:#fff;background:#26333a}.history-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-head .panel-label{margin:0}.text-btn{color:#b33a3a;background:0 0;min-height:34px;padding:0 12px}.top-actions{z-index:2;gap:10px;display:flex;position:absolute;top:24px;right:24px}.icon-toggle{color:#26333a;background:#fff;border:1px solid #ded8cd;place-items:center;width:44px;min-height:44px;padding:0;display:inline-grid;box-shadow:0 16px 40px #00000038}.panel-icon,.fullscreen-icon{display:block;position:relative}.panel-icon{border:2px solid;border-radius:4px;width:20px;height:16px}.panel-icon:after{content:"";background:currentColor;width:2px;height:100%;position:absolute;top:0;right:4px}.panel-icon-open:after{left:4px;right:auto}.fullscreen-icon{width:20px;height:20px}.fullscreen-icon:before,.fullscreen-icon:after{content:"";border-style:solid;border-color:currentColor;width:8px;height:8px;position:absolute}.fullscreen-icon:before{border-width:2px 0 0 2px;top:0;left:0;box-shadow:12px 0 0 -2px #fff,12px 0}.fullscreen-icon:after{border-width:0 2px 2px 0;bottom:0;right:0;box-shadow:-12px 0 0 -2px #fff,-12px 0}.fullscreen-icon-exit:before{top:2px;left:2px;transform:rotate(180deg)}.fullscreen-icon-exit:after{bottom:2px;right:2px;transform:rotate(180deg)}.history-list{gap:10px;display:grid}.history-item,.empty-history{background:#fff;border:1px solid #ded8cd;border-radius:8px;margin:0;padding:14px}.history-item{justify-content:space-between;align-items:center;gap:14px;font-weight:800;display:flex}.history-item time,.empty-history{color:#667477;font-size:13px;font-weight:700}@media (width<=820px){.focus-app{grid-template-columns:1fr}.focus-stage,.focus-gif,.focus-idle{min-height:58vh}.timer-panel{width:auto;padding:20px;bottom:16px;left:16px;right:16px}.count{font-size:58px}.control-panel{border-left:0;min-height:auto;padding:24px 16px 32px}.top-actions{top:16px;right:16px}}