.gd{padding:12px}.gd-top{display:flex;align-items:center;gap:8px}.gd-stages{display:flex;flex:1;gap:2px;padding:3px;border-radius:999px;background:var(--card2);border:1px solid var(--line)}.gd-stages button{appearance:none;flex:1;border:0;background:none;font:inherit;font-weight:700;font-size:13.5px;letter-spacing:.4px;min-height:38px;padding:6px 4px;border-radius:999px;color:var(--muted);cursor:pointer}.gd-stages button[aria-selected=true]{color:#fff;text-shadow:0 1px 1px rgba(0,60,120,.4);background:linear-gradient(180deg,#ffffff80,#ffffff1f 50%,#fff0 51%),linear-gradient(180deg,#55c0fb,#0f78c8);box-shadow:inset 0 1px #ffffffb3,0 3px 8px #2aa7f266}.gd-pace{appearance:none;flex:none;min-height:38px;padding:6px 12px;border-radius:999px;border:1px solid #b9dcf7;background:#fff;color:var(--neon2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.gd-status{display:flex;justify-content:space-between;gap:8px;margin:8px 2px 5px;font-size:12.5px;color:var(--muted)}.gd-status span:last-child{font-variant-numeric:tabular-nums;color:var(--neon2);font-weight:700;white-space:nowrap}.gd-bar{height:6px;border-radius:99px;background:var(--card2);overflow:hidden}.gd-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#55c0fb,#0f78c8)}.gd-body{margin:12px 0 6px;min-height:130px}.gd-kicker{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--neon2);font-weight:700}.gd-draft{padding:1px 8px;border-radius:99px;background:#fef3c7;color:#92400e;font-size:11px;letter-spacing:.4px}.gd-title{margin:6px 0 2px;font-size:15px;color:var(--muted);font-weight:650}.gd-text{margin:6px 0 4px;font-size:22px;line-height:1.38;font-weight:600;overflow-wrap:anywhere}.gd-text.listen{color:var(--neon2)}.gd-text.instr{font-size:18px;font-style:italic;font-weight:500;color:var(--muted)}.gd-hint{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:99px;background:#dcfce7;color:#166534;font-size:12.5px;font-weight:700}.gd-dots{display:flex;gap:5px;margin-top:12px}.gd-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.gd-dots i.done{background:#9ccdf0}.gd-dots i.on{background:var(--neon2);transform:scale(1.25)}.gd-sub{margin:14px 0 6px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.gd-list{display:grid;gap:8px;margin-top:8px}.gd-list .btn{justify-content:flex-start;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;border-radius:22px;padding:10px 16px}.gd-list .btn small{font-weight:500;color:var(--muted);font-size:12.5px}.gd-fork{display:grid;gap:10px;margin-top:12px}.gd-fork .btn{min-height:62px;font-size:18px}.gd-move{background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:10px 14px}.gd-move summary{font-weight:650}.gd-move p{font-size:18px;line-height:1.35;margin:8px 0}.gd-move .row{gap:8px}.gd-move .btn,.gd-body .row .btn{min-height:42px;padding:8px 12px;font-size:14px}.gd-note{font-size:13px;color:var(--muted);margin:10px 2px 0}.gd-logged{font-size:13px;font-weight:700;color:var(--good)}.gd-confirm{display:grid;gap:2px;margin-top:10px;padding:10px 14px;border-radius:18px;background:var(--card2);border:1px solid var(--line)}.gd-confirm b{font-size:20px}.gd-confirm span{color:var(--muted);font-size:15px}.gd-body>.btn{margin-top:12px;width:100%}.gd-ctl{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:8px;margin-top:8px}.gd-ctl .btn{min-height:46px;padding:8px 10px;font-size:14.5px}.gd-ctl .btn.on{color:var(--neon2);border-color:var(--neon)}.gd-chips{margin-top:10px}.gd-chips .fchip{padding:10px 14px}.gd-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.gd-foot .btn{min-height:44px;font-size:14px;padding:8px 14px;flex:1 1 auto}.gd[data-mode=ended] .gd-body,.gd[data-mode=ended] .gd-ctl,.gd[data-mode=ended] .gd-chips,.gd[data-mode=ended] .gd-foot,.gd[data-mode=ended] .gd-bar{display:none}#gdEditor textarea{font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:280px;white-space:pre;overflow:auto}#gdEditor pre{white-space:pre-wrap;font-size:12.5px;background:var(--card2);border-radius:14px;padding:10px 12px;overflow-x:auto}.gd-ship{margin-top:10px;padding:12px;border-radius:18px;background:var(--card2);border:1px solid var(--line)}.gd-shiphead{margin-bottom:8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--neon2);font-weight:700}.gd-shipgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sf{display:grid;gap:3px;min-width:0}.sf.s6{grid-column:span 6}.sf.s4{grid-column:span 4}.sf.s2{grid-column:span 2}.sf>span{font-size:12px;font-weight:650;color:var(--muted)}.sf>span i{font-style:normal;font-weight:500}.sf input{width:100%;box-sizing:border-box;min-height:46px;padding:8px 12px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:inherit;font:inherit;font-size:16px}.sf input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px #2aa7f240}.sf.bad>span{color:#b45309}.sf.bad input{border-color:#f0a35c;background:#fff8ec}.gd-shipst{margin:10px 2px 2px;font-size:13.5px;font-weight:700}.gd-shipst.bad,.gd-paynote.bad{color:#b45309}.gd-shipst.good,.gd-paynote.good{color:var(--good)}.gd-ship .btn.small{margin-top:8px}.gd-addrnote[hidden],.gd-pay [hidden]{display:none!important}.gd-pay{display:grid;gap:8px;margin-top:12px}.gd-pay .btn{width:100%;margin:0}.gd-pay .btn[disabled]{opacity:.5;cursor:not-allowed}.gd-paynote{font-size:13.5px;font-weight:700}.tab,.list{grid-template-columns:minmax(0,1fr)}.tab>*,.list>*{min-width:0}html,body{max-width:100%;overflow-x:clip}.gd-body:has(>.gd-text:empty)>.gd-title{margin:6px 0 4px;font-size:22px;line-height:1.38;font-weight:600;color:var(--text);overflow-wrap:anywhere}

/* ---------- Oct 28 update: smaller caller label, notes with Save, Roger's numbers, called today ---------- */

/* the "who you are calling" label: about a third smaller, the dial buttons under it are untouched */
.hero.compact{padding:8px 12px 8px 18px;border-radius:18px;box-shadow:0 3px 10px rgba(42,167,242,.2)}
.hero.compact .chips{margin-bottom:2px}
.hero.compact .chip{font-size:11.5px;padding:2px 8px}
.hero.compact .state{font-size:11px;letter-spacing:1px}
.hero.compact .who{font-size:19px;margin:1px 0 0}
.hero.compact .sub{font-size:13px;line-height:1.3}
.hero.compact .cbnote{font-size:12.5px;margin-top:3px}
.hero.compact .timer{font-size:22px;margin-top:2px}

/* notes under the script */
#dNotes textarea{min-height:92px}
#dNotes .btn{width:100%;margin-top:8px}
.gn-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.gn-head .label{margin:0}
.gn-for{min-width:0;font-size:12.5px;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gn-saved{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.gn-saved li{padding:8px 12px;border-radius:14px;background:var(--card2);font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.gn-saved li span{margin-right:6px;font-size:12px;font-weight:700;color:var(--neon2)}
.gn-saved li.gn-file{background:#fff;border:1px dashed var(--line);color:var(--muted)}

/* Roger's numbers */
.gd-daytop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gd-daytop .label{margin:0}
.gd-roger{margin:8px 0 10px;font-size:16px;line-height:1.4}
.gd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gd-stats .tile{padding:8px 8px 8px 15px;border-radius:16px}
.gd-stats .tile::before{width:5px}
.gd-stats .tile .n{font-size:21px}
.gd-stats .tile .lb{font-size:12.5px}

/* called today */
.gd-called{cursor:pointer}
.gd-called i{width:10px;height:10px;border-radius:50%;background:var(--c,var(--neon));flex:none}
.gd-called .info .s+.s{white-space:normal;overflow-wrap:anywhere}