*{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media print{@page{margin:3mm 10mm 10mm}body{margin:0;padding:0}}@media(prefers-color-scheme:dark){:root{color:#f0f0f0;background-color:#1a1a1a}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.25rem 2rem 2rem;box-sizing:border-box;position:relative;overflow:hidden}@media print{.app{padding-top:0;padding-left:0;padding-right:0;min-height:auto}}.message-area{margin-bottom:.75rem;width:100%;max-width:90vw;text-align:center}.message{font-size:clamp(2rem,8vw,6rem);font-weight:700;margin:0;cursor:pointer;color:#1a1a1a;line-height:1.2;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;border-radius:8px;transition:background .2s}.message-word{position:relative;padding-bottom:.1em}.message-word--active{text-decoration:underline;text-decoration-thickness:.15em;text-underline-offset:.1em}.message:hover{background:#0000000d}.edit-box{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.message-input{font-size:clamp(1.5rem,5vw,3rem);padding:.75rem 1rem;border:2px solid #333;border-radius:8px;min-width:280px;max-width:90vw}.save-btn{font-size:clamp(1.2rem,4vw,2rem);padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer}.save-btn:hover{background:#333}.clock-area{text-align:center;margin-bottom:.25rem}.clock-area .clock{margin-bottom:0}.time-label{display:block;font-size:clamp(1.2rem,4vw,2rem);font-weight:600;margin-bottom:.5rem;opacity:.9}.time-source{font-weight:500;font-size:.75em;opacity:.85}.clock{display:flex;align-items:baseline;justify-content:center;gap:.05em;font-variant-numeric:tabular-nums;font-weight:700;color:#1a1a1a}.digit{font-size:clamp(4rem,18vw,14rem);line-height:1}.digit-cs{font-size:clamp(2.5rem,10vw,8rem);opacity:.85}.separator{font-size:clamp(3rem,14vw,11rem);line-height:1}.end-time-area{margin-top:.75rem;text-align:center}.end-time-label{font-size:clamp(1rem,3vw,1.5rem);padding:.5rem 1rem;background:transparent;border:1px dashed currentColor;border-radius:8px;cursor:pointer;color:inherit;opacity:.8}.end-time-label:hover{opacity:1}.end-time-edit{margin-top:.5rem}.end-time-input{min-width:160px}.end-time-label-input{min-width:min(420px,90vw)}.save-btn-secondary{background:transparent;color:inherit;border:1px solid currentColor}.save-btn-secondary:hover{background:#0000001a}.remaining{margin-top:.75rem;text-align:center;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.remaining-halo{position:relative}.remaining-halo:before{content:"";position:absolute;inset:-.75rem;border-radius:16px;pointer-events:none;box-shadow:0 0 #0000001a;opacity:.8;animation:remainingHaloPulse 2.4s ease-in-out infinite}@keyframes remainingHaloPulse{0%{box-shadow:0 0 #0000000d;transform:scale(1)}50%{box-shadow:0 0 40px 10px currentColor;transform:scale(1.02)}to{box-shadow:0 0 #0000000d;transform:scale(1)}}.remaining-done{padding:0;border-radius:0}.remaining:hover{background:#0000000a}.remaining:not(.remaining-done) .clock,.remaining:not(.remaining-done) .time-label{color:inherit}.remaining-clock{display:flex;align-items:baseline;justify-content:center;gap:.1em;font-variant-numeric:tabular-nums;font-weight:700}.remaining-value{font-size:clamp(4rem,18vw,14rem);line-height:1}.remaining-done .remaining-value,.remaining-done .remaining-clock{color:#c00}.add-end-time{margin-top:1rem;font-size:clamp(.9rem,2.5vw,1.2rem);padding:.5rem 1rem;background:transparent;border:1px dashed currentColor;border-radius:8px;cursor:pointer;color:inherit;opacity:.7}.add-end-time:hover{opacity:1}@media(prefers-color-scheme:dark){.message,.clock,.time-label{color:#f0f0f0}.message:hover{background:#ffffff14}.message-input{background:#2a2a2a;color:#f0f0f0;border-color:#666}.save-btn{background:#444}.save-btn:hover{background:#555}.save-btn-secondary:hover{background:#ffffff1a}.remaining-done .remaining-value,.remaining-done .remaining-clock{color:#f66}.remaining:hover{background:#ffffff0f}}