.pi-page{padding-top:1.5rem}.pi-page [hidden]{display:none!important}.pi-page #tool-title+p{margin-top:.5rem}.pi-tool{min-width:0}.pi-jumps{display:flex;gap:1.25rem;margin-top:.25rem}.pi-jumps a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--primary);text-decoration:underline;text-underline-offset:.2em;font-size:.875rem}.pi-workspace{display:grid;gap:1rem;align-items:start}.pi-workspace>*,.pi-result-content>*,.pi-result-number{min-width:0}.pi-panel{border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem}.pi-panel-title{font-size:1.25rem;line-height:1.35;font-weight:700;letter-spacing:-.025em}.pi-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.pi-constant{padding:.75rem;margin-top:1rem;border-radius:.5rem;background:var(--surface-muted);font-size:clamp(1rem,5vw,1.375rem);line-height:1.4;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pi-count{margin-top:1rem;min-width:0}.pi-count legend,.pi-radius-field label{font-size:.875rem;line-height:1.5;font-weight:600}.pi-count-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem;border:1px solid var(--border);border-radius:.5rem;overflow:clip;background:var(--surface-muted)}.pi-count-options label{position:relative;min-width:0;cursor:pointer}.pi-count-options label+label{border-left:1px solid var(--border)}.pi-count-options input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.pi-count-options span{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding-inline:.25rem;font-size:.875rem}.pi-count-options input:checked+span{color:var(--on-primary);background:var(--primary);font-weight:700}.pi-count-options input:focus-visible+span{outline:2px solid var(--focus);outline-offset:-4px}.pi-count-options input:checked:focus-visible+span{outline-color:var(--on-primary)}.pi-count-options label:hover input:not(:checked)+span{background:var(--surface-hover)}.pi-digit-preview,.pi-full-groups{margin-top:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums}.pi-digit-preview>span,.pi-full-groups>span{display:inline-block;white-space:nowrap}.pi-copy-actions{margin-top:1rem}.pi-copy-digits{width:100%;min-height:2.75rem;border-radius:.5rem}.pi-help,.pi-preview-status,.pi-copy-status{font-size:.75rem;line-height:1.6;color:var(--text-muted)}.pi-copy-actions .pi-help{margin-top:.5rem}.pi-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pi-preview-status{margin-top:.5rem}.pi-full{margin-top:.75rem;border-top:1px solid var(--border)}.pi-full summary{display:flex;gap:.5rem;align-items:center;min-height:2.75rem;cursor:pointer;padding-block:.5rem;color:var(--primary);font-size:.8125rem;line-height:1.5}.pi-full[open] summary>svg{transform:rotate(180deg)}.pi-collapse{width:100%;margin-top:.75rem}.pi-radius-field{display:grid;gap:.375rem;margin-top:1rem}.pi-radius-field .field-input{font-size:1rem;border-radius:.5rem}.pi-field-message{font-size:.8125rem;line-height:1.6;color:var(--text-muted)}.pi-field-message[data-invalid]{color:var(--primary);font-weight:600}.pi-results{display:grid;gap:.75rem;margin-top:1.25rem}.pi-result{padding:.875rem;border-radius:.5rem;background:var(--surface-muted)}.pi-result dt{font-size:.875rem;line-height:1.5}.pi-result-content{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:.5rem;margin-top:.125rem}.pi-result output{display:block;font-size:clamp(1.375rem,6vw,2rem);font-weight:800;line-height:1.3;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pi-result .pi-exponent{white-space:nowrap;font-size:.8em}.pi-formula{margin-top:.375rem;font-size:.875rem;color:var(--primary)}.pi-copy-one{width:2.75rem;height:2.75rem;background:var(--surface);border-radius:.5rem}.pi-calculator-meta{display:grid;gap:.375rem;padding:.625rem .75rem;margin-top:.75rem;border-radius:.5rem;background:var(--surface-muted);font-size:.75rem;line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.pi-calculator-meta span{color:var(--text-primary);font-variant-numeric:tabular-nums}.pi-copy-fallback{display:grid;gap:.5rem;margin-top:.75rem;font-size:.875rem;line-height:1.6}.pi-copy-fallback textarea{font-size:1rem}.pi-reference{margin-top:1.5rem}.pi-intro{margin-top:.625rem;font-size:.875rem;line-height:1.7;color:var(--text-muted);max-width:58rem}.pi-fractions{width:100%;margin-top:1rem;border-collapse:collapse;font-size:.875rem;line-height:1.6}.pi-fractions th,.pi-fractions td{text-align:left;padding:.75rem 1rem;overflow-wrap:anywhere}.pi-fractions thead{background:var(--surface-muted);color:var(--text-muted)}.pi-fractions thead th{font-size:.75rem;font-weight:500}.pi-fractions tbody tr{border-bottom:1px solid var(--border)}.pi-fractions tbody tr:last-child{border-bottom:0}.pi-fractions tbody th{font-weight:700}.pi-fractions td:nth-child(2){font-variant-numeric:tabular-nums}.pi-fractions td:last-child{color:var(--text-muted)}.pi-instruction,.pi-about{margin-top:2rem}.pi-instruction ol{margin-top:1rem;padding-left:1.5rem;list-style:decimal;max-width:58rem}.pi-instruction li,.pi-about p{font-size:.875rem;line-height:1.8;color:var(--text-muted)}.pi-instruction li+li{margin-top:.5rem}.pi-about p{max-width:58rem;margin-top:.75rem}#pi-digits,#pi-calculator{scroll-margin-top:1rem}@media(max-width:47.999rem){.pi-page{padding-top:.75rem}.pi-page #tool-title{font-size:1.875rem}.pi-page>nav{margin-bottom:.75rem}.pi-page>section[aria-labelledby=tool-title]{padding-bottom:.75rem}.pi-page #tool-title+p{line-height:1.6}.pi-fractions,.pi-fractions tbody{display:block}.pi-fractions thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pi-fractions tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:.75rem;row-gap:.25rem;padding-block:.875rem}.pi-fractions th,.pi-fractions td{display:block;padding:0}.pi-fractions td:last-child{grid-column:1 / -1}}@media(min-width:48rem){.pi-panel{padding:1.5rem}.pi-panel-title{font-size:1.5rem}.pi-constant{font-size:2rem}.pi-jumps{display:none}}@media(min-width:64rem){.pi-workspace{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem}.pi-reference{margin-top:2rem}}