@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff")}@font-face{font-family:DM Serif Display;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-italic-DpcbibHm.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-italic-BgxzcTJK.woff)format("woff")}:root{--bg:#faf8f3;--surface:#fff;--surface-soft:#f3f8ef;--text-primary:#252822;--text-secondary:#6f706a;--primary:#536b57;--primary-hover:#455a49;--primary-pressed:#3a4d3e;--primary-soft:#e5ede2;--sage:#d5e5c7;--mint:#b6d8c2;--butter:#fae6a8;--peach:#f5cca4;--border:#e3e0d8;--border-strong:#cfcbc0;--border-control:#8a8b84;--text-on-soft:#5a5c55;--error:#a75d50;--error-hover:#8f4a3e;--error-soft:#f4e2de;--shadow:#2a332b12;--on-primary:#fff;--on-dark:#fff;--switch-off:#8d8f88;--error-wash:#fffaf9;--overlay:#2528226b;--hero-divider:#ffffff47;--on-sage:#26382b;--on-mint:#1e3a2b;--on-butter:#4a3e14;--on-peach:#5a361a;--on-error-soft:#7a3a2e;--font-serif:"DM Serif Display", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-page-title:1.875rem;--fs-hero:1.625rem;--fs-section:1.25rem;--fs-card-title:1.0625rem;--fs-body:1rem;--fs-body-sm:.9375rem;--fs-label:.8125rem;--fs-meta:.75rem;--fs-button:.9375rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:10px;--radius-md:12px;--radius:16px;--radius-hero:20px;--radius-pill:999px;--shadow-card:0 1px 2px var(--shadow), 0 2px 8px var(--shadow);--shadow-sheet:0 -8px 32px #2a332b24;--shadow-switch:#00000040;--shadow-toast:0 6px 20px #25282247;--page-pad:16px;--content-max:720px;--nav-h:64px;--touch:44px;--z-nav:40;--z-sheet:60;--z-rehearsal:70;--z-toast:80}@media (width>=768px){:root{--page-pad:32px;--content-max:960px;--fs-page-title:2rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.5}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.text-wrap{overflow-wrap:anywhere;min-width:0}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);padding:12px 16px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{outline-color:var(--text-primary);transform:translateY(0)}.grid-2{gap:var(--space-4);display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{min-height:var(--touch);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-button);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,transform 80ms;display:inline-flex}.btn--md{min-height:48px}.btn--sm{padding:0 14px;font-size:.875rem}.btn--full{width:100%}.btn__label{min-width:0}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:active:not(:disabled){background:var(--primary-pressed)}.btn--secondary{background:var(--surface);color:var(--primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-soft)}.btn--secondary:active:not(:disabled){background:var(--primary-soft)}.btn--tertiary{color:var(--primary);background:0 0;padding:0 12px}.btn--tertiary:hover:not(:disabled){background:var(--primary-soft)}.btn--danger{background:var(--error);color:var(--on-dark)}.btn--danger:hover:not(:disabled){background:var(--error-hover)}.btn--inverse{background:var(--surface);color:var(--primary)}.btn--inverse:hover:not(:disabled){background:var(--surface-soft)}.btn--inverse:focus-visible{outline-color:var(--on-dark)}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--soft{background:var(--primary-soft);color:var(--primary)}.icon-btn[aria-pressed=true]{color:var(--primary)}.card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);min-width:0;position:relative}.card--soft{background:var(--surface-soft)}.card--flush{padding:0;overflow:hidden}.card--accent{padding-left:calc(var(--space-5) + 4px);overflow:hidden}.card--accent:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}.card--accent-sage:before{background:var(--sage)}.card--accent-mint:before{background:var(--mint)}.card--accent-butter:before{background:var(--butter)}.card--accent-peach:before{background:var(--peach)}.hero-card{padding:var(--space-6) var(--space-5);border-radius:var(--radius-hero);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-card);min-width:0;position:relative}.page-header{margin-bottom:var(--space-5)}.page-header__back{min-height:var(--touch);border-radius:var(--radius-md);color:var(--primary);font-size:var(--fs-button);align-items:center;gap:2px;margin-left:-6px;padding:0 8px 0 4px;font-weight:600;text-decoration:none;display:inline-flex}.page-header__back:hover{background:var(--primary-soft)}.page-header__row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.page-header__text{flex:1;min-width:0}.page-header__eyebrow{color:var(--text-secondary);font-size:var(--fs-label);letter-spacing:.02em;margin-bottom:2px;font-weight:500}.page-header__title{font-family:var(--font-serif);font-size:var(--fs-page-title);color:var(--text-primary);font-weight:400;line-height:1.15}.page-header__subtitle{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--fs-body-sm)}.page-header__actions{align-items:center;gap:var(--space-2);flex:none;padding-top:2px;display:flex}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);min-height:32px;display:flex}.section-header__title{scroll-margin-top:calc(var(--space-4) + env(safe-area-inset-top,0px));font-family:var(--font-serif);font-size:var(--fs-section);color:var(--text-primary);font-weight:400;line-height:1.25}.list-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.list-row+.list-row{border-top:1px solid var(--border)}.list-row__main{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);color:inherit;font:inherit;text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.list-row__main--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.list-row__main--interactive:hover{background:var(--surface-soft)}.list-row__main--interactive:active{background:var(--primary-soft)}.list-row__main--interactive:focus-visible{outline-offset:-3px}.list-row__leading{flex:none;display:flex}.list-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row__title{font-size:var(--fs-body);color:var(--text-primary);font-weight:500;line-height:1.35}.list-row__subtitle{font-size:var(--fs-label);color:var(--text-secondary);line-height:1.4}.list-row__trailing{align-items:center;gap:var(--space-2);flex:none;display:flex}.list-row__chevron{color:var(--text-secondary);flex:none}.icon-tile{border-radius:var(--radius-md);flex:none;place-items:center;display:inline-grid}.icon-tile--sage{background:var(--sage);color:var(--on-sage)}.icon-tile--mint{background:var(--mint);color:var(--on-mint)}.icon-tile--butter{background:var(--butter);color:var(--on-butter)}.icon-tile--peach{background:var(--peach);color:var(--on-peach)}.icon-tile--neutral{background:var(--primary-soft);color:var(--primary)}.list-row__main:disabled{opacity:.45;cursor:not-allowed}.badge{border-radius:var(--radius-pill);min-height:26px;font-size:var(--fs-meta);white-space:nowrap;align-items:center;gap:5px;padding:2px 10px 2px 8px;font-weight:600;line-height:1.2;display:inline-flex}.badge--sage{background:var(--sage);color:var(--on-sage)}.badge--mint{background:var(--mint);color:var(--on-mint)}.badge--butter{background:var(--butter);color:var(--on-butter)}.badge--peach{background:var(--peach);color:var(--on-peach)}.badge--error{background:var(--error-soft);color:var(--on-error-soft)}.badge--neutral{background:var(--primary-soft);color:var(--on-sage)}.avatar{background:var(--primary-soft);color:var(--on-sage);border:1px solid var(--border);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.chip{min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-primary);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.chip:hover{background:var(--surface-soft)}.chip--selected{color:var(--on-sage);border-color:#0000;font-weight:600}.chip--sage{background:var(--sage)}.chip--mint{background:var(--mint);color:var(--on-mint)}.chip--butter{background:var(--butter);color:var(--on-butter)}.chip--peach{background:var(--peach);color:var(--on-peach)}.chip--selected:hover{filter:brightness(.97)}.chip-row{gap:var(--space-2);margin-inline:calc(var(--page-pad) * -1);padding:2px var(--page-pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-primary);font-size:.875rem;font-weight:600}.field__required{color:var(--error)}.field__hint{font-size:var(--fs-label);color:var(--text-secondary)}.field__error{font-size:var(--fs-label);color:var(--on-error-soft);align-items:flex-start;gap:6px;font-weight:500;display:flex}.field__error svg{flex:none;margin-top:2px}.control{border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:48px;color:var(--text-primary);font-size:var(--fs-body);padding:0 14px;transition:border-color .15s,box-shadow .15s}.control::placeholder{color:var(--text-secondary);opacity:1}.control:hover{border-color:var(--text-secondary)}.field--invalid .control:hover{border-color:var(--error)}.control:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.control--area{resize:vertical;padding:12px 14px;line-height:1.5}.field--invalid .control{border-color:var(--error);background:var(--error-wash)}.select-wrap{position:relative}.control--select{appearance:none;padding-right:42px}.select-wrap__icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search{position:relative}.search__icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search__input{border:1px solid var(--border-control);border-radius:var(--radius);background:var(--surface);width:100%;min-height:52px;color:var(--text-primary);font-size:var(--fs-body);box-shadow:var(--shadow-card);appearance:none;padding:0 48px 0 46px}.search__input::placeholder{color:var(--text-secondary);opacity:1}.search__input::-webkit-search-cancel-button{display:none}.search__input:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.search__clear{width:var(--touch);height:var(--touch);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search__clear:hover{background:var(--primary-soft);color:var(--primary)}.switch{align-items:center;gap:var(--space-3);min-height:var(--touch);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600;display:inline-flex}.switch__track{border-radius:var(--radius-pill);background:var(--switch-off);flex:none;width:46px;height:28px;transition:background-color .15s;position:relative}.switch__thumb{background:var(--on-dark);width:22px;height:22px;box-shadow:0 1px 3px var(--shadow-switch);border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch--on .switch__track{background:var(--primary)}.switch--on .switch__thumb{transform:translate(18px)}.tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--primary-soft);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.tabs__tab{border-radius:calc(var(--radius) - 4px);min-width:0;min-height:44px;color:var(--text-on-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 4px;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s}.tabs__tab:hover:not(.tabs__tab--selected){color:var(--primary)}.tabs__tab--selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px var(--shadow), 0 1px 6px var(--shadow)}@media (width<=359px){.tabs__tab{font-size:.8125rem}}.sheet-layer{z-index:var(--z-sheet);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:var(--overlay);animation:.18s sheet-fade;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--radius-hero) var(--radius-hero) 0 0;width:100%;max-width:560px;max-height:min(88dvh,720px);box-shadow:var(--shadow-sheet);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.22s sheet-rise;display:flex;position:relative}.sheet:focus{outline:none}.sheet__grabber{background:var(--border-strong);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);display:flex}.sheet__title{font-family:var(--font-serif);font-size:var(--fs-section);font-weight:400;line-height:1.25}.sheet__body{padding:var(--space-2) var(--space-5) var(--space-5);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.sheet__footer{gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);display:flex}.sheet__footer>*{flex:1}@media (width>=768px){.sheet-layer{align-items:center}.sheet{border-radius:var(--radius-hero);padding-bottom:0}.sheet__grabber{display:none}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.state{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;display:flex}.state__icon{width:52px;height:52px;margin-bottom:var(--space-1);border-radius:50%;place-items:center;display:grid}.state__icon--sage{background:var(--sage);color:var(--on-sage)}.state__icon--error{background:var(--error-soft);color:var(--on-error-soft)}.state__title{font-family:var(--font-serif);font-size:var(--fs-section);font-weight:400}.state__message{max-width:34ch;font-size:var(--fs-body-sm);color:var(--text-secondary)}.state__action{margin-top:var(--space-3)}.loading{gap:var(--space-2);flex-direction:column;display:flex}.loading__row{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex}.loading__circle{background:var(--primary-soft);border-radius:50%;flex:none;width:44px;height:44px}.loading__lines{flex-direction:column;flex:1;gap:8px;display:flex}.loading__line{background:var(--primary-soft);border-radius:6px;height:12px}.loading__line--long{width:70%}.loading__line--short{width:40%}.loading__circle,.loading__line{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.key-tile{border-radius:var(--radius-md);flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.key-tile__caption{letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:700}.key-tile__value{font-family:var(--font-serif);font-weight:400}.key-tile--sm{background:var(--sage);width:48px;height:48px;color:var(--on-sage);gap:2px}.key-tile--sm .key-tile__value{font-size:1.375rem}.key-tile--lg{background:var(--primary);width:72px;height:72px;color:var(--on-primary);border-radius:var(--radius);gap:4px}.key-tile--lg .key-tile__caption{font-size:.6875rem}.key-tile--lg .key-tile__value{font-size:2.25rem}.auth{gap:var(--space-4);max-width:var(--content-max);min-height:100dvh;padding:calc(var(--space-6) + env(safe-area-inset-top)) calc(var(--page-pad) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--page-pad) + env(safe-area-inset-left));align-content:start;margin:0 auto;display:grid}.auth__form{gap:var(--space-4);display:grid}.auth__note{color:var(--text-secondary);margin:0}.toast-region{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);z-index:var(--z-toast);align-items:center;gap:var(--space-2);padding:0 var(--page-pad);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);background:var(--text-primary);max-width:440px;color:var(--on-dark);box-shadow:var(--shadow-toast);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;line-height:1.4;animation:.2s toast-in;display:flex}.toast svg{flex:none;margin-top:1px}.toast--success svg{color:var(--mint)}.toast--info svg{color:var(--butter)}.toast__text{overflow-wrap:anywhere;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.offline-notices{gap:var(--space-2);max-width:var(--content-max);width:100%;padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--page-pad) + env(safe-area-inset-right)) 0 calc(var(--page-pad) + env(safe-area-inset-left));margin:0 auto;display:grid}.offline-notice{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--text-primary);font-size:var(--fs-label);margin:0}.offline-notice p{margin:0 0 var(--space-2)}.bottom-nav{z-index:var(--z-nav);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{height:var(--nav-h);max-width:var(--content-max);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid}.bottom-nav__item{display:flex}.bottom-nav__link{min-width:0;min-height:var(--touch);color:var(--text-secondary);font-size:var(--fs-meta);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.bottom-nav__link:focus-visible{outline-offset:-4px;border-radius:var(--radius-md)}.bottom-nav__icon{border-radius:var(--radius-pill);place-items:center;width:56px;height:30px;transition:background-color .15s;display:grid}.bottom-nav__link[aria-current=page]{color:var(--primary)}.bottom-nav__link[aria-current=page] .bottom-nav__icon{background:var(--primary-soft)}.bottom-nav__link:not([aria-current=page]):hover{color:var(--primary)}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{width:100%;max-width:var(--content-max);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-left:calc(var(--page-pad) + env(safe-area-inset-left));padding-right:calc(var(--page-pad) + env(safe-area-inset-right));padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-8));flex:1;margin:0 auto}.app__main:focus{outline:none}.swatches{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swatch{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.swatch__chip{border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex:none;width:36px;height:36px}.swatch__text{flex-direction:column;min-width:0;display:flex}.swatch__name{font-size:var(--fs-label);font-weight:600}.swatch__value{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.6875rem}.ds-title{font-family:var(--font-serif);font-size:var(--fs-page-title);line-height:1.15}.ds-section{margin-top:var(--space-3);font-family:var(--font-serif);font-size:var(--fs-section)}.ds-quote{margin-top:var(--space-3);font-family:var(--font-serif);font-size:1.25rem;font-style:italic}.ds-body{margin-top:var(--space-3)}.ds-label{margin-top:var(--space-3);font-size:var(--fs-label);color:var(--text-secondary)}.ds-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-row+.ds-row{margin-top:var(--space-4)}.ds-hero-sample{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--primary)}@media (width>=768px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.card-title{font-size:var(--fs-card-title);font-weight:600;line-height:1.3}.card-lead{font-size:var(--fs-body-sm);color:var(--text-primary)}.card-meta{margin-top:var(--space-2);font-size:var(--fs-label);color:var(--text-secondary)}.hero__top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.hero__eyebrow{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;opacity:.92;font-weight:600}.hero__date{font-family:var(--font-serif);font-size:var(--fs-hero);font-weight:400;line-height:1.2}.hero__sub{margin-top:var(--space-1);font-size:var(--fs-body);font-weight:600}.hero__facts{gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4) 0;border-top:1px solid var(--hero-divider);border-bottom:1px solid var(--hero-divider);display:grid}.hero__fact{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--fs-body-sm);display:flex}.hero__fact dt{opacity:.92}.hero__fact dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.prep-list{gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);flex-direction:column;display:flex}.prep-list__item{font-size:var(--fs-body-sm);align-items:flex-start;gap:10px;font-weight:500;display:flex}.prep-list__item svg{color:var(--primary);flex:none;margin-top:2px}.prep-list__key{color:var(--text-secondary);font-weight:400}.verse{margin:var(--space-3) 0;padding:2px 0 2px var(--space-3);border-left:3px solid var(--butter)}.verse__text{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;line-height:1.35}.verse__ref{font-size:var(--fs-label);color:var(--text-secondary);margin-top:4px;font-weight:600}.theme__label{margin-bottom:var(--space-1);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.theme__title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:400;line-height:1.2}.theme__ref{margin-top:var(--space-3);font-size:var(--fs-body-sm);color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.theme__ref svg{color:var(--primary);flex:none}.theme__verse{margin-bottom:0}.thursday__date{margin-top:0;font-weight:600}.thursday__facts{gap:var(--space-1);margin:var(--space-3) 0;display:grid}.thursday__fact{justify-content:space-between;gap:var(--space-4);font-size:var(--fs-body-sm);display:flex}.thursday__fact dt{color:var(--text-secondary)}.thursday__fact dd{text-align:right;margin:0;font-weight:600}.thursday__fact+.thursday__fact{margin-top:0}.thursday__action{margin-top:var(--space-3)}.members{gap:var(--space-4);display:grid}.members__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.members__row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);min-width:0;display:grid}.members__who{gap:2px;min-width:0;display:grid}.members__email,.members__you,.members__off{font-size:var(--fs-label);color:var(--text-secondary)}.members__message{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);margin:0}.members__invite{gap:var(--space-3);display:grid}.members__title{font-size:var(--fs-body);margin:0}.prototype-note{padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-primary);font-size:var(--fs-body-sm);line-height:1.4}.prototype-note a{min-height:44px;color:var(--primary);align-items:center;font-weight:600;display:inline-flex}.prototype-box__title{margin:0 0 var(--space-2);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.prototype-box{padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft)}.prototype-box p{margin:0 0 var(--space-3)}.prototype-box__hint{font-size:var(--fs-label);color:var(--text-secondary)}.more-groups{gap:var(--space-6);display:grid}.group-label{margin-bottom:var(--space-2);padding-left:var(--space-1);font-family:var(--font-sans);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}@media (width>=768px){.more-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.more-stage{font-size:var(--fs-label);letter-spacing:.02em;color:var(--text-secondary);margin-top:2px;font-weight:500;display:block}.song-row{align-items:center;gap:2px;padding:4px 4px 4px 0;display:flex}.song-row+.song-row{border-top:1px solid var(--border)}.song-row__main{align-items:center;gap:var(--space-3);min-width:0;min-height:64px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);color:inherit;-webkit-tap-highlight-color:transparent;flex:1;text-decoration:none;display:flex}.song-row__main:hover{background:var(--surface-soft)}.song-row__main:focus-visible{outline-offset:-2px}.song-row__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.song-row__title{font-size:var(--fs-card-title);color:var(--text-primary);font-weight:600;line-height:1.3}.song-row__artist{font-size:var(--fs-body-sm);color:var(--text-secondary)}.song-row__meta{font-size:var(--fs-label);color:var(--text-secondary)}.song-row__icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.song-row__icon-btn:hover{background:var(--primary-soft);color:var(--primary)}.song-row__fav--on{color:var(--primary)}.song-row--setlist{gap:0;padding:4px 0}.song-row--setlist .song-row__main{padding-left:var(--space-1);gap:var(--space-2)}.song-row__eyebrow{font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);order:-1;align-items:baseline;gap:5px;font-weight:600;display:flex}.song-row__order{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:700}.song-row__leader{font-size:var(--fs-label);color:var(--text-secondary)}.song-row__leader-short{display:none}.song-row--setlist .song-row__icon-btn:first-child{cursor:grab}@media (width<=359px){.song-row__leader-long{display:none}.song-row__leader-short{display:inline}.song-row__main{padding-left:var(--space-3);gap:var(--space-2)}.song-row--setlist .song-row__main{gap:6px;padding-right:2px}.key-tile--sm{width:44px;height:44px}}.song-row__grip{touch-action:none;-webkit-user-select:none;user-select:none}.song-row__grip:active{cursor:grabbing}.song-row--dragging{z-index:2;background:var(--surface);box-shadow:var(--shadow-toast);border-radius:var(--radius-md);position:relative}.song-row--drop-before{box-shadow:inset 0 3px 0 var(--primary)}.song-row--drop-after{box-shadow:inset 0 -3px 0 var(--primary)}.song-row__archived{color:var(--on-butter);background:var(--butter);border-radius:var(--radius-sm,6px);padding:0 6px}.publish-version{font-size:var(--fs-label);color:var(--text-secondary)}.publish-changes,.publish-confirm{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.publish-changes__title{margin:0 0 var(--space-2);font-size:var(--fs-label);font-weight:600}.publish-changes ul{padding-left:var(--space-5);margin:0}.publish-confirm p{margin:0 0 var(--space-3)}.teamview__banner{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft)}.teamview__banner p{margin:0}.teamview__songs{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.teamview__song{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.teamview__summary{align-items:baseline;gap:var(--space-2);padding:var(--space-3);cursor:pointer;flex-wrap:wrap;min-height:44px;display:flex}.teamview__num{color:var(--text-secondary);font-weight:600}.teamview__title{flex:8rem;min-width:0;font-weight:600}.teamview__meta{font-size:var(--fs-label);color:var(--text-secondary)}.teamview__body{padding:0 var(--space-3) var(--space-3)}.teamview__status{margin:0 0 var(--space-3);font-size:var(--fs-label);color:var(--text-secondary)}.share__text .badge{white-space:normal;text-align:left;max-width:100%}.key-sheet__intro{margin-bottom:var(--space-4);font-size:var(--fs-body-sm);color:var(--text-secondary)}.key-groups{gap:var(--space-4);flex-direction:column;display:flex}.key-group__title{margin-bottom:var(--space-2);font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.key-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.key-cell{min-width:0;display:grid;position:relative}.key-cell__captions{pointer-events:none;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;inset:auto 0 6px}.key-grid__btn{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:76px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:10px 2px 6px;display:flex}.key-grid__btn:hover{background:var(--surface-soft)}.key-grid__value{font-family:var(--font-serif);font-size:1.5rem;line-height:1.1}.key-grid__tag{text-align:center;color:var(--text-secondary);align-items:center;gap:2px;font-size:.625rem;font-weight:600;line-height:1.2;display:inline-flex}.key-grid__btn--selected{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.key-grid__btn--selected:hover{background:var(--primary-hover)}.key-cell--selected .key-grid__tag{color:var(--on-primary)}.key-sheet__note{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-soft);font-size:var(--fs-label);color:var(--text-secondary);align-items:flex-start;gap:8px;display:flex}.key-sheet__note svg{flex:none;margin-top:1px}.setlist-tools{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.setlist-tools__hint{font-size:var(--fs-label);color:var(--text-secondary);flex:14rem;margin:0}.setlist-tools__last{font-size:var(--fs-body-sm);color:var(--text-primary);flex:100%;margin:0}.setlist-empty{margin:0}.setlist-picker{gap:var(--space-3);flex-direction:column;display:flex}.setlist-picker__count{font-size:var(--fs-label);color:var(--text-secondary);margin:0}.entry-sheet__position{margin:0 0 var(--space-3);font-size:var(--fs-body-sm);color:var(--text-secondary)}.leader-list{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.leader-list__btn{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;display:flex}.leader-list__btn--selected{border-color:var(--primary);background:var(--primary-soft)}.leader-list__name{flex:1;min-width:0;font-weight:600}.leader-list__role{font-size:var(--fs-label);color:var(--text-secondary)}.leader-list__btn--selected .leader-list__role{color:var(--text-primary)}.setlist-notice{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-primary);font-size:var(--fs-body-sm);line-height:1.4}.plan-sub{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:inline-flex}.facts-list{margin:0}.facts-list__row{justify-content:space-between;gap:var(--space-4);font-size:var(--fs-body-sm);padding:10px 0;display:flex}.facts-list__row:first-child{padding-top:0}.facts-list__row:last-child{padding-bottom:0}.facts-list__row+.facts-list__row{border-top:1px solid var(--border)}.facts-list dt{color:var(--text-secondary)}.facts-list dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.setlist-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.flow__item{gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.flow__item+.flow__item{border-top:1px solid var(--border)}.flow__time{width:44px;font-size:var(--fs-body-sm);color:var(--primary);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.flow__text{flex-direction:column;min-width:0;display:flex}.flow__title{font-size:var(--fs-body-sm);font-weight:500}.flow__lead{font-size:var(--fs-label);color:var(--text-secondary)}.share{gap:var(--space-3);display:flex}.share__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.share__text .card-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.share__actions{margin-top:var(--space-4)}.prep__top{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.prep__date{font-size:var(--fs-body-sm);font-weight:600}.prep__intro{margin-top:var(--space-2)}.prep__sharer{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.prep__sharer-text{min-width:0}.prep__sharer-role{margin-top:0}.prep__heading{margin:var(--space-4) 0 var(--space-2);font-size:var(--fs-body-sm);letter-spacing:.02em;color:var(--text-primary);font-weight:700}.prep__points{gap:var(--space-2);flex-direction:column;display:flex}.prep__points li{padding-left:var(--space-5);font-size:var(--fs-body-sm);position:relative}.prep__points li:before{content:"";background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:4px}.lyrics{gap:var(--space-6);font-size:var(--song-fs,1.0625rem);flex-direction:column;display:flex}.lyrics__section{flex-direction:column;gap:6px;display:flex}.lyrics__label{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px;font-weight:700}.lyric-line{overflow-wrap:anywhere;line-height:1.55}.chord-line{flex-wrap:wrap;align-items:flex-end;row-gap:2px;display:flex}.chord-seg{flex-direction:column;min-width:0;display:inline-flex}.chord-seg__chord{min-height:1.4em;color:var(--primary);padding-right:.5em;font-size:.88em;font-weight:700;line-height:1.4}.chord-seg__text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.chord-seg__chord--unsupported{outline-offset:1px;border-radius:4px;outline:1.5px dashed}.chord-seg__badge{vertical-align:.1em;border:1.5px solid;border-radius:50%;place-items:center;width:1.1em;height:1.1em;margin-left:.3em;font-size:.75em;line-height:1;display:inline-grid}.song-toolbar{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.song-toolbar__size{align-items:center;gap:var(--space-1);display:inline-flex}.song-toolbar__size-label{text-align:center;min-width:64px;font-size:var(--fs-label);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.add-song{gap:var(--space-4);flex-direction:column;display:flex}.add-song__pair{gap:var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}@media (width<=359px){.add-song__pair{grid-template-columns:minmax(0,1fr)}}.song-form__session{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);font-size:var(--fs-body-sm);color:var(--text-primary);margin:0;line-height:1.4}.song-form__panel{gap:var(--space-3);flex-direction:column;display:flex}.song-form__panel p{margin:0;line-height:1.45}.song-form__existing{padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);flex-direction:column;gap:2px;display:flex}.song-form__existing strong{font-size:var(--fs-card-title)}.song-form__actions{gap:var(--space-2);flex-direction:column;display:flex}.content-editor__text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:14rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9375rem;line-height:1.5}.content-editor__notes{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border-strong);font-size:var(--fs-body-sm);color:var(--text-primary);line-height:1.4}.content-editor__notes p{margin:0 0 var(--space-2)}.content-editor__notes ul{padding-left:var(--space-5);overflow-wrap:anywhere;margin:0}.content-editor__preview{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow-x:auto}.content-editor__preview h3{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-weight:700}.content-editor__notice{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border-strong);font-size:var(--fs-body-sm);margin:0;line-height:1.4}.view-heading{margin-bottom:var(--space-3);font-size:var(--fs-card-title);font-weight:600}.structure{gap:var(--space-2);flex-wrap:wrap;display:flex}.structure__item{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);min-height:36px;font-size:var(--fs-body-sm);align-items:center;gap:8px;padding:4px 12px 4px 6px;font-weight:500;display:inline-flex}.structure__num{background:var(--sage);width:24px;height:24px;color:var(--on-sage);font-size:var(--fs-meta);border-radius:50%;place-items:center;font-weight:700;display:grid}.notes-list{gap:var(--space-2);font-size:var(--fs-body-sm);flex-direction:column;padding-left:18px;list-style:outside;display:flex}.notes-list li::marker{color:var(--primary)}.facts{margin:0}.facts__row{justify-content:space-between;gap:var(--space-4);font-size:var(--fs-body-sm);padding:10px 0;display:flex}.facts__row+.facts__row{border-top:1px solid var(--border)}.facts dt{color:var(--text-secondary)}.facts dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.tag-row{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.chord-key-notice-group{gap:var(--space-2);flex-direction:column;display:flex}.chart-key-label{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--fs-body-sm);color:var(--text-primary);flex-wrap:wrap;display:flex}.chart-key-label svg{color:var(--text-secondary);flex:none}.chart-key-label__hint{color:var(--text-secondary)}.chord-key-notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--butter);color:var(--on-butter);font-size:var(--fs-body-sm);font-weight:500;line-height:1.4;display:flex}.chord-key-notice svg{flex:none;margin-top:1px}.chord-key-notice p{min-width:0}.chord-status{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border,currentColor);font-size:var(--fs-body-sm);color:var(--text-primary);line-height:1.4;display:flex}.chord-status svg{flex:none;margin-top:1px}.chord-status p{min-width:0}.chord-status--shown{font-weight:600}.chord-status.chord-key-notice{color:var(--on-butter);border-color:#0000}.chord-status__badge{border:1.5px solid;border-radius:50%;place-items:center;width:1.1em;height:1.1em;font-size:.8em;line-height:1;display:inline-grid}.rehearsal{z-index:var(--z-rehearsal);background:var(--bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.rehearsal:focus{outline:none}.rehearsal__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--page-pad);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.rehearsal__heading{flex:1;min-width:0}.rehearsal__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;line-height:1.2}.rehearsal__sub{font-size:var(--fs-label);color:var(--text-secondary)}.rehearsal__notice{width:calc(100% - 2 * var(--page-pad));max-width:760px;margin:var(--space-3) auto 0;flex:none}.rehearsal__body{width:100%;max-width:760px;padding:var(--space-6) var(--page-pad);-webkit-overflow-scrolling:touch;flex:1;margin:0 auto;overflow-y:auto}.rehearsal__body .lyrics{gap:var(--space-8)}.rehearsal__controls{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--page-pad);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.rehearsal__size{gap:var(--space-2);display:inline-flex}.rehearsal__wake{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--page-pad);font-size:var(--fs-label);color:var(--text-secondary);flex-wrap:wrap;margin:0;display:flex}.rehearsal__wake-retry{min-height:44px;padding:0 var(--space-2);font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:underline}.rehearsal__offline{padding:var(--space-1) var(--page-pad);font-size:var(--fs-label);color:var(--text-secondary);margin:0}.song-sub{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:inline-flex}.key-strip{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.key-strip .btn{grid-column:1/-1}.key-strip__text{min-width:0}.key-strip__label{font-size:var(--fs-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.key-strip__value{font-family:var(--font-serif);font-size:1.625rem;line-height:1.15}.key-strip__meta{font-size:var(--fs-label);color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px}.song-panel:focus-visible{outline-offset:4px;border-radius:var(--radius)}.placeholder-note{margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--fs-label);color:var(--text-secondary)}@media (width>=480px){.key-strip{grid-template-columns:auto minmax(0,1fr) auto}.key-strip .btn{grid-column:auto}}.song-panel>.chord-key-notice-group{margin-bottom:var(--space-3)}.detail-context{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);color:var(--text-primary);font-size:var(--fs-body-sm);margin:0;line-height:1.4}.detail-context__link{min-height:44px;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.archived{gap:var(--space-3);flex-direction:column;display:flex}.archived__title{font-size:var(--fs-card-title);margin:0}.archived__toggle{min-height:var(--touch);color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.archived__hint{font-size:var(--fs-body-sm);color:var(--text-secondary);margin:0}.archived__list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:0;list-style:none}.archived__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);display:flex}.archived__row+.archived__row{border-top:1px solid var(--border)}.archived__main{min-width:0;min-height:var(--touch);color:inherit;flex-direction:column;flex:1;justify-content:center;gap:2px;text-decoration:none;display:flex}.archived__name{color:var(--text-primary);font-weight:600}.archived__meta{font-size:var(--fs-label);color:var(--text-secondary)}.song-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.results-count{margin-top:calc(var(--space-1) * -1);font-size:var(--fs-label);color:var(--text-secondary);font-weight:500}@media (width>=768px){.song-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.song-list .song-row+.song-row{border-top:0}.song-list .song-row{border-top:1px solid var(--border)}.song-list .song-row:nth-child(odd){border-right:1px solid var(--border)}.song-list .song-row:nth-child(-n+2){border-top:0}}.member-row{align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.member-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.member-row__name{font-size:var(--fs-card-title);font-weight:600;line-height:1.3}.member-row__you{color:var(--text-secondary);font-weight:500}.member-row__role{font-size:var(--fs-body-sm);color:var(--text-secondary)}.member-row__availability{font-size:var(--fs-label);color:var(--text-secondary);align-items:flex-start;gap:6px;margin-top:2px;display:flex}.member-row__availability svg{flex:none;margin-top:2px}.member-row__status{padding-top:2px}@media (width<=389px){.member-row{grid-template-columns:auto minmax(0,1fr)}.member-row__status{grid-column:2;padding-top:4px}}.team-summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.team-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.team-list .member-row+.member-row{border-top:1px solid var(--border)}@media (width>=768px){.team-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.team-list .member-row+.member-row{border-top:0}.team-list .member-row{border-top:1px solid var(--border)}.team-list .member-row:nth-child(odd){border-right:1px solid var(--border)}.team-list .member-row:nth-child(-n+2){border-top:0}}