:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,Helvetica Neue,system-ui,sans-serif;background:#10130f;color:#f4ecd8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(217,166,92,.22),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(60,128,126,.24),transparent 24rem),linear-gradient(140deg,#10130f,#1b1a15 52%,#171112)}button,input{font:inherit}button{border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.app-shell{min-height:100vh}.timer-app{position:relative;isolation:isolate;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:clamp(18px,5vw,36px)}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(44px);opacity:.34;pointer-events:none}.ambient-one{width:11rem;height:11rem;inset:10% auto auto -5rem;background:#d9a65c}.ambient-two{width:13rem;height:13rem;inset:auto -6rem 16% auto;background:#3c807e}.masthead{padding:12px 0 16px}.eyebrow{margin:0 0 8px;color:#d9a65c;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{max-width:12ch;margin:0;color:#fff8e8;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,16vw,4.6rem);font-weight:500;line-height:.92;letter-spacing:0}.subhead{margin:12px 0 0;color:#bfcbbc;font-size:1rem}.timer-face{display:grid;justify-items:center;gap:12px;margin:12px 0 18px}.ring{--progress: 0deg;display:grid;place-items:center;width:min(78vw,320px);aspect-ratio:1;border:1px solid rgba(244,236,216,.2);border-radius:50%;background:radial-gradient(circle at center,rgba(16,19,15,.96) 0 58%,transparent 59%),conic-gradient(from -90deg,#d9a65c var(--progress),rgba(244,236,216,.11) 0),linear-gradient(135deg,#f4ecd821,#3c807e2e);box-shadow:inset 0 0 42px #f4ecd80f,0 28px 80px #00000052}.time-readout{color:#fff8e8;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,22vw,5.7rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}.time-label{margin-top:-2.4rem;color:#d9a65c;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.signal{min-height:1.4em;margin:0;color:#e9d5aa}.primary-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;align-self:start}.control{min-height:50px;padding:0 18px;border:1px solid rgba(244,236,216,.2);border-radius:8px;background:#f4ecd817;color:#fff8e8;font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.control:focus-visible,.segmented button:focus-visible,.sound-card:focus-visible{border-color:#d9a65cad;background:#d9a65c29;outline:2px solid rgba(217,166,92,.48);outline-offset:2px}.control:active,.segmented button:active,.sound-card:active{transform:translateY(1px)}@media(hover:hover)and (pointer:fine){.control:hover,.segmented button:hover,.sound-card:hover{border-color:#d9a65cad;background:#d9a65c29}}@media(hover:none){.control,.segmented button,.sound-card{transition:transform .12s ease,border-color .12s ease}}.control-primary{grid-column:span 2;background:#d9a65c;color:#16120d;box-shadow:0 14px 32px #d9a65c38}.panel{margin-top:12px;padding:14px;border:1px solid rgba(244,236,216,.14);border-radius:8px;background:#10130f9e;box-shadow:0 18px 40px #0000002e;backdrop-filter:blur(18px)}.settings-panel{display:grid;gap:18px}.field-group{display:grid;gap:10px}.field-head,.input-row,.sound-actions,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.field-head label,.field-head span,.input-row span,.volume span{color:#f4ecd8;font-size:.86rem;font-weight:800}.field-head span,.status-line,.toggle-row small{color:#bfcbbc}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.duration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.segmented button,.sound-card{min-height:42px;border:1px solid rgba(244,236,216,.16);border-radius:8px;background:#f4ecd812;color:#f4ecd8;cursor:pointer}.segmented .selected,.sound-card.selected{border-color:#d9a65cd6;background:#d9a65c33;color:#fff8e8}.input-row input{width:7rem;min-height:42px;border:1px solid rgba(244,236,216,.18);border-radius:8px;background:#0003;color:#fff8e8;padding:0 12px}.sound-list{display:grid;gap:8px;margin-top:10px}.sound-card{display:grid;gap:3px;min-height:58px;padding:10px 12px;text-align:left}.sound-card span{color:#bfcbbc;font-size:.82rem}.sound-actions{margin-top:12px}.volume{display:grid;flex:1;gap:6px}.volume input{width:100%;accent-color:#d9a65c}.status-line{min-height:1.25em;margin:10px 0 0;font-size:.86rem}.utility-panel{display:grid;gap:12px}.toggle-row strong,.toggle-row small{display:block}.toggle-row input{width:48px;height:28px;accent-color:#d9a65c}.pulse-interval .ring{animation:bellPulse .85s ease-out}.pulse-final .ring{animation:finalPulse 1.5s ease-out}@keyframes bellPulse{0%{box-shadow:0 0 #d9a65c6b}to{box-shadow:0 0 0 34px #d9a65c00}}@keyframes finalPulse{0%{box-shadow:0 0 #3c807e6b}48%{box-shadow:0 0 0 34px #3c807e00}58%{box-shadow:0 0 #d9a65c6b}to{box-shadow:0 0 0 40px #d9a65c00}}@media(max-width:380px){.timer-app{padding:14px}.segmented,.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-readout{font-size:3.25rem}}@media(min-width:760px){.timer-app{width:min(100%,980px);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);gap:24px;align-content:center}.masthead,.timer-face,.primary-controls{grid-column:1;align-self:start}.settings-panel,.sound-panel,.utility-panel{grid-column:2}.settings-panel{grid-row:1 / span 2;align-self:end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}