@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes progress-bar-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes progress-blink{0%,50%{opacity:1}51%,to{opacity:.3}}:root{--bg:#0b0c10;--fg:#e8e9ed;--muted:#666;--accent:#30A2FF;--border:rgba(255, 255, 255, 0.1);--glass:rgba(255, 255, 255, 0.05);--shadow:rgba(0, 0, 0, 0.3);--calendar-icon-filter:invert(1) brightness(1.1);--topbar-bottom:60px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg);color:var(--fg);overflow:hidden;transition:background-color .25s ease,color .25s ease}body.mini-root,html.mini-root{overflow:auto}a{color:var(--accent)}a:focus-visible,a:hover{color:var(--accent)}a:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a:focus:not(:focus-visible){outline:0}.topbar nav.group{gap:1rem;margin-right:1.5rem}.topbar nav.group a{text-decoration:none;opacity:.9;display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;font-weight:700;transition:opacity .2s ease,border-color .2s ease}.topbar nav.group a:focus,.topbar nav.group a:hover{opacity:1;border-bottom-color:var(--accent)}.topbar nav.group a[aria-current=page]{opacity:1;border-bottom-color:var(--accent);cursor:default}.app{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;z-index:1}.notice-bar,.topbar{background:rgba(0,0,0,.2);backdrop-filter:blur(10px)}.topbar{display:flex;align-items:center;justify-content:flex-start;padding:.75rem 1rem;position:sticky;top:0;z-index:100;transition:all .3s ease}.notice-bar{width:fit-content;max-width:calc(100vw - 24px);padding:.6rem .75rem;border:1px solid var(--border);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--topbar-bottom, 0px) + 10px);margin:0;z-index:95}html.js .notice-bar{visibility:hidden}html.js.ui-ready .current-time,html.js.ui-ready .notice-bar{visibility:visible}.notice-bar[hidden]{display:none!important}.notice-bar-inner{display:flex;align-items:center;justify-content:center;gap:.5rem}.notice-bar-left{display:flex;align-items:baseline;gap:.25rem;color:var(--foreground);font-size:.95rem;flex-wrap:wrap}.notice-bar-left a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.notice-bar-left a:focus,.notice-bar-left a:hover{opacity:.9}.notice-close{flex:0 0 auto}@media (min-width:769px){.topbar button{height:40px}}.topbar-center{justify-content:flex-end;gap:.75rem;flex:1 1 auto}.menubar,.topbar-center,.topbar-left{display:flex;align-items:center}.topbar-left{gap:.75rem;flex:0 0 auto;min-width:0}.menubar{gap:.25rem}.menu{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .6rem;height:40px;background:0 0;border:1px solid transparent;border-radius:.6rem;color:var(--fg);font-weight:600;line-height:1;white-space:nowrap}.menu-trigger:focus,.menu-trigger:hover{background:rgba(255,255,255,.06);border-color:var(--border)}.menu-trigger .menu-chevron{opacity:.75}.menu-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:.25rem;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:150}.menu-popover[hidden]{display:none!important}.menu-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border:0;border-radius:.6rem;background:0 0;color:var(--fg);font-size:.95rem;text-align:left;cursor:pointer;line-height:1.2}.menu-popover a.menu-item{text-decoration:none}.menu-item:focus,.menu-item:hover{background:rgba(255,255,255,.06)}.menu-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:0;color:var(--accent)}.menu-item[aria-checked=true] .menu-check{opacity:1}.topbar .group.right{margin-left:auto}.brand h1{font-size:2rem;font-weight:900;color:var(--foreground);margin:0;letter-spacing:.08em}.brand a{color:inherit;text-decoration:none}.brand a:focus,.brand a:hover{color:inherit;text-decoration:none}.brand .logo{height:2.25rem;width:auto;color:var(--foreground);transition:color .2s ease}.target-chip{position:fixed;left:12px;bottom:12px;display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;z-index:200}.target-chip[hidden]{display:none!important}.target-chip:not([hidden]){display:inline-flex}.target-chip .chip-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.3)}.target-chip .chip-text{font-size:.9rem;color:var(--foreground)}.target-chip .chip-close.btn-secondary{padding:.25rem .5rem;font-size:.8rem}@media (max-width:768px){.target-chip{left:8px;bottom:8px;padding:.25rem .5rem;gap:.375rem}.target-chip .chip-text{font-size:.85rem}.target-chip .chip-close.btn-secondary{font-size:.75rem;padding:.25rem .5rem}}.group{display:flex;align-items:center;gap:.5rem;white-space:nowrap;position:relative}.group.right{margin-left:auto}.separator-vertical{width:1px;height:2rem;background:var(--border);margin:0 1rem}.timer-inputs .input-suffix{position:relative;display:inline-flex;align-items:center}.timer-inputs .input-suffix::after{content:attr(data-suffix);position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--fg);font-size:.9rem;opacity:.7;pointer-events:none}.timer-inputs input[type=number]{width:8ch;text-align:center;border:1px solid color-mix(in srgb,var(--fg) 28%,transparent);padding:.5rem 1.6rem .5rem .3rem;line-height:1.3;color:var(--accent);font-size:1.25rem;font-weight:900;letter-spacing:.02em;min-height:40px}.timer-inputs input[type=number]:focus{color:var(--accent);border-color:var(--accent)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.spacer{flex:1}label{font-size:1.5rem;color:var(--foreground);text-transform:uppercase;font-weight:300}input[type=number],input[type=range],select{background:var(--glass);border:1px solid var(--border);border-radius:4px;color:var(--accent);font-size:1.5rem;padding:.25rem .5rem;min-width:0}input[type=number]{width:5rem;height:2.5rem}input[type=range]{width:5rem;padding:0}select{min-width:8rem}input[type=checkbox]{accent-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:0}button{background:var(--glass);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:.875rem;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-weight:500;position:relative}button[title]:hover::after,button[title]:hover::before{position:absolute;left:50%;transform:translateX(-50%);z-index:1000;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease forwards}button[title]:hover::after{content:attr(title);bottom:-2.5rem;background:rgba(0,0,0,.9);color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap}button[title]:hover::before{content:"";bottom:-.5rem;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(0,0,0,.9)}button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}#playBtn,.top-tools{justify-content:center;align-items:center;gap:.5rem}#playBtn,#playBtn:hover{border-color:var(--accent)}#playBtn{background:var(--accent);color:var(--bg);display:inline-flex;width:8.5rem}#playBtn:hover{background:var(--bg);color:var(--accent)}.top-tools button{flex:0 0 auto;transform:none}.top-tools button:hover{transform:none}.top-tools{display:flex;flex-wrap:wrap;width:100%;margin-bottom:1rem}#playBtn .btn-text{font-weight:600;letter-spacing:.04em;display:inline-block;min-width:5.2ch;text-align:center}.preset-selector{gap:.5rem;align-items:center;margin-left:10px;position:relative}.preset-selector label{font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap}#presetSelect{background:var(--glass);border:1px solid var(--border);border-radius:4px;color:var(--foreground);font-size:.875rem;padding:.5rem .75rem;min-height:40px;cursor:pointer;transition:all .2s ease;min-width:140px}#presetSelect:hover{border-color:var(--accent)}#presetSelect:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}#hideUIBtn{width:2.5rem;padding:.5rem;font-size:1rem;line-height:1}.stage,.timer-box{display:flex;align-items:center;justify-content:center}.stage{flex:1;padding:0;min-height:0}.timer-box{width:100%;height:100%;position:fixed;inset:0;pointer-events:none;z-index:0}.subtitle,.time{color:var(--foreground);text-align:center}.time{font-family:"Chivo Mono","Courier New",monospace;font-size:20vw;font-weight:700;line-height:.9;letter-spacing:-.02em;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;will-change:transform}.time .colon{display:inline-block;margin-left:-.22ch;margin-right:-.22ch}.time .digit-group{display:inline-flex;flex-direction:column;align-items:center;line-height:.9}.time .digits{display:block;line-height:.78}.time .digit-label{display:block;font-size:.05em;margin-top:-.04em;text-transform:uppercase;letter-spacing:.6em;font-weight:400;opacity:.8}.subtitle{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);font-family:"Chivo Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:4vw;font-weight:600;max-width:80%;word-wrap:break-word;z-index:10}.subtitle-top{top:1rem;bottom:auto;font-size:3vw}#showUIBtn,.current-time{position:fixed;color:var(--foreground)}.current-time{left:50%;transform:translateX(-50%);top:128px;text-align:center;font-family:"Chivo Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;pointer-events:none;z-index:150}html.js .current-time{visibility:hidden}.current-time-title{font-size:.9vw;font-weight:600;opacity:.8;text-transform:uppercase}.current-time-value{font-size:2.4vw;font-weight:700;line-height:1.1}@media (max-width:768px){.current-time-title{font-size:2.2vw}.current-time-value{font-size:5vw}}.current-time.mirror .current-time-value{display:inline-block;transform:scaleX(-1)}.current-time.mirror .current-time-title{transform:scaleX(-1)}html.ui-hidden .topbar{transform:translateY(-100%);opacity:0;pointer-events:none}html.ui-hidden .notice-bar{display:none!important}html.ui-hidden .stage{padding:0}#showUIBtn{top:20px;right:20px;z-index:1001;background:var(--bg);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}#showUIBtn:hover{background:var(--accent);color:var(--background)}html.ui-hidden #showUIBtn{display:block!important}html:not(.ui-hidden) #showUIBtn{display:none!important}[data-label=volume-val]{font-size:.75rem;color:var(--muted);min-width:2.5rem;text-align:center}@media (max-width:768px){.topbar{flex-direction:column;gap:.75rem;padding:.75rem;align-items:center;justify-content:center;text-align:center;max-width:100%}.topbar,.topbar>*{width:100%}.brand,.topbar-center{display:flex;justify-content:center}.topbar-center{flex-direction:column;align-items:center;gap:.75rem}.brand{align-self:center;width:100%;margin-bottom:.25rem}.topbar-left{flex-direction:column;gap:.5rem;width:100%}.menubar,.topbar .timer-inputs{justify-content:center;flex-wrap:wrap}.menu-popover{left:50%;transform:translateX(-50%)}.separator-vertical{display:none}.support-content{grid-template-columns:1fr}.topbar .timer-inputs{align-items:center;gap:1rem;order:1;width:100%;max-width:400px}.timer-inputs input,.topbar .preset-selector select{width:6ch;text-align:center;font-size:1.1rem;padding:.75rem .5rem;min-height:48px}.timer-inputs label{font-size:.8rem;font-weight:600;text-align:center}.topbar .preset-selector{order:2;margin:.25rem 0;width:100%;max-width:400px}.topbar .preset-selector select{width:100%;max-width:280px;padding:.875rem;font-size:1rem}.topbar #playBtn{padding:.875rem 2rem;font-size:1.1rem;border-radius:8px;margin-left:0;margin-right:0;width:8.5rem}.topbar .group.right{order:3;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;width:100%;max-width:400px;margin-left:0}.group,.stage,.topbar .group.right,.topbar .preset-selector{justify-content:center;align-items:center}.group{gap:.75rem}button{padding:.625rem;font-size:.9rem;min-width:48px;min-height:48px}.stage{padding:1rem;width:100%;display:flex}.time{font-size:25vw;line-height:.8;text-align:center}.theme-selector{left:50%;transform:translateX(-50%);gap:.5rem}.theme-circle{width:2.5rem;height:2.5rem}}@media (max-width:480px){.topbar{font-size:.875rem;padding:.5rem;gap:.5rem;align-items:center;width:100%}.brand{margin-bottom:.125rem}.group.right,.timer-inputs{gap:.75rem;width:100%;max-width:350px}.timer-inputs input{width:5ch;font-size:1rem;padding:.625rem .375rem;min-height:44px}.timer-inputs label{font-size:.75rem}.preset-selector{margin:.125rem 0;width:100%;max-width:350px}.preset-selector select{width:100%;max-width:250px;padding:.75rem;font-size:.9rem;min-height:44px}#playBtn{padding:.75rem 1.5rem;font-size:1rem;margin-left:0;width:8.5rem}.group.right{gap:.5rem;margin-top:.25rem;margin-left:0}.group{gap:.5rem}button{padding:.5rem;font-size:.85rem;min-width:44px;min-height:44px}.stage{padding:.5rem;width:100%}.time{font-size:28vw;line-height:.75;text-align:center}.theme-selector{left:50%;transform:translateX(-50%);gap:.4rem}.theme-circle{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:high){:root{--border:rgba(255, 255, 255, 0.3);--glass:rgba(255, 255, 255, 0.1)}}.mini-root{padding:12px}.mini-root .container{max-width:100%;width:100%;padding:0 .75rem}.mini-root .container .muted{white-space:normal;overflow-wrap:anywhere}.mini-header{flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;margin:1rem 0}.mini-header .time{font-size:8vw;line-height:.9}.time-mini{font-family:"Chivo Mono","Courier New",monospace;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--foreground)}.mini-col,.mini-content{flex-direction:column;align-items:center}.mini-content{justify-content:center;gap:.75rem}.mini-col{gap:.2rem;width:100%}.mini-inputs{margin-bottom:.25rem;justify-content:center;align-items:center}.mini-actions{margin-top:.25rem}.btn-square-sm,.mini-actions,.mini-note{justify-content:center;align-items:center}.btn-square-sm{min-width:40px;min-height:40px;padding:.25rem;display:inline-flex}.mini-note{margin-top:.25rem;flex-direction:column}.mini-note .muted{white-space:normal;max-width:60ch;margin:0 auto}.mini-root .divider{margin:.25rem 0}.mini-root>section.group:first-of-type{margin-bottom:1rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal:not([hidden]){opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);cursor:pointer}.modal-content{position:relative;background-color:var(--bg);border:1px solid var(--border-color);border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.modal:not([hidden]) .modal-content{transform:scale(1)}#actionsModal .modal-content,#speechModal .modal-content{max-width:1040px;width:min(1040px,94vw);max-height:86vh}#supportModal .modal-content{max-width:1120px;width:min(1120px,96vw);max-height:86vh}#speechModal .modal-body{padding:1.5rem}.modal-close,.modal-header{display:flex;align-items:center}.modal-header{justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);transition:background-color .25s ease,border-bottom-color .25s ease,color .25s ease}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color);transition:color .25s ease}.modal-close{background:0 0;border:0;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;justify-content:center}.modal-close:hover{background:var(--hover-color)}.modal-body{padding:2rem;overflow-y:auto;max-height:calc(80vh - 100px)}.theme-modal-content{max-width:860px}.theme-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.theme-section-title{margin:0 0 .75rem;font-size:1rem;color:var(--muted);font-weight:600}.theme-list{display:grid;grid-template-columns:1fr;gap:.5rem}.theme-option{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%}.theme-option.active{border-color:var(--accent)}.custom-colors{display:flex;flex-direction:column;gap:.75rem}.theme-reset-btn{margin-top:.75rem;width:100%}.custom-color-group{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem .875rem;background:var(--glass);border:1px solid var(--border);border-radius:.75rem}.custom-color-label{font-size:.95rem;color:var(--fg)}.color-swatch-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.4rem}.color-swatch{width:22px;height:22px;border-radius:999px;padding:0;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);background-color:var(--swatch, transparent);cursor:pointer;flex:0 0 auto;transition:transform .15s ease,box-shadow .15s ease}.color-swatch:hover{transform:translateY(-1px)}.color-swatch:disabled{opacity:.35;cursor:not-allowed;transform:none}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}@media (min-width:769px){.theme-layout{grid-template-columns:1fr 1fr}}@media (min-width:520px){.theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.presets-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.presets-list .btn-secondary{display:flex;align-items:center;justify-content:center;height:64px;min-width:140px;font-weight:600;letter-spacing:.2px}@media (max-width:480px){.presets-list{grid-template-columns:repeat(2,1fr)}.presets-list .btn-secondary{height:56px;min-width:auto;font-size:.95rem}}.presets-popover{position:absolute;top:calc(100% + .5rem);left:0;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;box-shadow:0 8px 24px var(--shadow);z-index:1001;min-width:260px}.presets-popover .presets-list{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.5rem}.presets-popover .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.9rem;min-height:40px;flex:initial}.support-content{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(320px,1fr);gap:1.5rem;align-items:start;text-align:left}.support-intro{grid-column:1/-1;max-width:56rem}.support-banners,.support-links{display:flex;flex-direction:column;gap:1rem;min-width:0}.support-icon{margin-bottom:1rem;color:var(--accent-color)}.support-description{font-size:1.1rem;line-height:1.6;color:var(--text-color);margin-bottom:0}.support-extras{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem}.support-item-extra{display:block;width:250px;min-width:250px;max-width:250px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:border-color .2s;cursor:pointer}.support-item-extra img{width:100%;height:100%;object-fit:cover;display:block}.support-item-extra:hover{border-color:var(--fg)}@media (min-width:769px){.support-links{grid-template-columns:1fr}}.support-link{display:flex;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:1rem 1.125rem;background:var(--bg-secondary);color:var(--text-color);text-decoration:none;border-radius:8px;border:2px solid var(--border-color);font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.support-link:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.support-link svg{flex:0 0 auto;width:18px;height:18px;margin-top:.15rem;transition:all .3s ease}.support-link-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.support-link-name{font-weight:700;line-height:1.2}.support-link-description{font-size:.92rem;line-height:1.4;color:var(--muted)}.support-link:hover .support-link-description{color:inherit}.subtitle-form{display:flex;flex-direction:column;gap:.75rem}.subtitle-form label{font-size:1rem;font-weight:500;color:var(--foreground);margin-bottom:.25rem}.subtitle-form input,.subtitle-form select{padding:.75rem;border:2px solid var(--border);border-radius:6px;background:var(--bg);color:var(--foreground);font-size:1rem;transition:border-color .2s ease}.actions-option input[type=text]:focus,.actions-option select:focus,.subtitle-form input:focus,.subtitle-form select:focus{outline:0;border-color:var(--accent)}#targetModal .modal-description{margin-bottom:1rem}#targetModal .subtitle-form{gap:.5rem}#targetModal .subtitle-form label{margin-bottom:.125rem}#targetModal .subtitle-form+.subtitle-form{margin-top:.75rem}#targetModal .timer-inputs{display:flex;align-items:center;gap:.375rem;margin-left:0}#targetModal input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter);opacity:.85}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.actions-form{display:flex;flex-direction:column;gap:.75rem}.actions-suggest{font-size:.95rem;color:var(--muted);line-height:1.35}.actions-suggest a{color:var(--accent);text-decoration:underline}.actions-layout{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:760px){.actions-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.actions-option--full{grid-column:1/-1}.actions-section-title{font-size:1rem;font-weight:600;color:var(--muted)}.actions-option{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .875rem;background:var(--glass);border:1px solid var(--border);border-radius:.75rem}.actions-option-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.actions-option-head--toggle-left{justify-content:flex-start;align-items:center;gap:.75rem}.actions-option-title{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--foreground)}.actions-option-title svg{flex:0 0 auto}.actions-help{font-size:.95rem;color:var(--muted);line-height:1.35}.actions-option input[type=radio]{margin:0}.actions-option input[type=text],.actions-option select{padding:.75rem;border:2px solid var(--border);border-radius:6px;background:var(--bg);color:var(--foreground);font-size:1rem;transition:border-color .2s ease;width:100%;box-sizing:border-box}.actions-option input[type=text]:disabled,.actions-option select:disabled{opacity:.6;cursor:not-allowed}.actions-confetti-controls{display:flex;flex-direction:column;gap:.5rem}.actions-confetti-controls .btn-secondary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.actions-qr-preview{display:flex;align-items:center;justify-content:center;min-height:160px;padding:.75rem;border-radius:.75rem;border:1px solid var(--border);background:var(--bg-secondary)}.actions-qr-preview svg{width:180px;height:180px}.speech-form{display:flex;flex-direction:column;gap:1rem}.speech-layout{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:760px){.speech-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.speech-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.speech-master{display:flex;align-items:flex-start;justify-content:flex-start;gap:.75rem;grid-column:1/-1;padding:.75rem .875rem;background:var(--glass);border:1px solid var(--border);border-radius:.75rem}.speech-master-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.speech-status{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border);background:rgba(34,197,94,.16);color:#22c55e;font-size:.85rem;font-weight:700;line-height:1.1}.speech-status.speech-status--off{background:var(--bg-secondary);color:var(--muted)}.speech-master-title{font-size:1rem;font-weight:700;color:var(--foreground)}.speech-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;background:var(--glass);border:1px solid var(--border);border-radius:.75rem}.speech-section-title{font-size:1rem;font-weight:700;color:var(--foreground)}.speech-help{font-size:.95rem;color:var(--muted);line-height:1.35}.speech-voice-row{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:stretch}.speech-voice-field{min-width:0}.speech-voice-actions{display:flex;justify-content:flex-start;width:100%}.speech-voice-actions .btn-secondary{flex:1 1 auto;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.speech-voice-row select{font-size:1rem;padding:.5rem .75rem;width:100%;box-sizing:border-box}.speech-interval-controls input[type=number],.speech-interval-controls select{font-size:1rem}.speech-table{border:1px solid var(--border);border-radius:.75rem;overflow:hidden;background:rgba(0,0,0,.08)}.speech-table-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .875rem;background:var(--glass);border-top:1px solid var(--border)}.speech-table-row:first-child{border-top:none}.speech-table-row--tall{align-items:flex-start}.speech-table-cell{flex:1;min-width:0;font-size:1rem;font-weight:600;color:var(--foreground);text-transform:none;line-height:1.3}.speech-table-cell--right{flex:0 0 auto}.speech-row-title{font-size:1rem;font-weight:600;color:var(--foreground);text-transform:none;line-height:1.3;margin-bottom:.35rem}.speech-interval-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.speech-interval-controls input[type=number]{width:5rem;height:2.5rem}.switch{cursor:pointer}.speech-advanced,.speech-preview{padding:.75rem .875rem;border-radius:.75rem;border:1px solid var(--border)}.speech-preview{font-size:.95rem;color:var(--muted);line-height:1.35;background:var(--bg-secondary)}.speech-advanced{background:var(--glass)}.speech-advanced summary{cursor:pointer;font-size:1rem;font-weight:700}.speech-advanced-body{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.speech-advanced summary,.speech-label{color:var(--foreground);text-transform:none}.speech-label{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.speech-field input[type=text]{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:6px;background:var(--bg);color:var(--foreground);font-size:1rem}.speech-field input[type=text]:focus{outline:0;border-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.end-action-overlay{position:fixed;top:var(--topbar-bottom, 60px);left:0;right:0;bottom:0;z-index:900;display:none;align-items:center;justify-content:center;background:var(--bg);padding:80px 24px;overflow:auto}.end-action-overlay:not([hidden]){display:flex}.end-action-content{position:relative;width:min(900px,100%);display:grid;gap:1rem;justify-items:center;text-align:center}.end-action-close{position:fixed;top:calc(var(--topbar-bottom, 60px) + 16px);right:16px;z-index:901;background:var(--bg-secondary);border:1px solid var(--border-color)}.end-action-message{font-size:clamp(3.25rem,10vw,9rem);font-weight:700;line-height:1.02;color:var(--foreground);word-break:break-word}.end-action-qr{box-sizing:border-box;aspect-ratio:1/1;width:min(calc(100vh - var(--topbar-bottom, 60px) - 160px),100%);height:auto;justify-self:center;margin-left:auto;margin-right:auto;background:#fff;border-radius:24px;padding:20px;display:flex;align-items:center;justify-content:center}.end-action-qr[hidden]{display:none}.end-action-qr img,.end-action-qr svg{width:100%;height:auto;display:block}.end-action-qr img{height:100%;object-fit:contain;margin:0 auto}.end-action-url{font-size:1rem;color:var(--muted);max-width:70ch;word-break:break-word}body.end-action-active #timerSubtitle,body.end-action-active .current-time,body.end-action-active .target-chip,body.end-action-active .timer-box{visibility:hidden}#targetModal .modal-content{max-width:900px}#targetModal .modal-body.two-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start}#targetModal .column-separator{width:1px;background:var(--border)}#targetModal .target-config,#targetModal .target-description{min-width:0}@media (max-width:768px){#targetModal .modal-body.two-columns{display:block}#targetModal .column-separator{display:none}#targetModal .target-description{margin-top:1rem}}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:0;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover, var(--accent));transform:translateY(-1px);color:var(--bg)}.btn-secondary{background:var(--bg-secondary);color:var(--foreground);border:2px solid var(--border)}.btn-secondary:hover{background:var(--hover-color)}@media (max-width:768px){.modal-content{width:95%;max-height:90vh}.modal-header{padding:1rem}.modal-body{padding:1.5rem}.support-description{font-size:1rem}}.seo-content{display:none;background:var(--bg);color:var(--fg);overflow-y:auto;height:auto;min-height:0;padding-top:0;position:relative;z-index:2}.seo-content.visible{display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{padding:4rem 0;text-align:center;background:var(--bg)}.promo-banner{padding:1.5rem 0;background:var(--bg)}.promo-banner img{display:block;width:100%;height:auto;border-radius:12px}.other-tools-section{padding:1rem 0 0;background:var(--bg)}.other-tools-title{margin:0 0 .75rem;text-align:center;font-size:1.25rem;color:var(--fg);letter-spacing:.04em}.other-tools-links{margin-top:0}.other-tools-links .feature-badge{text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.other-tools-links .feature-badge:focus-visible,.other-tools-links .feature-badge:hover{background:rgba(48,162,255,.12);border-color:var(--accent);color:var(--fg)}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--fg) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;color:var(--muted);max-width:800px;margin-left:auto;margin-right:auto}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.feature-badge{background:var(--glass);border:1px solid var(--border);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;backdrop-filter:blur(10px)}.features-section{padding:4rem 0;background:var(--bg)}.features-section h2,.use-cases-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--fg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:var(--glass);border:1px solid var(--border);border-radius:1rem;padding:2rem;text-align:center;backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow)}.feature-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.feature-icon svg{width:48px;height:48px;stroke:currentColor;fill:none}.benefit-item h3,.feature-card h3,.use-case h3{font-size:1.5rem;margin-bottom:1rem;color:var(--fg)}.benefit-item p,.faq-item p,.feature-card p,.step p{color:var(--muted);line-height:1.6}.use-cases-section{padding:4rem 0;background:var(--bg)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.use-case{background:var(--glass);border:1px solid var(--border);border-radius:1rem;padding:2rem;backdrop-filter:blur(10px)}.benefit-item h3,.use-case h3{font-size:1.25rem}.use-case ul{list-style:none;padding:0}.use-case li{padding:.5rem 0;color:var(--muted);position:relative;padding-left:1.5rem}.use-case li::before{content:"→";position:absolute;left:0;color:var(--accent)}.benefits-section{padding:4rem 0;background:var(--bg)}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.benefits-text h2{font-size:2.5rem;color:var(--fg)}.benefit-item,.benefits-text h2{margin-bottom:2rem}.benefit-item h3{margin-bottom:.5rem}.benefits-visual{display:flex;justify-content:center;align-items:center}.timer-preview{background:var(--glass);border:1px solid var(--border);border-radius:1rem;padding:3rem;text-align:center;backdrop-filter:blur(10px)}.preview-display{font-family:"Chivo Mono",monospace;font-size:3rem;font-weight:300;color:var(--fg);margin-bottom:1rem}.preview-subtitle{font-size:1rem;color:var(--muted)}.how-it-works-section{padding:4rem 0;background:var(--bg)}.faq-section h2,.how-it-works-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--fg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step{text-align:center;padding:2rem}.step-number{width:60px;height:60px;background:var(--accent);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.cta-content h2,.cta-content p,.faq-item h3,.step h3{font-size:1.25rem;margin-bottom:1rem;color:var(--fg)}.faq-section{padding:4rem 0;background:var(--bg)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.faq-grid>.faq-item{grid-column:1/-1}.faq-item{background:var(--glass);border:1px solid var(--border);border-radius:1rem;padding:2rem;backdrop-filter:blur(10px)}.changelog-page .faq-item{width:min(800px,100%);margin-left:auto;margin-right:auto;background:0 0;border:0;border-radius:0;backdrop-filter:none;padding:1rem 0}.changelog-page .faq-grid{gap:0;justify-items:center}.changelog-page .faq-item+.faq-item{border-top:1px solid var(--border)}.cta-section{padding:4rem 0;text-align:center;background:var(--bg)}.cta-content h2{font-size:2.5rem}.cta-content p{color:var(--muted);margin-bottom:2rem}.cta-button,.cta-button:hover{color:var(--bg);text-decoration:none}.cta-button{background:var(--accent);border:0;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:#5a8cff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(122,162,255,.3)}.cta-button:active,.cta-button:focus{color:var(--bg);text-decoration:none}@media (max-width:768px){.container{padding:0 1rem}.hero-content h1{font-size:2rem}.hero-description{font-size:1rem}.hero-features{flex-direction:column;align-items:center}.faq-grid,.features-grid,.use-cases-grid{grid-template-columns:1fr}.benefits-content{gap:2rem}.benefits-content,.steps-grid{grid-template-columns:1fr}.preview-display{font-size:2rem}}@media (max-width:480px){.hero-content h1{font-size:1.5rem}.benefits-text h2,.cta-content h2,.faq-section h2,.features-section h2,.how-it-works-section h2,.use-cases-section h2{font-size:1.8rem}.faq-item,.feature-card,.use-case{padding:1.5rem}}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:1000;pointer-events:none}.cookie-banner,.toast{background:var(--glass);backdrop-filter:blur(10px)}.toast{border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1.5rem;margin-bottom:.5rem;color:var(--text);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:auto;white-space:nowrap}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-20px)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;border-top:1px solid var(--border);box-shadow:0-4px 20px var(--shadow);z-index:1002}.cookie-banner .cookie-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.cookie-banner .cookie-message{color:var(--text);font-size:.95rem}.cookie-banner .cookie-actions{display:flex;gap:.75rem}.cookie-banner .cookie-actions .btn-primary,.cookie-banner .cookie-actions .btn-secondary{flex:initial;padding:.5rem 1rem;font-size:.95rem}@media (max-width:768px){.cookie-banner .cookie-content{flex-direction:column;align-items:stretch;gap:.75rem}.cookie-banner .cookie-actions{justify-content:flex-end}}.config-btn,.config-menu{align-items:center;justify-content:center}.config-btn{display:inline-flex;gap:.5rem;white-space:nowrap;background:var(--accent);color:var(--bg);border-color:var(--accent);padding:.5rem 1rem}.config-btn:hover{background:var(--bg);color:var(--accent);border-color:var(--accent)}.config-menu-content>button,.topbar #autoplayBtn,.topbar #beepBtn,.topbar #currentTimeBtn,.topbar #displayModeBtn,.topbar #labelsToggleBtn,.topbar #mirrorBtn,.topbar #progressToggleBtn,.topbar #repeatBtn,.topbar #subtitleBtn{display:none}.config-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;display:flex;opacity:0;visibility:hidden;transition:all .3s ease}.config-menu.show{opacity:1;visibility:visible}.config-menu-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;width:min(560px,92vw);max-height:min(80vh,720px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;transform:translateY(8px) scale(.98);transition:transform .3s ease}.config-menu.show .config-menu-content{transform:translateY(0) scale(1)}.config-menu-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.config-menu-header h2{margin:0;font-size:1.1rem}.config-item-extra{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border);flex-shrink:0;cursor:pointer}.config-item-extra img{display:block;width:100%;height:auto}.config-items{display:grid;grid-template-columns:1fr;align-items:start;gap:.75rem}@media (min-width:769px){.config-items{grid-template-columns:repeat(2,minmax(0,1fr))}}.config-subtitle-panel{margin-top:.75rem}.config-subtitle-panel .subtitle-form{gap:0}.config-subtitle-panel .subtitle-form input{width:100%}.config-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--glass);border:1px solid var(--border);border-radius:.75rem;padding:.75rem .875rem;cursor:pointer;user-select:none}.config-item--expandable{flex-direction:column;align-items:stretch;justify-content:flex-start}.config-item-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;user-select:none}.config-item:hover{border-color:rgba(48,162,255,.5)}.config-item-left{display:inline-flex;align-items:center;gap:.625rem}.config-item-icon{flex:0 0 auto;color:var(--fg);opacity:.9}.config-item-text{font-size:.95rem;color:var(--fg)}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.switch-slider::before{content:"";position:absolute;height:20px;width:20px;left:3px;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--fg);transition:transform .2s ease,background .2s ease}.switch input:checked+.switch-slider{background:rgba(48,162,255,.25);border-color:var(--accent)}.switch input:checked+.switch-slider::before{transform:translate(20px,-50%);background:var(--accent)}@media (max-width:768px){.config-menu-content{width:min(560px,92vw);max-height:min(84vh,740px)}}.progress-border{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.progress-border.active{opacity:1}.progress-border.finished{animation:progress-blink .5s ease-in-out 3}.horizontal-progress-bar{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100vw;height:25vw;background:rgba(255,255,255,.1);border:0;border-radius:0;overflow:hidden;backdrop-filter:blur(10px);margin-left:calc(-50vw + 50%)}.horizontal-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light, var(--accent)));border-radius:0;transition:width .1s linear;box-shadow:0 0 20px rgba(var(--accent-rgb, 122, 162, 255),.3)}.horizontal-progress-bar.finished .horizontal-progress-fill{animation:progress-bar-blink .5s ease-in-out 3}@media (max-width:768px){.horizontal-progress-bar{height:25vw}}@media (max-width:480px){.horizontal-progress-bar{height:28vw}}.progress-line{position:absolute;background:var(--accent);transition:background-color .2s ease}.progress-top{top:0;left:0;height:40px;width:0%;transform-origin:left}.progress-right{top:0;right:0;width:40px;height:0%;transform-origin:top}.progress-bottom{bottom:0;right:0;height:40px;width:0%;transform-origin:right}.progress-left{bottom:0;left:0;width:40px;height:0%;transform-origin:bottom}html.ui-hidden .progress-border.active{opacity:.7}.site-footer{background:var(--bg);border-top:1px solid var(--border);backdrop-filter:blur(10px);padding:1.25rem 0;color:var(--fg);position:relative;z-index:2}.site-footer .footer-links{list-style:none;display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:0;padding:0;flex-wrap:wrap}.site-footer .footer-links a{color:var(--accent);text-decoration:none;opacity:.9}.site-footer .footer-links a:hover{color:var(--accent);opacity:1}.site-footer .footer-note{color:var(--muted)}@media (max-width:768px){.site-footer{padding:1rem 0}}#targetModal .modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.muted{color:var(--muted);text-align:center}.divider{border:0;border-top:1px solid var(--border);margin:1rem 0}