.modal-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:2px;margin:0 0 .6rem}.modal-hint{color:var(--text-soft);font-size:.88rem;margin:0 0 .8rem}.modal-input{background:#2f1d19;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-body);padding:.45rem .55rem;width:100%}.modal-file{color:var(--text-soft);font-size:.85rem;width:100%}.save-cover-preview{border:1px solid rgba(255,215,0,.35);border-radius:6px;margin-top:.5rem;max-height:120px;overflow:hidden}.save-cover-preview img{display:block;height:auto;max-height:120px;object-fit:cover;width:100%}.save-cover-preview.hidden{display:none}.save-mode-fieldset{border:1px solid rgba(255,215,0,.35);border-radius:8px;margin:.75rem 0 1rem;padding:.65rem .85rem}.save-mode-legend{color:var(--text-soft);font-family:var(--font-heading);font-size:.95rem;padding:0 .35rem}.save-mode-label{color:var(--accent);cursor:pointer;display:block;font-size:.9rem;margin:.35rem 0}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.modal-btn{border:1px solid var(--accent);border-radius:6px;cursor:pointer;font-family:var(--font-heading);letter-spacing:1px;padding:.5rem 1rem}.modal-btn.secondary{background:transparent;color:var(--accent)}.modal-btn.primary{background:var(--accent);border-color:var(--accent);color:#2c1b17}.modal-overlay .auth-gate-input:focus-visible,.modal-overlay .modal-btn:focus-visible,.modal-overlay .modal-input:focus-visible{outline:2px solid rgba(255,236,180,.95);outline-offset:2px}.add-track-section{margin-top:1.2rem;text-align:center}.add-track-wrapper{display:inline-flex;gap:.6rem;margin-top:.4rem}.add-track-btn{border-radius:50%;width:34px}.about-container{background:rgba(47,29,25,.92);border:1px solid rgba(255,215,0,.3);border-radius:10px;margin:2rem auto;max-width:700px;padding:1.2rem}.about-title{font-family:var(--font-heading);font-size:2.4rem;margin:0 0 .8rem}.about-legal-link{font-size:.95rem;margin-top:1rem;opacity:.92}.about-legal-link a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.about-container--article{max-width:min(52rem,94vw)}.about-article{color:var(--app-text-body);font-size:.98rem;line-height:1.6;overflow:auto}.about-portrait{float:left;margin:.15rem 1.25rem .85rem 0;max-width:min(280px,42%)}.about-portrait__img{border:1px solid rgba(255,215,0,.28);border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.35);display:block;height:auto;object-fit:cover;width:100%}.about-prose p{margin:.65rem 0 0}.about-prose p:first-child{margin-top:0}.about-social-list{display:flex;flex-direction:column;gap:.55rem;list-style:none;margin:1.25rem 0 0;padding:0}.about-social-link{align-items:center;color:var(--accent);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:underline;text-underline-offset:3px}.about-social-link:hover{color:#ffe08a}.about-social-link i{font-size:1.15rem;opacity:.95}@media (max-width:640px){.about-portrait{float:none;margin:0 auto 1rem;max-width:220px;text-align:center}.about-portrait__img{margin-inline:auto}}.legal-container{max-width:46rem}.legal-article{color:rgba(255,248,240,.92);font-size:.95rem;line-height:1.55}.legal-article .legal-lead{font-size:1rem;margin:0 0 1.25rem}.legal-article h2{color:var(--accent);font-family:var(--font-heading);font-size:1.35rem;letter-spacing:.02em;margin:1.5rem 0 .5rem}.legal-article h2:first-of-type{margin-top:.5rem}.legal-article h2[id],.legal-article h3[id]{scroll-margin-top:5.5rem}.legal-article p{margin:.5rem 0 .75rem}.legal-article ul{margin:.35rem 0 .85rem 1.1rem;padding:0}.legal-article li{margin:.35rem 0}.legal-article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-article code{background:rgba(0,0,0,.25);border-radius:4px;font-family:var(--font-mono,ui-monospace,monospace);font-size:.88em;padding:.12em .35em}.legal-updated{font-size:.88rem;margin-top:1.75rem;opacity:.75}.global-transport{align-items:center;background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;justify-content:center;line-height:1;padding:0;position:relative;transition:color .15s ease,transform .1s ease}.global-transport.transport-playing{color:#c62828}.global-transport:hover{color:#fff6c2;filter:brightness(1.12);transform:none}.global-transport--nav{font-size:1.2rem;height:auto;width:auto}.confirm-modal-message{color:var(--text-soft);font-size:.95rem;line-height:1.45;margin:0 0 1rem}.track-head{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:0}.sample-picker-row{align-items:center;background:rgba(0,0,0,.2);border:1px solid rgba(255,215,0,.25);border-radius:6px;display:flex;gap:.5rem;padding:.35rem .45rem;width:100%}.sample-picker-row.is-selected{background:rgba(255,215,0,.08);border-color:var(--accent)}.sample-play-btn{background:rgba(47,29,25,.9);border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:.75rem;height:32px;line-height:1;padding:0;width:32px}.sample-play-btn:hover{background:rgba(255,215,0,.2)}.sample-picker-select{align-items:baseline;background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;flex:1;flex-wrap:wrap;font-family:var(--font-body);font-size:.82rem;gap:.35rem;min-width:0;padding:.2rem 0;text-align:left}.sample-picker-name{font-weight:600;word-break:break-word}.sample-tag{color:var(--text-soft);font-size:.78rem;white-space:nowrap}.track-edit-popover-wide{max-height:min(90vh,640px);overflow:hidden;width:min(96vw,520px)}.edit-sample-list-wrap{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;max-height:min(45vh,280px);overflow-y:auto}@media (max-width:900px){.pattern-grid{gap:.8rem;grid-template-columns:1fr}.floating-header{border-radius:0;padding:.8rem;top:0;width:100%}.browse-toolbar{border-radius:0;padding:.85rem 1rem;width:100%}.sequencer-mode-toggle{margin-left:auto;margin-right:auto;max-width:calc(100% - 1rem);padding:.28rem;width:fit-content}.sequencer-container{padding:.6rem}}