.piece-dashboard{--grass-learning:#92b276;--grass-weak:#c48a61;--grass-mastered:#356d43;--grass-easy:#b7d698;--grass-normal:#6ea45e;--grass-pro:#356d43;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:48px;width:100%;max-width:1180px;margin:0 auto;display:grid}[data-theme=dark] .piece-dashboard{--grass-learning:#32683e;--grass-weak:#b68456;--grass-mastered:#55b46b;--grass-easy:#255a38;--grass-normal:#379d50;--grass-pro:#62cb76}.piece-home.piece-dashboard{max-width:1180px}.piece-dashboard-content{min-width:0}.practice-profile{min-width:0;padding-top:8px}.practice-identity h2{color:var(--p-muted);margin:0 0 24px;font-size:12px;font-weight:500}.practice-profile .piece-stats{border:0;flex-direction:column;gap:24px;margin:0 0 28px;padding:0;display:flex}.practice-profile .piece-stat{grid-template-columns:1fr;gap:6px;display:grid}.practice-profile .piece-stat>span{color:var(--p-muted);font-size:11px}.practice-profile .piece-stat>b{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.04em;font-size:28px;font-weight:500;line-height:1.2}.practice-profile .piece-stat>small{color:var(--p-muted);font-size:10px;line-height:1.6}.practice-profile-start{border-radius:5px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:36px;padding:9px 10px;display:flex;font-size:11px!important}.practice-export{margin-top:12px;padding-left:0!important;font-size:10px!important}.practice-mobile-activity{border-top:1px solid var(--p-line);color:var(--p-muted);margin-top:20px;padding-top:12px;font-size:10px;display:block}.practice-mobile-activity>summary{cursor:pointer;line-height:1.8}.practice-mobile-activity>summary>span{margin-left:12px;font-size:9px;display:block}.practice-activity{padding:12px 0 0}.practice-section-heading{display:none}.practice-calendar{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;gap:3px;display:grid}.practice-calendar i{background:var(--p-new);border-radius:2px}.practice-calendar .blank{visibility:hidden}.practice-calendar .some{background:var(--grass-learning)}.practice-calendar .full{background:var(--grass-mastered)}.practice-activity p{margin:8px 0;font-size:9px;line-height:1.6}.practice-activity p span{display:block}.practice-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.piece-dashboard .piece-section-title{margin:0 0 28px}.piece-dashboard .piece-section-title h1{letter-spacing:-.045em;margin:7px 0 0;font-size:30px;font-weight:500;line-height:1.2}.piece-dashboard .piece-kicker{font-size:9px}.piece-dashboard .piece-modes{gap:12px;margin:0 0 16px}.piece-dashboard .piece-mode{border-radius:6px;gap:0;min-height:0;padding:20px;transition:border-color .15s}.piece-dashboard .piece-mode:hover{transform:none}.piece-dashboard .piece-mode-art{display:none}.piece-dashboard .piece-mode strong{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:500}.piece-dashboard .piece-mode small{color:var(--p-muted);margin-top:8px;font-size:10px;line-height:1.6}.piece-dashboard .piece-mode>span:not(.piece-mode-art){display:none}.piece-dashboard .piece-resume{color:var(--p-muted);background:0 0;border:0;border-radius:0;gap:12px;margin:0 0 24px;padding:0;font-size:10px}.piece-dashboard .piece-resume .piece-text-button{min-height:28px;color:var(--p-muted);padding:4px 0;font-size:10px!important}.piece-dashboard .piece-resume b{font-size:12px}.piece-dashboard .piece-resume .piece-button{min-height:34px;padding:8px 12px;font-size:11px!important}.practice-session-note{color:var(--p-muted);margin:0 0 12px;font-size:11px}.piece-dashboard .flow-difficulty{gap:4px;margin-bottom:12px;display:flex}.piece-dashboard .flow-difficulty button{border-radius:5px;min-height:30px;padding:6px 15px}.piece-dashboard .flow-difficulty strong{font-size:10px}.piece-dashboard .flow-difficulty span{display:none}.practice-progress-heading{justify-content:space-between;align-items:center;margin:0 0 12px;padding-top:12px;font-size:12px;font-weight:500;display:flex}.practice-progress-heading button{font-size:10px!important}.piece-landscape{border:1px solid var(--p-line);background:var(--p-surface);border-radius:6px;min-width:0;padding:22px}.landscape-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.landscape-heading h2{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600;line-height:1.5}.landscape-heading h2>span{color:var(--p-muted);font-weight:400}.piece-dashboard .landscape-heading select{background:var(--p-bg);border-radius:4px;width:100%;max-width:170px;min-height:30px;padding:5px 24px 5px 8px;font-size:10px}.landscape-key{color:var(--p-muted);margin-bottom:10px;font-size:9px}.landscape-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;margin:-4px;padding:4px;overflow-x:auto}.piece-dashboard .landscape-grid{grid-template-columns:repeat(auto-fill,minmax(10px,1fr));gap:2px;min-width:0;margin:0;display:grid}.piece-dashboard .landscape-flow .landscape-grid{grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:3px;min-width:0}.piece-dashboard .landscape-grid>button{aspect-ratio:1;touch-action:pan-x pan-y;background:0 0;border:0;border-radius:2px;min-width:0;min-height:0;padding:0;line-height:0;display:block;position:relative}.piece-dashboard .landscape-grid>button>i{background:var(--p-new);width:100%;height:100%;box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--p-ink) 8%, transparent);border-radius:2px;display:block}.piece-dashboard .landscape-grid>button[aria-pressed=true]{outline:1.5px solid var(--p-ink);outline-offset:1.5px;z-index:1}.piece-dashboard .landscape-grid>button:focus-visible{outline:2px solid var(--p-warm);outline-offset:2px;z-index:2}.piece-dashboard .landscape-grid>button.is-dimmed{opacity:.16}.piece-dashboard .landscape-grid>button.is-dimmed[aria-pressed=true]{opacity:.65}.piece-dashboard .landscape-grid i.learning,.piece-dashboard .piece-legend i.learning{background:var(--grass-learning)}.piece-dashboard .landscape-grid i.weak,.piece-dashboard .piece-legend i.weak{background:var(--grass-weak)}.piece-dashboard .landscape-grid i.mastered,.piece-dashboard .piece-legend i.mastered{background:var(--grass-mastered)}.piece-dashboard .landscape-grid i.easy,.piece-dashboard .piece-legend i.easy{background:var(--grass-easy)}.piece-dashboard .landscape-grid i.normal,.piece-dashboard .piece-legend i.normal{background:var(--grass-normal)}.piece-dashboard .landscape-grid i.pro,.piece-dashboard .piece-legend i.pro{background:var(--grass-pro)}.landscape-scroll-hint{display:none}.landscape-legend-row{margin-top:12px}.piece-dashboard .piece-legend{gap:4px 14px}.piece-dashboard .piece-legend button{min-height:28px;font-size:9px}.piece-dashboard .piece-legend button b{color:var(--p-muted);font-weight:400}.piece-dashboard .piece-legend button[aria-pressed=true]{text-underline-offset:4px;text-decoration:underline}.landscape-inspector{border-top:1px solid var(--p-line);grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);gap:24px;margin:18px 0 0;padding:18px 24px 0 0;display:grid;position:relative}.landscape-close{color:var(--p-muted);cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:20px;position:absolute;top:10px;right:-4px}.landscape-selected>div{color:var(--p-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:9px;display:flex}.landscape-status{border:1px solid var(--p-line);border-radius:12px;padding:2px 7px}.landscape-selected h3{overflow-wrap:anywhere;margin:9px 0 5px;font-size:16px;font-weight:500;line-height:1.4}.landscape-selected p{color:var(--p-muted);margin:0;font-size:11px;line-height:1.7}.landscape-facts{flex-direction:column;gap:7px;min-width:0;display:flex}.landscape-facts>div{justify-content:space-between;gap:12px;font-size:10px;display:flex}.landscape-facts b{text-align:right;font-weight:500}.landscape-facts>small{color:var(--p-muted);font-size:9px}.landscape-facts .piece-text-button{min-height:28px;padding:4px 0;font-size:10px!important}.piece-landscape>.piece-explainer{color:var(--p-muted);border:0;margin:14px 0 0;padding:0;font-size:9px}.piece-landscape>.piece-explainer summary{cursor:pointer;min-height:24px;padding-top:4px}.piece-landscape>.piece-explainer p{font-size:11px;line-height:1.8}.piece-dashboard .piece-analytics-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.piece-dashboard .piece-panel{border:0;border-top:1px solid var(--p-line);background:0 0;border-radius:0;padding:20px 0 0}.piece-dashboard .piece-panel-heading{gap:12px;margin-bottom:14px}.piece-dashboard .piece-panel-heading h2{font-size:13px;font-weight:500}.piece-dashboard .piece-panel-heading>span{font-size:9px}.piece-dashboard .piece-panel-heading button{font-size:10px!important}.piece-dashboard .piece-panel>p{color:var(--p-muted);font-size:10px;line-height:1.8}.piece-dashboard .piece-chart{height:125px;margin-top:22px}.piece-dashboard .piece-weak-list{scrollbar-width:thin;max-height:220px;overflow-y:auto}.piece-dashboard .piece-weak-list button{padding:12px 0;font-size:10px}.piece-dashboard .piece-weak-list button b{font-weight:500}.piece-dashboard .piece-empty{margin:0;padding:15px 0;font-size:11px}.piece-dashboard .practice-comparison,.piece-dashboard .analytics-focus{grid-column:1/-1}.piece-dashboard .practice-comparison{border:0;margin:0;padding:0}.analytics-lead{max-width:40em;color:var(--p-muted);margin:10px 0 0;font-size:13px;line-height:1.65}.practice-comparison>summary,.practice-more>summary{cursor:pointer;min-height:32px;color:var(--p-muted);padding:7px 0;font-size:11px}.practice-comparison .piece-familiarity{border-top:1px solid var(--p-line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:8px 18px;margin-top:14px;padding:16px 0 0}.practice-comparison .piece-familiarity small{grid-column:auto;margin-bottom:0}.practice-comparison .piece-familiarity small:first-of-type{grid-area:2/1/auto/3}.practice-comparison .piece-familiarity small:nth-of-type(2){grid-area:2/3/auto/5}.practice-more{border-top:1px solid var(--p-line);margin-top:28px;padding-top:12px}.piece-dashboard .piece-topic-panel{border:0;margin-top:8px}.piece-dashboard .piece-topics{grid-template-columns:repeat(3,1fr);gap:24px}.piece-dashboard .piece-topics button{min-width:0}.piece-dashboard .piece-topics button>span{font-size:11px}@media (min-width:1500px){.piece-main:has(>.piece-dashboard){padding-left:max(28px,50vw - 640px);padding-right:max(28px,50vw - 640px)}}@media (max-width:1100px){.piece-dashboard{grid-template-columns:150px minmax(0,1fr);gap:28px}.piece-dashboard .piece-topics{grid-template-columns:1fr 1fr}.landscape-inspector{grid-template-columns:1fr;gap:14px}.landscape-facts{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}}@media (max-width:900px){.piece-dashboard{grid-template-columns:minmax(0,1fr);gap:28px}.practice-profile{border-bottom:1px solid var(--p-line);grid-template-columns:1fr auto;gap:12px;padding-top:0;padding-bottom:18px;display:grid}.practice-identity{display:none}.practice-profile .piece-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;display:grid}.practice-profile .piece-stat{gap:6px;display:grid}.practice-profile .piece-stat>b{font-size:24px}.practice-profile .piece-stat>small{display:none}.practice-profile .piece-stat>span{font-size:10px;line-height:1.5}.practice-profile-start{grid-area:2/2;align-self:start;width:auto;min-height:30px;padding:6px 10px;font-size:10px!important}.practice-mobile-activity{border:0;grid-area:2/1;min-width:0;margin:0;padding:0}.practice-mobile-activity>summary>span{margin-left:6px;display:inline}.practice-export{grid-column:1/-1;justify-self:start;margin:0;font-size:9px!important}.landscape-scroll-hint{color:var(--p-muted);margin:10px 0 0;font-size:9px;display:block}.piece-dashboard .piece-section-title h1{font-size:27px}.piece-dashboard .piece-section-title{margin-bottom:22px}.piece-dashboard .piece-modes{margin-bottom:16px}.piece-dashboard .piece-mode{padding:16px}.landscape-inspector{grid-template-columns:minmax(0,1fr) minmax(160px,.65fr)}.landscape-facts{display:flex}}@media (max-width:480px){.piece-dashboard{gap:24px}.practice-profile .piece-stat>span{min-height:27px;font-size:9px}.practice-profile .piece-stat>b{font-size:23px}.practice-mobile-activity>summary>span{margin-left:12px;font-size:8px;display:block}.piece-dashboard .piece-section-title h1{font-size:25px}.piece-dashboard .piece-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.piece-dashboard .piece-mode{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-width:0;padding:12px 10px;display:flex}.piece-dashboard .piece-mode.snap{grid-column:auto}.piece-dashboard .piece-mode strong{white-space:nowrap;font-size:15px}.piece-dashboard .piece-mode strong svg,.piece-dashboard .piece-mode strong>span{display:none}.piece-dashboard .piece-mode small{text-align:left;max-width:none;margin:0;font-size:9px}.piece-dashboard .flow-modes{grid-template-columns:1fr 1fr}.piece-dashboard .flow-modes .piece-mode{flex-direction:column;align-items:flex-start;gap:8px}.piece-dashboard .flow-modes .piece-mode small{text-align:left}.piece-dashboard .flow-difficulty button{padding:6px 14px}.piece-landscape{padding:16px}.landscape-heading{flex-wrap:wrap;gap:10px;margin-bottom:14px}.landscape-heading h2{font-size:12px}.piece-dashboard .landscape-heading select{max-width:170px;font-size:10px}.landscape-key{font-size:8px}.piece-dashboard .landscape-grid{grid-template-columns:repeat(auto-fill,minmax(10px,1fr));min-width:0}.piece-dashboard .landscape-flow .landscape-grid{grid-template-columns:repeat(auto-fill,minmax(16px,1fr));min-width:0}.piece-dashboard .piece-legend{gap:2px 9px}.piece-dashboard .piece-legend button{min-height:28px;font-size:9px}.landscape-inspector{grid-template-columns:1fr;gap:14px}.landscape-facts{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}.landscape-facts>div{flex-wrap:wrap;font-size:9px}.landscape-facts b{text-align:left}.piece-dashboard .piece-analytics-grid{grid-template-columns:1fr;gap:24px;margin-top:22px}.piece-dashboard .piece-topics{gap:22px 18px}.practice-comparison .piece-familiarity{grid-template-columns:1fr auto}.practice-comparison .piece-familiarity small:first-of-type,.practice-comparison .piece-familiarity small:nth-of-type(2){grid-area:auto/1/auto/-1}.practice-comparison .piece-familiarity small:first-of-type{margin-bottom:10px}.piece-dashboard .piece-resume{flex-wrap:nowrap;gap:8px;padding:0}.practice-session-note{font-size:10px}}.landscape-map-wrap{min-width:0;position:relative}.landscape-tooltip{z-index:5;pointer-events:none;border:1px solid var(--p-line);background:var(--p-surface);width:180px;color:var(--p-ink);border-radius:6px;padding:10px 12px;line-height:1.5;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 6px 18px #0002}.landscape-tooltip strong{font-size:12px;font-weight:550;display:block}.landscape-tooltip span{max-height:60px;color:var(--p-muted);margin-top:3px;font-size:10px;display:block;overflow:hidden}.landscape-tooltip small{color:var(--p-muted);margin-top:6px;font-size:9px;display:block}.analytics-days{border:1px solid var(--p-line);background:var(--p-surface);border-radius:6px;min-width:0;padding:22px}.analytics-days .landscape-heading h2{font-size:15px;font-weight:500}.analytics-days .landscape-heading p{color:var(--p-muted);margin:7px 0 0;font-size:10px}.piece-dashboard .analytics-days select{background:var(--p-bg);border-radius:4px;width:auto;min-height:30px;padding:5px 24px 5px 8px;font-size:10px}.analytics-calendar{gap:3px;min-width:0;max-width:400px;margin-top:24px;display:flex}.analytics-calendar-block{flex:1;min-width:0}.analytics-calendar-months{color:var(--p-muted);grid-template-columns:repeat(7,1fr);margin:0 0 9px 32px;font-size:9px;display:grid}.analytics-calendar-body{gap:9px;display:flex}.analytics-weekdays{width:23px;color:var(--p-muted);flex-shrink:0;grid-template-rows:repeat(7,1fr);align-items:center;gap:3px;font-size:8px;display:grid}.analytics-calendar-block:not(:first-child) .analytics-weekdays{display:none}.analytics-calendar-block:not(:first-child) .analytics-calendar-months{margin-left:0}.analytics-day-grid{flex:1;grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;min-width:0;display:grid}.analytics-day-grid>button,.analytics-day-grid>i{aspect-ratio:1;cursor:pointer;border:0;border-radius:3px;min-width:0;min-height:0;padding:0;display:block}.analytics-day-grid>.blank{visibility:hidden}.analytics-day-grid button[aria-pressed=true]{outline:1px solid var(--p-ink);outline-offset:1px}.analytics-day-grid button:focus-visible{outline:2px solid var(--p-warm);outline-offset:2px}.analytics-days .level-0{background:var(--p-new)}.analytics-days .level-1{background:var(--grass-easy)}.analytics-days .level-2{background:var(--grass-learning)}.analytics-days .level-3{background:var(--grass-normal)}.analytics-days .level-4{background:var(--grass-mastered)}.analytics-days-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.analytics-days-footer p{color:var(--p-muted);min-height:16px;margin:0;font-size:10px}.analytics-intensity{color:var(--p-muted);align-items:center;gap:3px;font-size:9px;display:flex}.analytics-intensity i{border-radius:2px;width:10px;height:10px}.analytics-intensity span:first-child{margin-right:4px}.analytics-intensity span:last-child{margin-left:4px}.analytics-axes svg{width:100%;height:auto;margin-top:12px;display:block;overflow:visible}.analytics-axes svg text{fill:var(--p-muted);font-family:var(--font-sans), system-ui, sans-serif;font-size:10px}.analytics-axes svg .axes-caption{font-size:11px}.analytics-gap{width:100%;height:auto;margin-top:4px;display:block}.analytics-gap text{fill:var(--p-muted);font-size:10px}.gap-band{fill:var(--p-warm);fill-opacity:.16;stroke:none}.gap-familiar,.gap-link{fill:none;stroke:var(--p-muted);stroke-width:1.5px}.gap-familiar{stroke-dasharray:4 3}.gap-written{fill:none;stroke:var(--p-accent);stroke-width:2px}.gap-familiar-dot{fill:var(--p-surface);stroke:var(--p-muted);stroke-width:1.5px}.gap-written-dot{fill:var(--p-accent);stroke:var(--p-surface);stroke-width:1px}.gap-legend{color:var(--p-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0 0;font-size:10px;display:flex}.gap-legend span{flex-basis:100%}.gap-familiar-key,.gap-written-key{border-top:2px solid var(--p-muted);vertical-align:middle;width:18px;height:0;display:inline-block}.gap-familiar-key{border-top-style:dashed}.gap-written-key{border-top-color:var(--p-accent)}.axes-boundary,.axes-guide{fill:none;stroke:var(--p-line);stroke-width:1px}.axes-guide{stroke-dasharray:3 4}.analytics-axes circle{fill:var(--p-accent);fill-opacity:.55;stroke:var(--p-surface);stroke-width:1.5px;cursor:pointer}.analytics-axes circle.is-selected,.analytics-axes circle:hover{fill-opacity:1;stroke:var(--p-ink);stroke-width:1.5px}.analytics-axes circle:focus-visible{stroke:var(--p-warm);stroke-width:3px;outline:none}.piece-dashboard .axes-detail{min-height:36px;color:var(--p-muted);margin:10px 0 0;font-size:10px;line-height:1.7}.axes-detail b{color:var(--p-ink);font-weight:500}.practice-more .piece-panel{border:0;margin-top:10px}@media (max-width:600px){.analytics-days{padding:16px}.analytics-calendar{flex-direction:column;gap:20px}.analytics-calendar-block:not(:first-child) .analytics-weekdays{display:grid}.analytics-calendar-block:not(:first-child) .analytics-calendar-months{margin-left:32px}.analytics-calendar-months{font-size:8px}.analytics-days-footer{align-items:flex-start;gap:10px}.analytics-days-footer p{font-size:9px}.analytics-intensity{font-size:8px}.analytics-intensity i{width:8px;height:8px}.analytics-days .landscape-heading h2{font-size:13px}.analytics-days .landscape-heading p{font-size:9px}.analytics-calendar{margin-top:18px}.analytics-axes svg .axes-empty{font-size:10px}}.piece-dashboard .piece-mode.snap{grid-column:auto}.piece-dashboard .piece-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.piece-dashboard .flow-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-home.piece-dashboard,.piece-analytics.piece-dashboard{min-height:360px;padding-left:218px;display:block;position:relative}.piece-dashboard .practice-profile{width:170px;position:absolute;top:0;left:0}.grass-zoom-controls{color:var(--p-muted);justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:9px;display:flex}.grass-zoom-controls>div{gap:2px;display:flex}.grass-zoom-controls button{color:var(--p-muted);background:0 0;border:0;border-radius:4px;min-width:30px;min-height:28px;padding:3px 6px;font-size:10px}.grass-zoom-controls button:hover{background:var(--p-soft)}.grass-zoom-controls button:disabled{opacity:.3}.grass-zoom-viewport{touch-action:pan-x pan-y;scrollbar-width:thin;margin:-4px;padding:4px;overflow:auto}.piece-dashboard .grass-zoom .landscape-grid{grid-template-columns:repeat(auto-fill, minmax(calc(10px * var(--grass-scale)), 1fr))}.piece-dashboard .landscape-flow .grass-zoom .landscape-grid{grid-template-columns:repeat(auto-fill, minmax(calc(20px * var(--grass-scale)), 1fr))}.grass-zoom .landscape-grid>button{touch-action:pan-x pan-y}.grass-zoom .analytics-calendar{width:calc(100% * var(--grass-scale));max-width:calc(400px * var(--grass-scale));margin-top:8px}.grass-zoom-viewport:has(.landscape-map-wrap){overflow:visible}@media (max-width:1100px){.piece-home.piece-dashboard,.piece-analytics.piece-dashboard{padding-left:178px}.piece-dashboard .practice-profile{width:150px}}@media (max-width:900px){.piece-home.piece-dashboard,.piece-analytics.piece-dashboard{min-height:0;padding-left:0}.piece-dashboard .practice-profile{border-top:1px solid var(--p-line);border-bottom:0;width:auto;margin-top:24px;padding:20px 0 0;position:static}}@media (max-width:480px){.piece-dashboard .landscape-flow .grass-zoom .landscape-grid{grid-template-columns:repeat(auto-fill, minmax(calc(16px * var(--grass-scale)), 1fr))}}.piece-dashboard .piece-mode.practice-choice{text-align:left;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;min-width:0;padding:22px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.piece-dashboard .practice-choice:hover{border-color:var(--p-accent);box-shadow:0 4px 14px #00000009}.piece-dashboard .practice-choice:active{box-shadow:inset 0 0 0 1px var(--p-accent)}.piece-dashboard .practice-choice:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}.piece-dashboard .practice-choice.personal{border-color:color-mix(in srgb, var(--p-accent) 32%, var(--p-line));background:color-mix(in srgb, var(--p-accent) 9%, var(--p-surface))}.piece-dashboard .practice-choice.snap{background:color-mix(in srgb, var(--p-warm) 4%, var(--p-surface))}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-icon{background:var(--p-soft);width:44px;height:44px;color:var(--p-accent);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.practice-choice-icon svg{width:29px;height:29px}.piece-dashboard .piece-mode.personal>span.practice-choice-icon{background:var(--p-accent);color:var(--p-bg)}.piece-dashboard .piece-mode.snap>span.practice-choice-icon{background:var(--p-warm-soft);color:var(--p-warm)}.piece-dashboard .practice-choice strong{margin:0 0 7px;font-size:19px;font-weight:550;line-height:1.25}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-description{color:var(--p-ink);margin-bottom:8px;font-size:12px;line-height:1.5;display:block}.piece-dashboard .practice-choice small{color:var(--p-muted);margin:0 0 18px;font-size:10px;line-height:1.6}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-action{border-top:1px solid var(--p-line);width:100%;color:var(--p-accent);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:10px;display:flex}.practice-choice-action>span{font-size:16px;transition:transform .18s}.practice-choice:hover .practice-choice-action>span{transform:translate(2px,-2px)}@media (max-width:760px){.piece-dashboard .piece-mode.practice-choice{padding:16px 12px}.piece-dashboard .practice-choice strong{font-size:17px}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-description{font-size:10px}.piece-dashboard .practice-choice small{font-size:9px}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-icon{border-radius:10px;width:36px;height:36px;margin-bottom:12px}.practice-choice-icon svg{width:25px;height:25px}}@media (max-width:480px){.piece-dashboard .piece-modes{gap:7px}.piece-dashboard .piece-mode.practice-choice{border-radius:9px;padding:13px 10px}.piece-dashboard .practice-choice strong{font-size:16px}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-description{min-height:31px;margin-bottom:6px;font-size:10px;line-height:1.55}.piece-dashboard .practice-choice small{margin-bottom:12px;font-size:8px;line-height:1.6}.piece-dashboard .piece-mode.practice-choice>span.practice-choice-action{gap:3px;padding-top:9px;font-size:8px}.practice-choice-action>span{font-size:13px}.piece-dashboard .flow-modes .practice-choice small{text-align:left}}@media (prefers-reduced-motion:reduce){.piece-dashboard .practice-choice,.practice-choice-action>span{transition:none}.practice-choice:hover .practice-choice-action>span{transform:none}}