:root{--bg: #0f0f1a;--surface: #1c1c2e;--accent: #e94560;--accent2: #0f3460;--text: #f0f0f0;--text-dim: #7a7d96;--green: #22c55e;--radius: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:480px;padding:0 16px}.btn{border:none;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 22px;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent2);color:#fff}.btn-success{background:#15532e;border:1px solid var(--green);color:var(--green)}.btn-danger{background:#2d0a0a;border:1px solid var(--accent);color:var(--accent)}.btn-urgent{background:var(--accent);color:#fff;font-size:1rem;font-weight:700;padding:14px 20px;border-radius:var(--radius);flex-shrink:0}.parent-layout{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 0}.app-header{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:600}.logo{font-size:1.8rem}.clock-wrapper{margin:4px 0}.status-label{font-size:.82rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;min-height:1.2em}.task-row{width:100%}.task-input{width:100%;background:var(--surface);border:1px solid var(--accent2);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:10px 14px;outline:none;transition:border-color .2s}.task-input:focus{border-color:var(--accent)}.duration-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.duration-btn{background:var(--surface);border:1px solid var(--accent2);border-radius:99px;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .18s}.duration-btn:hover{border-color:var(--accent);color:var(--text)}.duration-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.urgent-banner{background:var(--accent);border-radius:var(--radius);color:#fff;font-size:.95rem;font-weight:700;padding:12px 20px;width:100%;text-align:center;animation:ub-pulse .9s ease-in-out infinite alternate}@keyframes ub-pulse{to{opacity:.45}}.child-layout{min-height:100dvh;width:100vw;margin-left:calc(-50vw + 50%);display:flex;flex-direction:column;align-items:stretch;transition:background .6s ease}#clock-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.child-bottom-bar{width:100%;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.child-status-group{display:flex;align-items:center;gap:10px;min-width:0}.child-emoji{font-size:2rem;line-height:1;flex-shrink:0}.child-status-text{display:flex;flex-direction:column;min-width:0}.child-status{font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.child-task{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1em}.theme-idle{background:#0f0f1a}.theme-work{background:#1e0606}.theme-paused{background:#1e1800}.theme-break{background:#061806}.theme-done{background:#051218}#sw-update-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9998;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:.9rem;box-shadow:0 4px 20px #00000080;animation:toast-drop .3s cubic-bezier(.22,1,.36,1) both;white-space:nowrap}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#sw-update-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;cursor:pointer}:root{--fc-fs: clamp(3.2rem, 13vw, 6rem);--fc-half: clamp(36px, 8vw, 72px);--fc-w: clamp(52px, 11vw, 96px)}.flip-clock{perspective:600px;display:flex;align-items:center;justify-content:center;gap:clamp(3px,1vw,8px)}.flip-clock__piece{display:block;flex-shrink:0}.flip-clock__sep{font-size:var(--fc-fs);font-family:Courier New,Courier,monospace;font-weight:900;color:#e94560;height:calc(var(--fc-half) * 2);display:flex;align-items:center;padding:0 clamp(2px,.8vw,6px);animation:fc-blink 1s step-end infinite;line-height:1}@keyframes fc-blink{50%{opacity:0}}.flip-card{display:block;position:relative;height:calc(var(--fc-half) * 2);width:var(--fc-w);font-size:var(--fc-fs);line-height:.95;font-family:Courier New,Courier,monospace;font-weight:900;box-shadow:0 4px 16px #0009;border-radius:4px}.flip-card__top,.flip-card__bottom,.flip-card__back-bottom,.flip-card__back:before,.flip-card__back:after{display:block;height:var(--fc-half);width:var(--fc-w);color:#f0f0f0;background:#222;text-align:center;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;line-height:calc(var(--fc-half) * 2)}.flip-card__top{border-radius:4px 4px 0 0;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-bottom:1.5px solid #000}.flip-card__bottom,.flip-card__back-bottom{position:absolute;top:var(--fc-half);left:0;border-top:1.5px solid #000;background:linear-gradient(to bottom,#1a1a1a,#111);border-radius:0 0 4px 4px;pointer-events:none;z-index:2}.flip-card__back-bottom{z-index:1}.flip-card__bottom:after,.flip-card__back-bottom:after{display:block;margin-top:calc(var(--fc-half) * -1)}.flip-card__back:before,.flip-card__bottom:after,.flip-card__back-bottom:after{content:attr(data-value)}.flip-card__back{position:absolute;top:0;left:0;height:100%;pointer-events:none}.flip-card__back:before{border-radius:4px 4px 0 0;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);position:relative;overflow:hidden;z-index:-1;border-bottom:1.5px solid #000}.flip .flip-card__back:before{z-index:1;animation:flipTop .3s cubic-bezier(.37,.01,.94,.35) both;transform-origin:center bottom}.flip .flip-card__bottom{transform-origin:center top;animation:flipBottom .6s cubic-bezier(.15,.45,.28,1) both}@keyframes flipTop{0%{transform:rotateX(0);z-index:2;opacity:1}99%{opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:1}to{opacity:1;transform:rotateX(0);z-index:5}}.fc--child{--fc-fs: clamp(4rem, 18vw, 8rem);--fc-half: clamp(48px, 12vw, 96px);--fc-w: clamp(64px, 16vw, 128px)}#pwa-install-btn{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;background:#e94560;color:#fff;border:none;border-top:1px solid rgba(255,255,255,.15);padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:1rem;font-weight:700;cursor:pointer;white-space:nowrap;letter-spacing:.01em;box-shadow:0 -4px 24px #e9456066;animation:pwa-slide-up .35s cubic-bezier(.22,1,.36,1) both}#pwa-install-btn:active{background:#c73652}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}