.guitar-v2 { --orange:#ff9f1c; --green:#43d9a3; --blue:#4f9cff; display:grid; width:100%; min-width:0; gap:var(--diaro-section-gap,16px); max-width:1120px; margin:0 auto; overflow-x:hidden; }
.guitar-v2 button,.guitar-v2 input { font-family:var(--font-body); }
.guitar-create-widget { position:relative; display:grid; grid-template-columns:1fr; gap:10px; align-items:center; min-height:118px; overflow:hidden; padding:20px 58px 20px 20px; border:1px solid rgba(236,72,153,.2); border-radius:var(--diaro-card-radius,20px); background:radial-gradient(circle at 88% 12%,rgba(236,72,153,.24),transparent 32%),linear-gradient(135deg,rgba(124,58,237,.2),rgba(236,72,153,.07)); }
.guitar-create-widget::after { content:'♫'; position:absolute; right:55px; bottom:-45px; color:rgba(255,255,255,.05); font:800 180px var(--font-display); transform:rotate(-8deg); }
.guitar-create-widget h1 { max-width:650px; margin:4px 0 0; font-size:clamp(25px,3vw,34px); line-height:1.08; }
.guitar-create-widget p { max-width:660px; margin:0; color:var(--muted); line-height:1.5; }
.guitar-create-widget > button { position:relative; z-index:1; display:flex; justify-self:start; align-items:center; gap:8px; min-height:var(--diaro-control-height,44px); border:0; border-radius:var(--diaro-control-radius,12px); padding:10px 14px; color:#fff; background:linear-gradient(135deg,var(--pink),var(--purple)); box-shadow:0 12px 30px rgba(124,58,237,.27); cursor:pointer; font-weight:800; }
.guitar-create-widget > button span { font-size:18px; }
.guitar-menu-wrap { position:absolute; z-index:3; top:16px; right:16px; }
.guitar-more { display:grid; width:30px; height:30px; place-items:center; border:1px solid var(--line); border-radius:9px; padding:0; color:var(--muted); background:var(--surface-2); cursor:pointer; font-size:9px; letter-spacing:1px; }
.guitar-menu { position:absolute; top:42px; right:0; width:190px; padding:6px; border:1px solid var(--line); border-radius:13px; background:var(--surface); box-shadow:0 18px 50px rgba(0,0,0,.25); }
.guitar-menu button { width:100%; border:0; border-radius:9px; padding:10px; color:var(--coral); background:transparent; text-align:left; cursor:pointer; }
.g2-session-board { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.g2-session-board details { min-width:0; padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.g2-session-board summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }
.g2-session-board summary::-webkit-details-marker{display:none}.g2-session-board h2{margin:3px 0 0;font-size:19px}.g2-session-board summary>strong{display:grid;min-width:35px;height:29px;place-items:center;border-radius:999px;color:var(--pink);background:rgba(236,72,153,.1);font-size:11px}
.g2-session-cards{display:grid;gap:6px;max-height:300px;overflow:auto;margin-top:13px}.g2-session-cards>p{color:var(--muted);font-size:12px}.g2-session-cards button{display:grid;grid-template-columns:1fr auto;gap:3px 12px;width:100%;min-height:60px;border:1px solid var(--line);border-radius:13px;padding:10px 12px;color:var(--text);background:var(--surface-2);text-align:left;cursor:pointer}.g2-session-cards button span{grid-column:1/-1;color:var(--pink);font-size:10px;text-transform:capitalize}.g2-session-cards button strong{font-size:14px}.g2-session-cards button b{color:var(--muted);font-size:11px;text-align:right}
.guitar-pending-widget,.guitar-history-widget { padding:24px; border:1px solid var(--line); border-radius:23px; background:var(--surface); }
.guitar-pending-widget>summary{cursor:pointer;list-style:none}.guitar-pending-widget>summary::-webkit-details-marker{display:none}.guitar-repertoire-widget .guitar-widget-head>strong{color:#b8a5ff;background:rgba(124,58,237,.12)}
.guitar-widget-head { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.guitar-widget-head h2 { margin:4px 0 0; font-size:22px; }
.guitar-widget-head > strong { display:grid; min-width:43px; height:32px; place-items:center; border-radius:999px; color:#ffc26b; background:rgba(255,159,28,.11); font-size:12px; }
.guitar-pending-strip { display:grid; gap:7px; max-height:390px; overflow:auto; margin-top:18px; }
.guitar-song-row { display:grid; grid-template-columns:minmax(0,1fr) 44px; border:1px solid var(--line); border-radius:15px; overflow:hidden; }
.guitar-pending-strip .guitar-song-row > button { border:0; border-radius:0; color:var(--text); background:transparent; cursor:pointer; }
.guitar-pending-strip .guitar-song-row > button:first-child { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; min-width:0; min-height:54px; padding:9px 13px; text-align:left; }
.guitar-pending-strip .guitar-song-row > .guitar-unpractice { display:grid; place-items:center; min-height:54px; border-left:1px solid var(--line); color:var(--muted); font-size:18px; }
.guitar-pending-strip i,.g2-selector i.orange,.g2-active-list i.orange,.g2-summary i.orange { width:14px; height:14px; border-radius:50%; background:var(--orange); box-shadow:0 0 11px rgba(255,159,28,.5); }
.guitar-pending-strip i.green,.g2-selector i.green,.g2-active-list i.green,.g2-summary i.green { width:14px; height:14px; border-radius:50%; background:var(--green); box-shadow:0 0 11px rgba(67,217,163,.5); }
.guitar-pending-strip i.blue,.g2-selector i.blue,.g2-active-list i.blue,.g2-status-line i.blue { width:14px; height:14px; border-radius:50%; background:var(--blue); box-shadow:0 0 12px rgba(79,156,255,.5); }
.g2-selector i.orange,.g2-selector i.green,.g2-active-list i.orange,.g2-active-list i.green { width:14px; height:14px; }
.guitar-pending-strip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.guitar-pending-strip button > span { color:var(--muted); font-size:20px; }
.guitar-clean-state { display:grid; min-height:140px; place-items:center; color:var(--green); }
.g2-month-nav { display:flex; align-items:center; gap:10px; }
.g2-month-nav strong { min-width:145px; text-align:center; text-transform:capitalize; font-size:12px; }
.g2-month-nav button { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); cursor:pointer; }
.g2-weekdays,.g2-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; }
.g2-weekdays { margin-top:20px; }
.g2-weekdays span { padding:7px; color:var(--muted); font-size:10px; font-weight:800; text-align:center; }
.g2-calendar button { position:relative; aspect-ratio:1; border:1px solid transparent; border-radius:13px; color:var(--text); background:var(--surface-2); cursor:pointer; font-weight:700; }
.g2-calendar button:hover { border-color:rgba(124,58,237,.45); }
.g2-calendar button.outside { opacity:.28; }
.g2-calendar button.session-green{border-color:rgba(67,217,163,.24);background:rgba(67,217,163,.18)}.g2-calendar button.session-orange{border-color:rgba(255,159,28,.24);background:rgba(255,159,28,.17)}

.g2-backdrop { position:fixed; z-index:1100; inset:0; display:grid; min-width:0; place-items:center; padding:12px; background:rgba(7,3,20,.78); backdrop-filter:blur(10px); }
.g2-selector,.g2-song-modal,.g2-tool-modal,.g2-summary,.g2-details,.g2-planned-modal { box-sizing:border-box; width:min(980px,calc(100vw - 16px)); min-width:0; max-height:calc(100dvh - 8px); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:27px; background:var(--surface); box-shadow:0 35px 110px rgba(0,0,0,.55); animation:g2In .2s ease; }
.g2-song-modal,.g2-tool-modal,.g2-details,.g2-planned-modal { background-color:var(--surface)!important; background-image:none!important; }
.g2-selector { display:flex; flex-direction:column; height:min(920px,calc(100dvh - 8px)); }
@keyframes g2In { from { opacity:0; transform:translateY(12px) scale(.98); } }
.g2-selector > header { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px; padding:18px 25px 14px; }
.g2-schedule-date { display:grid; gap:4px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.g2-schedule-date input{min-height:38px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;color:var(--text);background:var(--surface-2);color-scheme:dark}.light .g2-schedule-date input{color-scheme:light}
.g2-selector header span,.g2-tool-modal header span { color:var(--pink); font-size:9px; font-weight:800; letter-spacing:1.3px; }
.g2-selector h2 { margin:4px 0; font-size:27px; }
.g2-selector header p { margin:0; color:var(--muted); font-size:11px; }
.g2-selector header button,.g2-close,.g2-summary > button { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line); border-radius:11px; color:var(--muted); background:var(--surface-2); cursor:pointer; font-size:20px; }
.g2-filter { display:flex; flex:0 0 auto; align-items:center; gap:9px; padding:0 25px 16px; overflow-x:auto; }
.g2-filter > strong { margin-right:5px; color:var(--muted); font-size:10px; }
.g2-filter button { display:flex; flex:0 0 auto; align-items:center; gap:8px; min-height:42px; border:1px solid var(--line); border-radius:999px; padding:10px 16px; color:var(--muted); background:var(--surface-2); cursor:pointer; font-size:13px; font-weight:700; }
.g2-filter button.active { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--pink),var(--purple)); }
.g2-set-tabs { display:flex; flex:0 0 auto; gap:7px; overflow-x:auto; margin-bottom:7px; padding:0 25px 18px; scrollbar-width:auto; scrollbar-color:rgba(236,72,153,.42) transparent; }
.g2-set-tabs button { flex:0 0 auto; min-height:35px; border:1px solid var(--line); border-radius:999px; padding:7px 12px; color:var(--muted); background:var(--surface-2); cursor:pointer; font-weight:800; }
.g2-set-tabs button.active { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--pink),var(--purple)); }
.g2-set-panel { box-sizing:border-box; flex:1 1 auto; min-height:0; margin:0 25px 10px; overflow-y:auto; overscroll-behavior:contain; padding:11px; border:1px solid var(--line); border-radius:18px; background:var(--surface-2); }
.g2-set-panel h3 { margin:0 0 9px; color:var(--pink); font-size:15px; }
.g2-set-panel > div { display:grid; gap:3px; padding-bottom:8px; }
.g2-set-panel button { display:grid; grid-template-columns:auto auto 1fr; gap:8px; align-items:center; width:100%; min-height:39px; border:1px solid var(--line); border-radius:9px; padding:4px 9px; color:var(--text); text-align:left; cursor:pointer; }
.g2-set-panel button.selected { border-color:rgba(236,72,153,.62); box-shadow:inset 0 0 0 1px rgba(236,72,153,.22); }
.g2-set-panel button strong { font-size:14px; line-height:1.15; }
.g2-check { display:grid; width:24px; height:24px; place-items:center; border:1px solid var(--line); border-radius:7px; color:#10241d; }
.g2-set-panel button.selected .g2-check { border-color:transparent; background:var(--green); }
.g2-selector > footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 25px; border-top:1px solid var(--line); }
.g2-selector footer span { color:var(--text); font-size:15px; }
.g2-selector footer span strong { color:var(--pink); font:800 32px var(--font-display); }
.g2-selector footer button,.g2-finish button,.g2-complete-song,.g2-tuner > button { min-height:var(--diaro-control-height,44px); border:0; border-radius:var(--diaro-control-radius,12px); padding:10px 16px; color:#fff; background:linear-gradient(135deg,var(--pink),var(--purple)); cursor:pointer; font-weight:800; }
.g2-selector footer button:disabled { opacity:.35; cursor:not-allowed; }

.guitar-study-view { width:100%; max-width:920px; min-width:0; }
.g2-session-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:14px 18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.g2-session-bar > button { justify-self:start; border:0; color:var(--muted); background:transparent; cursor:pointer; font-weight:700; }
.g2-session-bar > div { display:grid; text-align:center; }
.g2-session-bar div span { color:var(--pink); font-size:9px; font-weight:800; letter-spacing:1.2px; }
.g2-session-bar div strong { font:800 34px var(--font-display); }
.g2-session-bar .g2-play { justify-self:end; border:1px solid var(--line); border-radius:11px; padding:10px 13px; color:var(--text); background:var(--surface-2); }
.g2-session-hero { position:relative; display:grid; grid-template-columns:1fr auto; gap:15px; overflow:hidden; padding:27px 28px 34px; border:1px solid rgba(124,58,237,.23); border-radius:22px; background:linear-gradient(135deg,rgba(124,58,237,.17),rgba(236,72,153,.07)); }
.g2-session-hero h1 { margin:6px 0; font-size:31px; }
.g2-session-hero p { margin:0; color:var(--muted); font-size:12px; }
.g2-session-hero > div:nth-child(2) { display:grid; align-content:center; text-align:right; }
.g2-session-hero > div:nth-child(2) strong { font:800 31px var(--font-display); }
.g2-session-hero > div:nth-child(2) span { color:var(--muted); font-size:9px; }
.g2-session-hero > i { position:absolute; right:28px; bottom:17px; left:28px; height:5px; overflow:hidden; border-radius:999px; background:var(--surface-2); }
.g2-session-hero > i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),var(--green)); }
.g2-active-list { display:grid; gap:9px; }
.g2-active-list > button { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; width:100%; padding:16px 18px; border:1px solid var(--line); border-radius:15px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; }
.g2-active-list > button.complete { border-color:rgba(67,217,163,.35); background:rgba(67,217,163,.07); }
.g2-active-list span strong,.g2-active-list span small { display:block; }
.g2-active-list span small { margin-top:3px; color:var(--muted); }
.g2-active-list b { color:var(--muted); font-size:22px; }
.g2-active-list button.complete b { color:var(--green); }
.g2-finish { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:21px; border:1px dashed rgba(236,72,153,.3); border-radius:18px; background:rgba(236,72,153,.04); }
.g2-finish > div { display:flex; gap:9px; }
.g2-finish .g2-delete-session { border:1px solid rgba(255,61,95,.3); color:var(--coral); background:rgba(255,61,95,.07); }
.g2-finish p { margin:4px 0 0; color:var(--muted); font-size:10px; }

