:root{color-scheme:light;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;--paper-top: #fff8e6;--paper-bottom: #f4dfb8;--espresso: #4a260f;--espresso-deep: #2f1608;--teal: #1c756b;--teal-dark: #0f5f57;--cream-ink: #fff5db;--caramel: #d96f16;--rail: #c7ae7f;--shadow: rgba(62, 31, 12, .2)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}#root{width:100vw;height:100vh;overflow:hidden;background:transparent}.embed-shell{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;background:transparent}.embed-shell.is-compact-shell{padding:0;background:#fff}.compact-timer{display:grid;align-content:center;justify-items:center;width:100vw;height:100vh;min-width:0;padding:max(2px,10vh) 12px max(2px,8vh);overflow:hidden;background:#fff;color:#14b8a6}.compact-line{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;gap:9px;white-space:nowrap}.compact-status{display:block;flex:0 1 auto;min-width:0;overflow:hidden;font-size:min(24px,max(18px,44vh));font-weight:900;line-height:1;color:#14b8a6;letter-spacing:0;text-overflow:clip;white-space:nowrap}.compact-status-dot{display:block;flex:0 0 auto;width:min(22px,max(13px,24vh));height:min(22px,max(13px,24vh));border-radius:999px;background:#2acb69;box-shadow:0 0 0 3px #2acb6929}.compact-remaining{display:block;flex:0 0 auto;overflow:visible;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:min(52px,max(30px,calc(100vh * .58)));font-weight:900;font-variant-numeric:tabular-nums;line-height:.94;color:#14b8a6;letter-spacing:0;white-space:nowrap}.compact-sub{max-width:100%;margin-top:-1px;overflow:hidden;font-size:min(14px,max(10px,20vh));font-weight:800;line-height:.92;color:#5f6461;letter-spacing:0;text-align:center;white-space:nowrap}.compact-timer.is-chat,.compact-timer.is-chat .compact-status,.compact-timer.is-chat .compact-remaining{color:#d96f16}.compact-timer.is-chat .compact-status-dot{background:#f18b2c;box-shadow:0 0 0 3px #f18b2c2e}.compact-remaining.is-urgent{animation:urgentPulse 1s ease-in-out infinite}@media(max-width:320px){.compact-timer{padding-right:8px;padding-left:8px}.compact-line{gap:8px}.compact-remaining{font-size:min(48px,max(30px,calc(100vh * .56)))}}@media(max-height:56px){.compact-timer{padding-top:1px;padding-bottom:1px}.compact-line{gap:7px}.compact-status-dot{width:min(15px,max(11px,calc(100vh * .28)));height:min(15px,max(11px,calc(100vh * .28)));box-shadow:0 0 0 2px #2acb6929}.compact-remaining{font-size:min(34px,max(28px,68vh))}.compact-sub{margin-top:-3px;font-size:min(11px,max(9px,24vh));line-height:.9}}.timer-board{position:relative;width:760px;height:152px;flex:0 0 auto;transform:scale(var(--scale, 1));transform-origin:center;color:var(--espresso);border:4px solid var(--espresso-deep);border-radius:8px;background:radial-gradient(circle at 14% 20%,rgba(255,255,255,.7),transparent 18%),radial-gradient(circle at 78% 65%,rgba(217,111,22,.12),transparent 22%),linear-gradient(180deg,var(--paper-top),var(--paper-bottom));box-shadow:inset 0 0 0 3px #fff7e0e6,inset 0 0 0 6px #4a260f2b,0 9px 20px var(--shadow)}.timer-board:before,.timer-board:after{position:absolute;right:12px;left:12px;height:2px;content:"";background:#4a260fa6;border-radius:999px}.timer-board:before{top:12px}.timer-board:after{bottom:12px}.board-inner{display:grid;grid-template-columns:236px 1fr 154px;grid-template-rows:76px 26px;column-gap:18px;row-gap:8px;align-items:center;height:100%;padding:20px 22px 18px}.status-badge{display:grid;grid-template-columns:38px 1fr;gap:7px;align-items:center;height:66px;padding:8px 10px;overflow:hidden;color:var(--cream-ink);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,var(--teal),var(--teal-dark));border:2px solid rgba(255,245,219,.78);border-radius:8px;box-shadow:inset 0 0 0 2px #0f5f5780,0 4px 8px #0f5f5729}.is-chat .status-badge{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%),linear-gradient(180deg,#d97b24,#b85a13);box-shadow:inset 0 0 0 2px #853e0c73,0 4px 8px #853e0c26}.status-icon{display:block;width:38px;height:42px;object-fit:contain;object-position:center;mix-blend-mode:screen;opacity:.95}.status-copy{min-width:0}.status-title{overflow:hidden;font-size:26px;font-weight:800;line-height:1.05;letter-spacing:0;white-space:nowrap}.is-chat .status-title{font-size:24px}.status-sub{margin-top:4px;overflow:hidden;font-size:13px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap;opacity:.88}.time-block{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;min-width:0;height:76px;padding-left:1px;border-left:2px solid rgba(74,38,15,.12)}.remaining-label{display:block;align-self:center;justify-self:center;font-size:28px;font-weight:800;line-height:.95;writing-mode:vertical-rl}.remaining-time{justify-self:center;overflow:hidden;max-width:100%;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:68px;font-weight:900;font-variant-numeric:tabular-nums;line-height:.95;color:var(--espresso);letter-spacing:0;white-space:nowrap;filter:drop-shadow(0 1px 0 rgba(255,255,255,.68))}.is-chat .remaining-time{color:var(--caramel)}.remaining-time.is-urgent{animation:urgentPulse 1s ease-in-out infinite}.unit-stack{display:grid;gap:3px;align-content:center;justify-items:center;font-size:20px;font-weight:900;line-height:.9}.now-block{display:grid;align-content:center;height:76px;padding-left:13px;border-left:3px dotted rgba(74,38,15,.72)}.now-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:900;line-height:1;letter-spacing:0;white-space:nowrap}.now-label img{display:block;width:20px;height:20px;object-fit:cover;border-radius:999px}.now-time{margin-top:8px;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:38px;font-weight:900;font-variant-numeric:tabular-nums;line-height:.9;letter-spacing:0;white-space:nowrap}.progress-block{grid-column:1 / -1;align-self:start}.progress-rail{position:relative;height:8px;overflow:visible;border-radius:999px;background:var(--rail);box-shadow:inset 0 1px 1px #4a260f3d,0 1px #ffffffb8}.focus-fill,.chat-fill{position:absolute;top:0;bottom:0;display:block;border-radius:999px}.focus-fill{left:0;width:var(--focus-progress);background:linear-gradient(90deg,#1c756b,#299182)}.chat-fill{left:83.333%;width:var(--chat-progress);max-width:16.667%;background:linear-gradient(90deg,#d96f16,#ec8a24)}.progress-marker{position:absolute;top:50%;left:var(--marker-progress);width:36px;height:24px;object-fit:cover;border-radius:6px;transform:translate(-50%,-48%);filter:drop-shadow(0 2px 2px rgba(74,38,15,.24))}.progress-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:13px;font-weight:900;line-height:1;color:var(--teal);letter-spacing:0}.progress-labels span:last-child{color:var(--caramel)}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}