:root{--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-accent: #38bdf8;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);text-align:center;gap:var(--space-3)}.home__title{font-size:clamp(2rem,8vw,3.5rem);margin:0;letter-spacing:-.02em;color:var(--color-text)}.home__status{font-size:1.125rem;color:var(--color-text-muted);margin:0;max-width:32ch}.home__hint{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-accent);background-color:var(--color-bg-elevated)}.home__welcome{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-accent);color:var(--color-text);background-color:var(--color-bg-elevated);max-width:32ch}.home__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);background-color:var(--color-bg-elevated);max-width:48ch}.home__list{list-style:none;margin:var(--space-3) 0;padding:0;width:min(100%,32rem);display:flex;flex-direction:column;gap:var(--space-2)}.home__list-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);text-align:left}.home__list-name{color:var(--color-text)}.home__list-duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.home__list-paired{color:var(--color-accent);font-size:.875rem}.home__run{margin-top:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-bg);font-weight:600;font-size:1.125rem;min-width:12rem}.home__run:hover,.home__run:focus-visible{filter:brightness(1.1)}.home__browse{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-accent);text-decoration:underline;text-underline-offset:.25em}.home__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;align-items:center}.home__edit{margin-top:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);font-weight:600;font-size:1rem;min-width:8rem}.library{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:var(--space-5);gap:var(--space-4);max-width:48rem;margin:0 auto;width:100%}.library__title{font-size:clamp(1.75rem,6vw,2.5rem);margin:0;letter-spacing:-.02em;color:var(--color-text);text-align:center}.library__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);background-color:var(--color-bg-elevated);text-align:center}.library__categories{display:flex;flex-direction:column;gap:var(--space-4)}.library__category{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.library__category-title{margin:0 0 var(--space-2);font-size:1rem;font-weight:600;text-transform:capitalize;color:var(--color-text-muted);letter-spacing:.05em}.library__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.library__row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-1) 0;border-bottom:1px solid var(--color-border)}.library__row:last-child{border-bottom:none}.library__name{color:var(--color-text)}.library__duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.library__paired{color:var(--color-accent);font-size:.875rem}.library__back{align-self:center;padding:var(--space-2) var(--space-3);color:var(--color-accent);text-decoration:underline;text-underline-offset:.25em}.editor{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-3);max-width:48rem;margin:0 auto;width:100%}.editor__title{font-size:clamp(1.5rem,5vw,2rem);margin:0;letter-spacing:-.02em;color:var(--color-text)}.editor__section-title{margin:var(--space-3) 0 0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.editor__empty{color:var(--color-text-muted);margin:0}.editor__error{color:var(--color-text);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0}.editor__field{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.editor__field--inline{flex-direction:row;align-items:center;gap:var(--space-2)}.editor__label{font-size:.875rem;color:var(--color-text-muted)}.editor__input{background-color:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:1rem}.editor__entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.editor__entry{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.editor__entry-main{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline}.editor__entry-name{color:var(--color-text)}.editor__entry-duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.editor__entry-paired{color:var(--color-accent);font-size:.875rem}.editor__entry-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.editor__entry-rest{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.875rem}.editor__btn-rest,.editor__btn-reorder,.editor__btn-remove,.editor__btn-add,.editor__btn-secondary,.editor__btn-cancel,.editor__btn-primary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);padding:var(--space-1) var(--space-2);font-size:.875rem;cursor:pointer}.editor__btn-primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:600;padding:var(--space-2) var(--space-4);font-size:1rem}.editor__btn-primary:disabled{opacity:.5;cursor:not-allowed}.editor__btn-reorder:disabled,.editor__btn-add:disabled{opacity:.4;cursor:not-allowed}.editor__library{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:16rem;overflow-y:auto}.editor__library-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-1) var(--space-2);background-color:var(--color-bg-elevated);border-radius:var(--radius-sm, 4px)}.editor__library-name{color:var(--color-text)}.editor__library-category{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.editor__custom{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-elevated);border-radius:var(--radius-md)}.editor__clipboard{display:flex;flex-wrap:wrap;gap:var(--space-2)}.editor__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.editor__confirm{background-color:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.editor__confirm-title{margin:0;font-weight:600}.editor__confirm-detail{margin:0;color:var(--color-text-muted)}.editor__confirm-actions{display:flex;gap:var(--space-2)}.editor__toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background-color:var(--color-bg-elevated);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent)}.session{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5);gap:var(--space-4);width:100%}.session__title{font-size:clamp(2rem,7vw,3.5rem);margin:0;letter-spacing:-.02em;color:var(--color-text)}.session__timer{font-size:clamp(4rem,18vw,8rem);font-weight:700;font-variant-numeric:tabular-nums;margin:0;color:var(--color-accent);line-height:1}.session__hint{font-size:1rem;color:var(--color-text-muted);margin:0}.session__total{font-size:1.5rem;margin:0;color:var(--color-text)}.session__pause,.session__exit,.session__done{margin-top:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text);border:1px solid var(--color-border);font-weight:600;font-size:1rem;min-width:8rem;cursor:pointer}.session__done{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-size:1.25rem;min-width:12rem}.session--resting .session__timer{color:var(--color-text-muted)}.session--complete{gap:var(--space-5)}.install{display:flex;flex-direction:column;align-items:center}.install__btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.875rem;cursor:pointer}.install__ios-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ad9;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-5);z-index:10}.install__ios-title{margin:0 0 var(--space-3);font-size:1.25rem;color:var(--color-text)}.install__ios-steps{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 var(--space-3);max-width:28rem;color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-2)}.install__ios-step{margin:0}.install__ios-close{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-bg);border:none;font-weight:600;cursor:pointer}