.g2-song-modal { position:relative; width:min(610px,100%); padding:34px; text-align:center; }
.g2-close { position:absolute; top:15px; right:15px; }
.g2-song-modal h2 { margin:8px 0 4px; font-size:31px; }
.g2-song-modal > p { margin:0; color:var(--muted); font-size:15px; }
.g2-tool-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:27px; }
.g2-tool-grid button { display:grid; min-height:145px; place-content:center; justify-items:center; gap:7px; border:1px solid var(--line); border-radius:18px; color:var(--text); background:var(--surface-2); cursor:pointer; }
.g2-tool-grid button:hover { border-color:rgba(236,72,153,.45); }
.g2-tool-grid button > span { color:var(--pink); font:800 49px var(--font-display); }
.g2-tool-grid button strong { font-size:22px; }
.g2-tool-grid button small { color:var(--muted); }
.g2-complete-song { width:100%; margin-top:15px; }
.g2-complete-song.done { color:#10241d; background:var(--green); }
.g2-last-study{display:grid;gap:4px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);text-align:left}.g2-last-study span{color:var(--pink);font-size:9px;font-weight:800;letter-spacing:1px}.g2-last-study strong{font-size:12px}
.g2-tool-modal { width:min(660px,100%); }
.g2-tool-modal > header { display:grid; grid-template-columns:auto 1fr; gap:15px; align-items:center; padding:17px 19px; border-bottom:1px solid var(--line); }
.g2-tool-modal header > button { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line); border-radius:11px; color:var(--muted); background:var(--surface-2); cursor:pointer; font-size:18px; }
.g2-tool-modal header > .g2-tool-back{width:48px;height:48px;border-radius:14px;font-size:26px;color:var(--text)}
.g2-tool-modal header > div { display:grid; text-align:center; }
.g2-tool-modal header strong { margin-top:2px; }
.g2-metronome { display:grid; justify-items:center; padding:35px 30px 40px; }
.g2-metronome > span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:2px; }
.g2-metronome > div { display:flex; align-items:center; gap:22px; margin-top:8px; }
.g2-metronome > div button { display:grid; width:48px; height:48px; place-items:center; border:1px solid var(--line); border-radius:15px; color:var(--text); background:var(--surface-2); cursor:pointer; font-size:25px; }
.g2-metronome > div strong { min-width:125px; color:var(--pink); font:800 75px var(--font-display); text-align:center; }
.g2-metronome > input { width:min(460px,100%); margin:20px 0; accent-color:var(--pink); }
.g2-metro-play { display:grid; width:92px; height:92px; place-items:center; border:0; border-radius:50%; padding:0; color:#fff; background:linear-gradient(135deg,var(--pink),var(--purple)); box-shadow:0 18px 55px rgba(124,58,237,.35); cursor:pointer; font-size:31px; }
.g2-metro-play span { display:grid; width:100%; height:100%; place-items:center; line-height:1; transform:translateX(2px); }
.g2-metro-play.playing span { transform:none; }
.g2-metro-play.playing { background:linear-gradient(135deg,var(--orange),var(--pink)); }
.g2-metronome p { color:var(--muted); }
.g2-tuner { display:grid; justify-items:center; gap:14px; padding:30px; }
.g2-tuner-display { width:min(520px,100%); padding:24px 22px 18px; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 38%,rgba(124,58,237,.16),transparent 45%),var(--surface-2); transition:border-color .15s,box-shadow .15s; }
.g2-tuner-display.in-tune { border-color:rgba(67,217,163,.58); box-shadow:0 0 36px rgba(67,217,163,.14); }
.g2-tuner-note { display:grid; justify-items:center; gap:2px; }
.g2-tuner-note strong { font:800 clamp(68px,17vw,104px)/1 var(--font-display); }
.g2-tuner-note span { color:var(--muted); font-weight:700; }
.g2-tuner-track { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; height:55px; margin-top:22px; color:var(--muted); font-size:22px; }
.g2-tuner-track::before { content:''; position:absolute; left:31px; right:31px; top:50%; height:6px; border-radius:999px; background:linear-gradient(90deg,var(--orange),var(--green) 46%,var(--green) 54%,var(--orange)); opacity:.82; }
.g2-tuner-center { position:absolute; z-index:1; left:50%; top:12px; bottom:12px; width:18%; border:2px solid rgba(67,217,163,.65); border-radius:8px; transform:translateX(-50%); }
.g2-tuner-track > span:last-of-type { grid-column:3; }
.g2-tuner-track i { position:absolute; z-index:2; left:50%; top:5px; width:4px; height:45px; border-radius:999px; background:var(--text); box-shadow:0 3px 12px rgba(0,0,0,.35); transform:translateX(-50%); transition:left .08s linear,background .15s; }
.g2-tuner-display.in-tune .g2-tuner-track i { background:var(--green); }
.g2-tuner-scale { display:grid; grid-template-columns:repeat(5,1fr); color:var(--muted); font-size:10px; text-align:center; }
.g2-tuner-scale b { color:var(--green); }
.g2-tuner > p { min-height:22px; margin:0; color:var(--muted); font-weight:800; }
.g2-summary { position:relative; width:min(560px,100%); max-height:calc(100dvh - 24px); overflow-y:auto; padding:30px; }
.g2-summary > button { position:absolute; top:15px; right:15px; }
.g2-summary h2 { margin:8px 0 22px; text-transform:capitalize; }
.g2-summary article { padding:17px; border:1px solid var(--line); border-radius:16px; background:var(--surface-2); }
.g2-summary article > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.g2-summary article > header button { min-height:34px; border:1px solid rgba(255,61,95,.28); border-radius:10px; padding:7px 10px; color:var(--coral); background:rgba(255,61,95,.07); cursor:pointer; font-weight:800; }
.g2-summary article + article { margin-top:10px; }
.g2-summary ul { display:grid; gap:8px; margin:14px 0 0; padding:0; list-style:none; }
.g2-summary li { display:flex; align-items:center; gap:9px; color:var(--muted); }
.g2-details { position:relative; width:min(610px,calc(100vw - 24px)); overflow:auto; padding:34px; text-align:center; }
.g2-details h2 { margin:8px 0 3px; font-size:clamp(27px,5vw,39px); }
.g2-details h3 { margin:0; color:var(--muted); font-size:16px; }
.g2-recent-sessions{display:grid;gap:7px;margin:25px 0 16px}.g2-recent-sessions p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:12px;text-align:left;text-transform:capitalize}.g2-recent-sessions strong{white-space:nowrap}.g2-status-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g2-status-buttons button{min-height:45px;border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;font-weight:800}.g2-status-buttons button.green{background:rgba(67,217,163,.14)}.g2-status-buttons button.orange{background:rgba(255,159,28,.15)}.g2-status-buttons button.blue{background:rgba(79,156,255,.16)}.g2-status-buttons button.active{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.g2-learned { width:100%; min-height:48px; border:0; border-radius:13px; color:#fff; background:linear-gradient(135deg,#4f9cff,var(--purple)); cursor:pointer; font-weight:800; }
.g2-detail-actions { display:grid; gap:8px; }
.g2-unpractice-action { min-height:44px; border:1px solid var(--line); border-radius:13px; color:var(--text); background:var(--surface-2); cursor:pointer; font-weight:800; }
.g2-status-line { display:flex; justify-content:center; align-items:center; gap:9px; padding:14px; font-weight:700; }
.g2-planned-modal{position:relative;width:min(560px,calc(100vw - 24px));overflow:auto;padding:32px}.g2-planned-modal h2{margin:7px 0 4px;text-transform:capitalize}.g2-planned-modal>p{color:var(--muted)}.g2-planned-modal ul{display:grid;gap:5px;max-height:35dvh;overflow:auto;margin:18px 0;padding:0;list-style:none}.g2-planned-modal li{padding:9px 11px;border-radius:10px;background:var(--surface-2)}.g2-plan-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.g2-plan-actions button{min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-2);cursor:pointer;font-weight:800}.g2-plan-actions button.danger{color:var(--coral);background:rgba(255,61,95,.07)}.g2-plan-actions button.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--pink),var(--purple))}

