.monkey-tool{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.monkey-tabbar{z-index:10;gap:var(--space-2);padding:var(--space-2) 0;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0}.monkey-tabs{gap:var(--space-1);background:var(--color-input);border-radius:var(--radius-control);grid-template-columns:repeat(6,minmax(0,1fr));padding:3px;display:grid}.monkey-tab{min-width:0;min-height:var(--tap-target-min);padding:0 var(--space-1);border-radius:calc(var(--radius-control) - 2px);color:var(--color-text-secondary);font:700 var(--font-size-caption)/1.2 inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0}.monkey-tab--active{background:var(--color-accent);color:var(--color-background)}.monkey-tabbar-actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.monkey-feedback{min-height:1.4em;color:var(--color-success);text-align:center;font-size:var(--font-size-caption)}.monkey-warning{padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-control);background:var(--color-card);color:var(--color-error);font-weight:700}.monkey-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.monkey-section{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.monkey-section-title,.monkey-subsection-title{color:var(--color-text-primary);margin:0}.monkey-section-title{font-size:var(--font-size-h2)}.monkey-subsection-title{padding-top:var(--space-2);font-size:var(--font-size-body)}.monkey-big-display{align-items:center;gap:var(--space-1);padding:var(--space-3) 0;text-align:center;flex-direction:column;display:flex}.monkey-big-display-label,.monkey-big-display-sub,.monkey-help{color:var(--color-text-secondary)}.monkey-big-display-value{color:var(--color-accent);font-size:var(--font-size-result);font-variant-numeric:tabular-nums;font-weight:700}.monkey-big-display-sub{font-variant-numeric:tabular-nums}.monkey-primary-count-button{width:100%;min-height:88px;font-size:var(--font-size-h1)}.monkey-current-line,.monkey-result-primary,.monkey-result-probability{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:700}.monkey-current-line,.monkey-result-primary{font-size:var(--font-size-h2)}.monkey-result-probability{color:var(--color-accent);font-size:var(--font-size-result)}.monkey-step-grid,.monkey-category-list{gap:var(--space-2);flex-direction:column;display:flex}.monkey-step-row,.monkey-outcome-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.monkey-step-row .app-button,.monkey-outcome-grid .app-button{width:100%}.monkey-summary-line{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.monkey-summary-line strong{color:var(--color-accent);font-size:var(--font-size-h2);font-variant-numeric:tabular-nums}.monkey-category-row{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) auto;display:grid}.monkey-category-label{gap:var(--space-1);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.monkey-category-label span{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.monkey-category-label strong{color:var(--color-text-primary);font-size:var(--font-size-h2);font-variant-numeric:tabular-nums}.monkey-category-actions{gap:var(--space-1);display:flex}.monkey-category-actions .app-button{min-width:52px;padding:0 var(--space-2)}.monkey-cycle-display{border-radius:var(--radius-control);background:linear-gradient(180deg, var(--color-input), transparent)}.monkey-help{font-size:var(--font-size-caption);margin:0}.monkey-point-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.monkey-point-grid--first{grid-template-columns:repeat(2,minmax(0,1fr))}.monkey-point-button{border:1px solid var(--color-input-border);border-radius:var(--radius-control);background:var(--color-input);min-width:0;min-height:52px;color:var(--color-text-primary);font:700 var(--font-size-body)/1 inherit;cursor:pointer}.monkey-point-button--selected{border:2px solid var(--color-accent);background:var(--color-accent);color:var(--color-background);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 30%, transparent)}.monkey-outcome-grid .app-button,.monkey-direct-button{min-height:60px}.monkey-direct-button{width:100%}.monkey-stat-grid{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(8em,1.2fr) minmax(0,1fr);margin:0;display:grid}.monkey-stat-grid dt{color:var(--color-text-secondary);font-size:var(--font-size-caption);overflow-wrap:anywhere}.monkey-stat-grid dd{color:var(--color-text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.monkey-danger-zone{align-items:stretch}.monkey-record-actions{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.monkey-danger-button{color:var(--color-error)}.monkey-copy-action{align-items:flex-end;gap:var(--space-1);flex-direction:column;margin-left:auto;display:flex}.monkey-copy-error{color:var(--color-error);font-size:var(--font-size-caption)}@media (width<=520px){.monkey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.monkey-record-actions>.app-button,.monkey-copy-action{flex:9rem}.monkey-copy-action .app-button{width:100%}}@media (width<=350px){.monkey-section{padding:var(--space-3)}.monkey-category-actions .app-button{min-width:46px}.monkey-stat-grid{column-gap:var(--space-2);grid-template-columns:minmax(7em,1.1fr) minmax(0,1fr)}}
