/* Six paper palettes; practice-frequency colors remain stable across themes. */
:root,[data-theme="bauhaus"]{--bg:#f4f1e8;--panel:#fffefb;--surface:#fffefb;--panel-2:#eae6db;--sidebar-paper:#f4f1e8;--ink:#20231e;--muted:#68655d;--text-soft:#494b41;--line:#d2cdc1;--line-strong:#89857a;--blue:#2053b4;--accent-2:#2053b4;--paper-yellow:#f3d66a;--warm:#f2c230;--growth:#536d48;--growth-leaf:#738557;--growth-soft:#e8eddf;--growth-line:#acb99b;--task-border:#aa9140;--theme-soft:#e8edf8}
[data-theme="seed"]{--bg:#f3f2e8;--sidebar-paper:#eef0e4;--panel:#fcfdf7;--surface:#fcfdf7;--panel-2:#e6eadc;--blue:#526b43;--accent-2:#526b43;--paper-yellow:#dedda3;--warm:#c9b856;--task-border:#999a62;--growth:#426b52;--growth-soft:#dde9db;--theme-soft:#e4eadc}
[data-theme="ocean"]{--bg:#eef3f2;--sidebar-paper:#e8efed;--panel:#fbfefd;--surface:#fbfefd;--panel-2:#dce7e7;--line:#c4d2d0;--line-strong:#829b9c;--blue:#35667f;--accent-2:#35667f;--paper-yellow:#c8dfea;--warm:#d8bd6e;--task-border:#8faebd;--growth:#3b7068;--growth-soft:#dcebe5;--theme-soft:#e0ebef}
[data-theme="rose"]{--bg:#f7f0ea;--sidebar-paper:#f2eae3;--panel:#fffcf8;--surface:#fffcf8;--panel-2:#eddfd5;--line:#dccac0;--line-strong:#a68d80;--blue:#96534c;--accent-2:#96534c;--paper-yellow:#edc7b9;--warm:#dea86f;--task-border:#c29380;--growth:#67734b;--growth-soft:#e9ecdd;--theme-soft:#f2e1db}
[data-theme="lavender"]{--bg:#f3f0f5;--sidebar-paper:#eeebf1;--panel:#fefbff;--surface:#fefbff;--panel-2:#e6dfec;--line:#d3c9db;--line-strong:#998ba7;--blue:#6d568c;--accent-2:#6d568c;--paper-yellow:#d9cee9;--warm:#d9bc71;--task-border:#aa98bf;--growth:#54766a;--growth-soft:#e0eae4;--theme-soft:#e9e1f1}
[data-theme="sand"]{--bg:#f4efe4;--sidebar-paper:#ede8dc;--panel:#fdfaf2;--surface:#fdfaf2;--panel-2:#e5ddcc;--line:#d3c8b3;--line-strong:#a09176;--blue:#866044;--accent-2:#866044;--paper-yellow:#e6d2ac;--warm:#cda151;--task-border:#b39a70;--growth:#63704d;--growth-soft:#e4e7d6;--theme-soft:#ebe1ce}
.graph-task-card{border-color:var(--task-border)}
.graph-card-meta>span:first-child{color:var(--blue);border-color:var(--line-strong)}
.graph-task-card.completed{background:var(--growth-soft);border-color:var(--growth-line)}
.floating-route-option.selected,.floating-route-option:hover,.quiet-btn.selected,.quiet-btn[aria-pressed=true],.canvas-tools button:hover,.profile-export-options button:hover:not(:disabled){background:var(--theme-soft);color:var(--blue);border-color:var(--blue)}
.atlas-node-icon,.atlas-tech-node.route .atlas-node-icon{background:var(--theme-soft);border-color:var(--line);color:var(--blue)}
.profile-themes{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.profile-themes>span{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.profile-themes>div{display:flex;gap:9px;flex-wrap:wrap}
.theme-dot{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:4px;border:1px solid transparent;border-radius:50%;background:none;cursor:pointer}
.theme-dot i{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch-a);position:relative;overflow:hidden;border:1px solid #00000015}
.theme-dot i:after{content:'';position:absolute;inset:0 0 0 50%;background:var(--swatch-b)}
.theme-dot[aria-pressed=true]{border-color:var(--ink)}.theme-dot:hover{border-color:var(--line-strong)}
.method-card-tools{display:flex;align-items:center;gap:10px;min-height:24px}
.method-card-tools>.graph-how-label{margin-right:auto}
.method-version{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;white-space:nowrap}
.method-version button{width:29px;height:17px;min-height:17px;padding:2px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel-2);cursor:pointer}
.method-version button i{display:block;width:11px;height:11px;border-radius:50%;background:var(--muted);transition:transform .18s ease}
.method-version button[aria-checked=true]{background:var(--theme-soft);border-color:var(--blue)}.method-version button[aria-checked=true] i{background:var(--blue);transform:translateX(11px)}
.method-edit-button{background:none;border:0;color:var(--blue);padding:1px 2px;min-height:24px;font-size:16px;cursor:pointer}
.method-copy{cursor:text;outline-offset:4px;user-select:text;-webkit-user-select:text}
.method-copy mark{padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer}
.graph-method-card{scroll-padding-top:8px}
.method-edit-dialog .dialog-card{width:min(780px,100%)}
#method-edit-form{display:grid;gap:16px}
#method-edit-form label{display:grid;gap:8px;font-size:12px;color:var(--muted)}
#method-edit-form input,#method-edit-form textarea{width:100%;font:inherit;font-size:14px;line-height:1.8;padding:11px 12px;border:1px solid var(--line-strong);background:var(--panel);border-radius:3px;color:var(--ink);resize:vertical}
.method-edit-extra{border-block:1px solid var(--line);padding:12px 0}.method-edit-extra summary{font-size:12px;cursor:pointer;color:var(--blue)}.method-edit-extra label{margin-top:15px}
#method-edit-form footer{display:flex;justify-content:flex-end;gap:12px}#method-edit-form footer button{min-height:42px;padding:10px 18px}
.highlight-picker{position:fixed;z-index:150;display:flex;align-items:center;gap:3px;background:var(--panel);border:1px solid var(--line-strong);padding:5px;border-radius:5px;box-shadow:0 5px 18px #20231e18}
.highlight-picker[hidden]{display:none}.highlight-picker button{width:30px;min-height:32px;padding:5px;border:0;background:none;border-radius:3px;cursor:pointer;color:var(--ink)}
.highlight-picker button:hover{background:var(--panel-2)}.highlight-picker button i{display:block;width:20px;height:20px;border-radius:50%;background:var(--highlight-color);border:1px solid #20231e33}
.highlight-custom{display:grid;place-items:center;width:32px;height:32px;border-left:1px solid var(--line);padding-left:4px}
.highlight-custom input{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}.highlight-custom input::-webkit-color-swatch-wrapper{padding:2px}.highlight-custom input::-webkit-color-swatch{border:1px solid var(--line-strong);border-radius:50%}
/* A six-step ruler replaces exploration filters. The scale describes repetition only. */
.atlas-toolbar{justify-content:space-between;gap:28px;flex-wrap:wrap}
.atlas-frequency-key{width:min(420px,100%);display:grid;gap:9px}
.atlas-frequency-key>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.atlas-frequency-key>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.atlas-frequency-key>div>span{display:flex;flex-direction:column;gap:7px;position:relative}
.atlas-frequency-key i{height:12px;background:var(--tier-color);border:1px solid #77756645}
.atlas-frequency-key b{font:9px ui-monospace,SFMono-Regular,monospace;color:var(--muted);font-weight:400}
.atlas-tech-node[data-practice-tier],.atlas-tech-node[data-practice-tier]:hover{background:var(--tier-color);color:var(--tier-ink);border-color:color-mix(in srgb,var(--tier-ink) 32%,var(--tier-color));box-shadow:none}
.atlas-tech-node[data-practice-tier]:hover{outline:2px solid var(--blue);outline-offset:3px}
.atlas-tech-node[data-practice-tier] .atlas-node-copy>strong,.atlas-tech-node[data-practice-tier] .atlas-node-copy>em,.atlas-tech-node[data-practice-tier] .atlas-node-copy>small,.atlas-tech-node[data-practice-tier] .atlas-node-state{color:var(--tier-ink)}
.atlas-tech-node[data-practice-tier] .atlas-node-icon{color:var(--tier-ink);background:#ffffff30;border-color:currentColor;opacity:.85}
.atlas-tech-node.route[data-practice-tier]{box-shadow:inset 3px 0 0 var(--tier-ink)}
.atlas-status{justify-content:flex-end}.atlas-status p{display:none}
/* One editorial board: month totals, a week lens, and a single route breakdown. */
.growth-dashboard{max-width:1440px;margin:auto}
.growth-dashboard .product-heading{align-items:flex-end;gap:24px}
.dashboard-month-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-month-nav strong{font-size:13px;white-space:nowrap;font-weight:550}.dashboard-month-nav button{min-width:36px;min-height:36px}
.dashboard-week-selector{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.dashboard-week-selector>span{font-size:10px;color:var(--muted);letter-spacing:.12em;white-space:nowrap}
.dashboard-week-selector>div{display:flex;gap:5px;flex-wrap:wrap}.dashboard-week-selector button{border:1px solid transparent;background:none;color:var(--muted);font:11px ui-monospace,monospace;padding:8px 10px;min-height:34px;cursor:pointer;border-radius:2px}
.dashboard-week-selector button[aria-pressed=true]{background:var(--theme-soft);border-color:var(--blue);color:var(--blue)}
.dashboard-metrics{margin-bottom:32px}.dashboard-metrics article>span{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap;line-height:1.8}.dashboard-metrics article>span strong{color:var(--ink);font-weight:600}.dashboard-metrics article>span i{font-style:normal;width:100%;font-size:10px}
.dashboard-grid-new{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);border-top:1px solid var(--line-strong)}
.dashboard-grid-new>section{min-width:0;padding:26px 26px 30px 0;border-bottom:1px solid var(--line)}
.dashboard-grid-new>section:nth-child(even){padding-left:26px;padding-right:0;border-left:1px solid var(--line)}
.dashboard-grid-new header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px}
.dashboard-grid-new header h3{font-size:20px;letter-spacing:-.025em;margin:0;line-height:1.35}.dashboard-grid-new header>span{color:var(--muted);font-size:10px;white-space:nowrap}
.dashboard-grid-new .eyebrow{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:10px;color:var(--blue)}
.dashboard-month-chart .month-chart{border:0;padding:0}.dashboard-month-chart .month-chart-y,.dashboard-month-chart .month-chart-plot{height:170px}.dashboard-month-chart .month-chart-line{stroke:var(--blue)}.dashboard-month-chart .month-chart-key i{border-color:var(--blue)}.dashboard-month-chart .month-chart-point{border-color:var(--blue)}
.dashboard-week-band{position:absolute;inset-block:0;background:var(--theme-soft);opacity:.7;pointer-events:none}
.dashboard-week-bars{height:231px;display:flex;gap:8px;padding-top:28px;align-items:stretch}
.dashboard-week-bars button{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:12px;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);opacity:1}
.dashboard-week-bars button:disabled{cursor:default}.dashboard-week-bars button b{font:11px ui-monospace,monospace;min-height:13px;color:var(--muted)}.dashboard-week-bars button small{font:10px ui-monospace,monospace;color:var(--muted)}
.week-bar-track{display:flex;align-items:flex-end;height:154px;width:min(100%,26px);border-bottom:1px solid var(--line-strong)}.week-bar-track i{width:100%;background:var(--paper-yellow);min-height:0;border-top:2px solid var(--task-border)}.week-bar-track i[style="height:0%"]{border:0}
.dashboard-route-labels{display:grid;grid-template-columns:1fr 38px 46px;gap:10px;margin-bottom:8px;color:var(--muted);font-size:10px}.dashboard-route-labels b,.dashboard-route-labels em{font-weight:400;font-style:normal;text-align:right}
.dashboard-route{display:grid;grid-template-columns:130px minmax(30px,1fr) 28px 36px;align-items:center;gap:12px;min-height:45px;border-top:1px solid var(--line);font-size:12px}.dashboard-route>span{display:flex;gap:10px;align-items:center}.dashboard-route small{font:9px ui-monospace,monospace;color:var(--muted)}.dashboard-route>b,.dashboard-route>em{text-align:right;font:11px ui-monospace,monospace}.dashboard-route>em{color:var(--blue)}.dashboard-route-track{height:5px;background:var(--panel-2)}.dashboard-route-track i{display:block;height:100%;background:var(--blue)}
.dashboard-route-card footer{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;color:var(--muted)}
.dashboard-history>button{display:grid;grid-template-columns:60px minmax(0,1fr) auto 16px;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:none;min-height:64px;padding:12px 0;text-align:left;color:var(--ink);cursor:pointer}.dashboard-history>button:hover{background:var(--panel)}.dashboard-history time{font:10px ui-monospace,monospace;color:var(--muted)}.dashboard-history>button>span{font-size:11px;line-height:1.7}.dashboard-history b{font-size:16px}.dashboard-history b small{font-weight:400;font-size:9px;color:var(--muted)}.dashboard-history i{font-style:normal;color:var(--blue)}.dashboard-empty{font-size:12px;color:var(--muted);line-height:1.8;margin:40px 0}
@media(max-width:1100px){.growth-dashboard .product-heading{flex-wrap:wrap}.dashboard-grid-new{grid-template-columns:minmax(0,1fr)}.dashboard-grid-new>section,.dashboard-grid-new>section:nth-child(even){padding:24px 0;border-left:0}.dashboard-week-bars{height:165px;padding-top:0}.week-bar-track{height:110px}}
@media(max-width:760px){.profile-themes{align-items:flex-start}.profile-themes>div{gap:3px}.theme-dot{width:34px;height:40px;min-height:40px}.profile-themes>span{padding-top:13px}.method-version button{width:34px;height:22px;min-height:22px}.method-version button i{width:16px;height:16px}.method-version button[aria-checked=true] i{transform:translateX(11px)}.method-edit-button{min-height:30px;min-width:25px}.highlight-picker{gap:1px}.highlight-picker button{min-height:38px;width:31px}.atlas-toolbar{gap:16px}.atlas-frequency-key{width:100%}.atlas-frequency-key i{height:14px}.dashboard-week-selector{align-items:flex-start;flex-direction:column;gap:10px}.dashboard-week-selector>div{gap:2px}.dashboard-week-selector button{font-size:10px;padding:8px 7px;min-height:40px}.dashboard-month-nav strong{font-size:12px}.dashboard-grid-new header h3{font-size:20px}.dashboard-route{grid-template-columns:116px minmax(20px,1fr) 24px 32px;gap:8px;font-size:11px}.dashboard-metrics{margin-bottom:24px}.dashboard-history>button{grid-template-columns:55px minmax(0,1fr) auto 14px;gap:7px}}
@media(prefers-reduced-motion:reduce){.method-version button i{transition:none}}

/* Two sides of the same training card */
.graph-task-card[hidden],.graph-method-card[hidden]{display:none!important}
.graph-task-card{cursor:pointer}
.graph-method-card{z-index:4;max-height:315px;min-height:170px;box-shadow:0 4px 12px #25291e12;border-color:var(--line-strong)}
.graph-method-card [contenteditable=true]{border-radius:2px;outline:none;cursor:default}
.graph-method-card [contenteditable=true]:focus{background:var(--theme-soft);box-shadow:0 1px 0 var(--blue)}
.avatar-upload{position:relative;overflow:hidden;cursor:pointer}
.avatar-upload span,.avatar-upload img{width:100%;height:100%;display:grid;place-items:center}
.avatar-upload img{object-fit:cover}

/* Text remains selectable without displaying a text-input pointer. */
.graph-method-card .method-copy, .graph-method-card .method-copy [data-method-field], .graph-method-card .method-copy mark {cursor:default}
.practice-strip{position:absolute;z-index:5;color:var(--muted);padding:0 8px;cursor:default}
.practice-check-row{display:flex;align-items:center;gap:12px;height:38px;border-bottom:1px solid var(--line)}
.practice-cycle{font:10px monospace;letter-spacing:1px;min-width:20px}
.practice-dots{display:flex;justify-content:space-between;flex:1;gap:12px}
.practice-dots>button,.practice-history-row>button{padding:0;border:0;background:none;min-height:26px;cursor:pointer}
.practice-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}
.practice-dot.filled{background:var(--dot);color:#20241d;border:1px solid #2222}
.practice-dot.empty{border:1px solid var(--dot);color:var(--ink);background:transparent}
.practice-dot.empty:disabled{border-color:var(--line);opacity:.6;cursor:default}
.practice-dot.empty:not(:disabled):hover{background:var(--dot)}
.practice-history{position:relative}.practice-history summary{list-style:none;cursor:pointer;padding:8px;font-size:16px}.practice-history summary::-webkit-details-marker{display:none}
.practice-history[open]>div{position:absolute;right:0;top:32px;width:246px;max-height:240px;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:14px;box-shadow:0 8px 24px #20241d12;z-index:10}
.practice-history-row{display:flex;align-items:center;gap:12px;padding:6px 0}.practice-history-row small{width:16px;font:10px monospace}
.practice-rating-row{display:flex;align-items:center;gap:14px;height:42px}.practice-rating-row output{width:64px;text-align:right;font-size:10px;white-space:nowrap}
.practice-rating-row input[type=range]{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:8px;min-height:8px;padding:0;border:0;border-radius:10px;background:linear-gradient(to right,#c9bfa9 0% 16.6%,#d9b65c 16.6% 33.3%,#8eae7c 33.3% 50%,#6ea8b4 50% 66.6%,#788fc1 66.6% 83.3%,#9b7ab7 83.3% 100%);cursor:pointer}
.practice-rating-row input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--panel);border:1.5px solid var(--ink);border-radius:50%;box-shadow:0 1px 3px #2222}
.practice-rating-row input::-moz-range-thumb{width:14px;height:14px;background:var(--panel);border:1.5px solid var(--ink);border-radius:50%}
.practice-strip :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.graph-task-card .behavior-check-label>input[data-behavior-check]{display:none}.graph-task-card .behavior-check-label{pointer-events:none}.graph-task-card .quantity-edit,.graph-task-card .conversation-kind{padding-left:0}
.practice-record-detail .practice-dot{width:36px;height:36px}.practice-record-detail li{margin:10px 0;line-height:1.8}
/* Quiet recording drawer and pen-like canvas notes. */
.practice-strip.is-editing{z-index:20}
.practice-editor{position:relative;margin-top:9px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 9px 24px #25291e12}
.practice-editor header,.practice-editor footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.practice-editor header>span{font-size:12px;color:var(--ink)}
.practice-editor header button{padding:0;min-height:24px;width:24px;background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer}
.practice-editor p{font-size:10px;line-height:1.7;margin:0 0 10px;color:var(--muted);min-height:30px}
.practice-editor textarea{display:block;width:100%;resize:vertical;min-height:55px;max-height:110px;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:11px/1.7 inherit;box-shadow:none}
.practice-editor footer{margin-top:12px}.practice-editor footer>span{font-size:9px;line-height:1.5}.practice-editor footer button{font-size:11px;white-space:nowrap;min-height:30px;padding:5px 10px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--panel);cursor:pointer}.practice-editor footer button:disabled{opacity:.35;cursor:default}
.practice-editor .practice-rating-row{height:36px}.practice-saved-note{white-space:pre-wrap;line-height:1.8;padding:14px;border-left:2px solid var(--line);background:var(--panel-2)}
.practice-dot.filled{width:19px;height:19px;border:1px solid #2221;box-shadow:inset 0 0 0 3px #ffffff30}.practice-dot.empty{width:21px;height:21px}.practice-dot.empty:not(:disabled){box-shadow:0 0 0 3px var(--panel);border-color:var(--muted)}
.card-side-tab{position:absolute;right:-19px;top:42px;width:25px;min-height:84px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;border:1px solid var(--task-border,var(--line-strong));border-radius:0 5px 5px 0;background:var(--panel);color:var(--muted);cursor:pointer;box-shadow:2px 2px 0 #22200005}.card-side-tab:hover{color:var(--blue);border-color:var(--blue)}.card-side-tab span{writing-mode:horizontal-tb;font-size:13px;letter-spacing:0}
.graph-method-card{padding-right:37px}.graph-method-card .card-side-tab{right:0;top:50px;border-right:0;background:var(--paper-yellow);border-color:var(--line)}
.ink-hint{display:flex;align-items:center;gap:4px;color:#7b796e;font-family:'Kaiti SC','STKaiti','KaiTi','Bradley Hand',cursive;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.4px;pointer-events:none}.ink-hint svg{width:34px;height:23px;flex-shrink:0;overflow:visible}.ink-hint path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.flip-ink{position:absolute;top:-31px;right:0;transform:rotate(-2deg)}.flip-ink svg{transform:rotate(160deg)}
.practice-ink-notes{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:9px 0 0 24px}.history-ink{align-self:flex-end;flex-direction:row-reverse}.history-ink svg{transform:scaleX(-1)}
.is-editing .practice-ink-notes{display:none}.method-ink-notes{margin-top:12px;display:grid;gap:3px}.method-ink-notes .ink-hint{font-size:10px}
.canvas-ink-guide{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;padding:10px 0}.canvas-tools .canvas-zoom-tools{border-top:0;padding-top:0}.graph-task-card{cursor:default}
@media(max-width:760px){.practice-editor{padding:12px}.ink-hint{font-size:11px}.card-side-tab{right:-15px;width:22px}.graph-method-card .card-side-tab{right:0}.canvas-ink-guide{display:grid;gap:9px}.practice-editor footer>span{max-width:115px}}
.practice-dots>button.practice-dot{width:21px;height:21px;min-width:21px;min-height:21px;aspect-ratio:1;align-self:center;flex:0 0 21px;box-sizing:border-box}.practice-dots>button:not(.practice-dot){display:grid;place-items:center;width:21px;height:21px;min-height:21px;align-self:center}.practice-dot.filled{box-sizing:border-box;aspect-ratio:1}.practice-dots{align-items:center}
.card-side-tab{display:block;writing-mode:horizontal-tb;word-break:break-all;line-height:1.8;letter-spacing:0;padding:10px 6px;font-size:11px;text-align:center}.card-side-tab span{display:block;margin-top:4px;font-size:11px}
.ink-hint{font-size:14px}.practice-ink-notes .ink-hint{font-size:12px}.practice-editor textarea{font-family:inherit;font-size:11px;line-height:1.7;min-height:48px}.practice-editor textarea:focus{outline:0;border-bottom-color:var(--blue)}
.practice-color-only{padding:12px 2px 9px;background:none;border:0;box-shadow:none}
.practice-color-only input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;min-height:8px;margin:6px 0;padding:0;border:0;border-radius:12px;background:linear-gradient(to right,#c9bfa9 0% 16.6%,#d9b65c 16.6% 33.3%,#8eae7c 33.3% 50%,#6ea8b4 50% 66.6%,#788fc1 66.6% 83.3%,#9b7ab7 83.3% 100%);cursor:pointer;touch-action:pan-y}
.practice-color-only input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:1.4px solid var(--ink);border-radius:50%;background:var(--panel);box-shadow:0 1px 4px #2222}
.practice-color-only input::-moz-range-thumb{width:16px;height:16px;border:1.4px solid var(--ink);border-radius:50%;background:var(--panel)}
/* A quiet, explicit control on both faces. */
.card-flip-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;height:25px;min-height:25px;padding:0 8px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:20px;background:transparent;color:var(--ink);font:inherit;font-size:10px;line-height:1;cursor:pointer;transition:background .15s ease}
.card-flip-button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.card-flip-button:hover{background:rgba(255,255,255,.35)}
.card-flip-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.graph-card-meta>.card-flip-button{margin-left:auto}
.graph-task-card{cursor:default}.graph-method-card{padding-right:21px}
.method-card-tools{gap:8px}.method-card-tools>.card-flip-button{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.card-flip-button{transition:none}}