.state-orange { background-color:rgba(255,159,28,.13)!important; background-image:linear-gradient(90deg,rgba(255,159,28,.12),transparent)!important; }
.state-green { background-color:rgba(67,217,163,.12)!important; background-image:linear-gradient(90deg,rgba(67,217,163,.11),transparent)!important; }
.state-blue { background-color:rgba(79,156,255,.14)!important; background-image:linear-gradient(90deg,rgba(79,156,255,.13),transparent)!important; }

@media (max-width:720px) {
  .guitar-create-widget { grid-template-columns:1fr; min-height:125px; padding:18px 54px 18px 18px; }
  .guitar-create-widget > button { justify-self:start; }
  .guitar-pending-widget,.guitar-history-widget { padding:17px; }
  .g2-session-board{grid-template-columns:1fr}.g2-session-board details{padding:15px}
  .guitar-widget-head { align-items:flex-start; }
  .g2-month-nav { gap:4px; }.g2-month-nav strong { min-width:105px; font-size:10px; }
  .g2-calendar { gap:4px; }.g2-calendar button { border-radius:9px; font-size:11px; }
  .g2-selector > header,.g2-selector > footer { padding:16px; }
  .g2-filter { padding:0 16px 13px; }
  .g2-selector>header{grid-template-columns:1fr auto;padding:13px 14px}.g2-selector>header>button{position:absolute;top:12px;right:12px}.g2-schedule-date{grid-column:1/-1}.g2-set-tabs { padding:0 16px 18px; }.g2-set-panel { margin:0 10px 8px; }
  .g2-session-bar { grid-template-columns:auto 1fr auto; padding:11px; }
  .g2-session-bar > button:first-child { font-size:0; }.g2-session-bar > button:first-child::before { content:'←'; font-size:18px; }
  .g2-session-bar div strong { font-size:27px; }
  .g2-session-hero { grid-template-columns:1fr; padding:22px 22px 35px; }.g2-session-hero > div:nth-child(2) { display:none; }
  .g2-finish { align-items:stretch; flex-direction:column; }.g2-finish > div { display:grid; grid-template-columns:1fr 1fr; }.g2-finish button { width:100%; }
  .g2-song-modal { padding:27px 18px 20px; }.g2-tool-grid { gap:8px; }.g2-tool-grid button strong { font-size:18px; }
  .g2-metronome > div { gap:12px; }.g2-metronome > div strong { min-width:100px; font-size:61px; }
  .g2-tuner { padding:20px 14px 24px; }.g2-tuner-display { padding:19px 14px 15px; }
  .g2-plan-actions{grid-template-columns:1fr 1fr}.g2-plan-actions .primary{grid-column:1/-1}
}