:root{--bg: #0d1412;--surface: #16211d;--surface-raised: #1d2b26;--accent: #1ed760;--in-tune: #3ce97b;--muted: #5b6b64;--text: #e8f2ec;--gauge-arc: #23332c;--danger: #e05252;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 0%,#14201b 0%,var(--bg) 60%),var(--bg)}#root{min-height:100dvh;display:flex;justify-content:center}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit}h1,h2,h3,p{margin:0}.app{width:min(100%,480px);min-height:100dvh;display:flex;flex-direction:column;gap:20px;padding-top:max(20px,calc(env(safe-area-inset-top) + 8px));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left))}.install-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-raised);border-radius:14px;padding:10px 14px;font-size:.9rem}.app-header{display:flex;align-items:center;justify-content:space-between}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.tuning-picker-button{background:var(--surface);border-radius:999px;padding:10px 14px 10px 18px;font-weight:600;gap:8px}.tuning-picker-button:after{content:"▾";color:var(--accent);flex-shrink:0;line-height:1}.header-actions{display:flex;align-items:center;gap:8px}.about-button{width:44px;height:44px;border-radius:999px;background:var(--surface);color:var(--text);font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.1rem;font-weight:700}.about-text{color:var(--text);line-height:1.5}.about-version{color:var(--muted);font-size:.9rem}.about-links{display:flex;flex-direction:column;gap:12px;margin-top:4px}.about-link{color:var(--accent);font-weight:600;text-decoration:none}.screen-label{background:var(--surface);border-radius:999px;padding:10px 18px;font-weight:600;color:var(--muted)}.screen-tabs,.mode-row{display:flex;align-items:stretch;gap:14px}.screen-tabs>*,.mode-row>*{flex:1 1 0}.gauge{position:relative;display:flex;flex-direction:column;align-items:center}.gauge svg{width:min(100%,340px)}.gauge-note{margin-top:4px;font-size:2.2rem;font-weight:700;color:var(--text)}.gauge-note-in-tune{color:var(--in-tune)}.hint{text-align:center;min-height:1.4em;color:var(--text)}.hint-error{color:var(--danger)}.hint-muted{color:var(--muted)}.hint-in-tune{color:var(--in-tune);font-weight:600}.string-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto}.string-item{display:flex;flex-direction:column;align-items:center;gap:4px}.string-gauge{width:14px;height:72px;color:#b9c6bf}.string-button{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;padding:12px 0;border-radius:16px;background:var(--surface);border:2px solid transparent}.string-button .string-number{font-size:.7rem;color:var(--muted)}.string-button .string-note{font-size:1.2rem;font-weight:700}.string-active{border-color:var(--accent)}.string-manual{background:var(--surface-raised)}.button-primary,.button-secondary,.chip,.tuning-picker-button,.screen-label{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.button-primary,.button-secondary,.button-danger{border-radius:999px;padding:12px 24px;font-weight:600;transition:filter 80ms ease,transform 80ms ease}.button-full{width:100%}.button-primary:active:not(:disabled),.button-secondary:active:not(:disabled),.button-danger:active:not(:disabled),.chip:active,.string-button:active,.list-row:active,.tuning-picker-button:active,.input-field-clear:active{filter:brightness(.82);transform:scale(.97)}.button-primary{background:var(--accent);color:#06130c}.button-secondary{background:var(--surface-raised)}.button-danger{background:none;color:var(--danger);padding:8px 12px}.chip{background:var(--surface);border-radius:999px;padding:10px 16px;border:2px solid transparent;font-weight:600}.chip-selected{border-color:var(--accent);color:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:min(100%,480px);max-height:85dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:24px 24px 0 0;overflow:hidden}.sheet-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 20px 8px;display:flex;flex-direction:column;gap:14px}.sheet-scroll:after{content:"";display:block;height:8px;flex-shrink:0}.sheet-footer{flex-shrink:0;padding:16px 20px calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--gauge-arc);background:var(--surface)}.sheet h3{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-top:8px}.sheet-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.list-row{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;background:var(--surface-raised);border-radius:14px;padding:14px 16px;text-align:left;transition:filter 80ms ease,transform 80ms ease}.list-row-title{font-weight:600}.list-row-subtitle{color:var(--muted);font-size:.85rem;white-space:nowrap}.input-field{position:relative;width:100%}.save-draft-block{display:flex;flex-direction:column;gap:8px}.save-draft-row{display:flex;flex-direction:row;align-items:stretch;gap:10px}.save-draft-row .input-field{flex:1}.save-draft-button{flex-shrink:0;min-width:88px;padding-inline:20px}.input-field-control{width:100%;height:48px;background:var(--surface-raised);border:1px solid var(--gauge-arc);border-radius:14px;padding:0 44px 0 16px;color:var(--text);font-size:1rem}.input-field-control::placeholder{color:var(--muted)}.input-field-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.25rem;line-height:1}.custom-tuning-item{display:flex;flex-direction:column;gap:6px}.custom-tuning-actions{display:flex;justify-content:flex-end;gap:16px;padding:0 4px}.custom-tuning-action{color:var(--accent);font-size:.85rem;font-weight:600}.custom-tuning-action-danger{color:var(--danger)}.swipe-row{position:relative;overflow:hidden;border-radius:14px;margin-bottom:2px}.swipe-action{position:absolute;top:0;bottom:0;width:72px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;z-index:0;transition:filter 80ms ease,transform 80ms ease}.swipe-action:active{filter:brightness(.82);transform:scale(.97)}.swipe-action-edit{left:0;background:#1a4d38;color:var(--accent)}.swipe-action-delete{right:0;background:#4a1f1f;color:var(--danger)}.swipe-row-content{position:relative;z-index:1;min-height:48px;transition:transform .12s ease-out;background:var(--surface)}.swipe-row-content .list-row{border-radius:14px}.note-grid{display:flex;flex-wrap:wrap;gap:8px}