@layer tokens,base,components,views,touch;@layer tokens{:root{--pl-bg-page: hsl(250 40% 99.5%);--pl-shadow-color: hsl(0 0% 85%);--pl-border-color: hsl(250 20% 89%);--pl-bg-pane: hsl(from var(--pl-bg-page) h calc(s - 10) calc(l + 1) );--pl-bg-box: hsl(from var(--pl-bg-pane) h s calc(l + -0) );--pl-bg-menu: hsl(from var(--pl-bg-pane) h s calc(l + 1.5) );--pl-bg-hover: hsl(from var(--pl-bg-box) h s calc(l - 2) );--pl-bg-entry: hsl(from var(--pl-bg-page) h s calc(l - .5) );--pl-bg-entry-focus: hsl(from var(--pl-bg-entry) h s calc(l - 1) );--pl-bg-note: #f1eefb;--pl-text-subtle: hsl(from var(--pl-shadow-color) h s calc(l - 10) );--pl-text-body: hsl(from var(--pl-shadow-color) h s calc(l - 47) );--pl-text-dark: hsl(from var(--pl-shadow-color) h s calc(l - 68) );--pl-text-muted: #808080;--pl-text-max: #000;--pl-text-near-black:#333;--pl-text-mid: #555;--pl-text-faded: #999;--pl-text-word: hsl(0, 0%, 35%);--pl-on-accent: #fff;--pl-icon-color: var(--pl-text-body);--pl-border-dark-color: hsl(from var(--pl-border-color) h s calc(l - 10) );--pl-border-hard: darkgray;--pl-divider-color: #d3d5ff;--pl-divider-soft-color: #e6e6fa;--pl-handle-bg: #d3d3d3;--pl-scrollbar-thumb: hsl(from var(--pl-border-color) h s calc(l - 18) );--pl-scrollbar-track: transparent;--pl-accent: hsl(262 45% 47%);--pl-accent-strong: hsl(262 45% 38%);--pl-accent-muted: hsl(265, 30%, 34%);--pl-accent-soft: hsl(262 32% 60%);--pl-accent-vivid: hsl(262 75% 52%);--pl-accent-faint: hsl(262 100% 91%);--pl-accent-violet: #8a2be2;--pl-accent-tint: rgba(94, 58, 154, .06);--pl-accent-tint-strong: rgba(94, 58, 154, .12);--pl-hover-underline-color: #e8830c;--pl-phrase-outline-color: #f0922b;--pl-field-accent: orange;--pl-danger-color: #c0392b;--pl-status-error-bg: hsl(6 60% 92%);--pl-status-confirm-bg: hsl(145 45% 88%);--pl-status-info-bg: rgba(182, 204, 102, .4);--pl-status-info-strong-bg: rgba(133, 31, 249, .4);--pl-status-disabled-bg: #bfbfbf;--pl-field-disabled-bg: grey;--pl-error-border-color: red;--pl-error-text-color: orangered;--pl-badge-gender-m: #2e6da4;--pl-badge-gender-f: #b0457a;--pl-badge-gender-n: #4a8a5c;--pl-badge-irregular: #c0622d;--pl-badge-regular: #6c757d;--pl-badge-grammar: #2a7f9e;--pl-badge-reflexive: #7048a8;--pl-badge-topic: hsl(250 10% 92%);--pl-badge-topic-strong: hsl(250 10% 87.5%);--pl-badge-topic-ring: hsl(250 10% 84%);--pl-badge-topic-text: hsl(250 18% 36%);--pl-badge-topic-lean: hsl(250 10% 96%);--pl-badge-topic-lean-strong: hsl(250 10% 92%);--pl-badge-topic-lean-ring: hsl(250 10% 88%);--pl-ff-color: #b03a2e;--pl-timer-fresh: hsl(145 50% 45%);--pl-timer-out: hsl(6 65% 50%);--pl-tier-1: #8b0000;--pl-tier-2: #b03024;--pl-tier-3: #c05a12;--pl-tier-4: #c9820a;--pl-tier-5: #d4a017;--pl-diff-fix: #1a8a1a;--pl-diff-miss: #c62828;--pl-diff-swap: #e07800;--pl-diff-miss-wash: hsl(6 60% 92%);--pl-diff-miss-ink: #a12525;--pl-diff-swap-wash: hsl(35 90% 94%);--pl-diff-swap-ink: #9a5200;--pl-shadow-ink: hsl(252 25% 15%);--pl-shadow-panel: 0 1px 2px hsl(from var(--pl-shadow-ink) h s l / .05), 0 8px 24px -16px hsl(from var(--pl-shadow-ink) h s l / .35);--pl-shadow-panel-soft: 0 1px 2px hsl(from var(--pl-shadow-ink) h s l / .04), 0 6px 20px -14px hsl(from var(--pl-shadow-ink) h s l / .3);--pl-shadow-pop: 0 1px 3px hsl(from var(--pl-shadow-ink) h s l / .08), 0 4px 20px -6px hsl(from var(--pl-shadow-ink) h s l / .25);--pl-shadow-float: 0 3px 12px hsl(from var(--pl-shadow-ink) h s l / .15);--pl-shadow-drag: 0 6px 20px -6px hsl(from var(--pl-shadow-ink) h s l / .3);--pl-shadow-soft: 0 4px 18px rgba(0, 0, 0, .1);--pl-shadow-raise: 2px 2px 1px 1px var(--pl-shadow-color);--pl-shadow-inset: inset 2px 2px 1px 1px var(--pl-shadow-color);--pl-shadow-inset-soft: inset 1px 1px 2px var(--pl-shadow-color);--pl-shadow-inset-thin: inset 1px 1px 1px 1px var(--pl-shadow-color);--pl-glow-violet: 0 0 10px 4px var(--pl-accent-violet);--pl-peel-shade: rgba(60, 40, 100, .13);--pl-peel-edge: rgba(255, 255, 255, .92);--pl-glass-border: rgba(226, 217, 243, .8);--pl-glass-bg: rgba(252, 250, 255, .9);--pl-radius-scale: .8;--pl-radius-box: calc(20px * var(--pl-radius-scale));--pl-radius-panel: calc(12px * var(--pl-radius-scale));--pl-radius-field: calc(8px * var(--pl-radius-scale));--pl-radius-chip: .6em;--pl-radius-round: 50%;--pl-space-1: .25em;--pl-space-2: .5em;--pl-space-3: 1em;--pl-space-4: 1.5em;--pl-space-5: 2em;--pl-pane-pad: var(--pl-space-3);--pl-pane-gap: var(--pl-space-3);--pl-page-gap-top: .6em;--pl-central-tabs-top: .6em;--pl-central-gap-top: .75em;--pl-central-band-height: 60px;--pl-central-gap-bottom: .75em;--pl-topbar-h: 3.7rem;--pl-rail-w: 2.5rem;--pl-dict-term-col: 45%;--pl-font-ui: "Inter", "Segoe UI", system-ui, sans-serif;--pl-font-ipa: "Charis", "Charis SIL", Georgia, serif;--pl-font-size-base: 14.72px;--pl-font-size-label: 1.5rem;--pl-z-float: 30;--pl-z-pane: 100;--pl-z-effect: 200;--pl-z-pager: 500;--pl-z-pop: 1000;--pl-z-overlay: 5000;--pl-z-guide-wall: 9000;--pl-z-dialog: 5001;--pl-z-tip: 10000;--pl-cta-bg: hsl(38 92% 48%);--pl-cta-border: hsl(38 92% 42%);--pl-cta-text: hsl(30 40% 12%);--pl-hint-color: magenta;--pl-text-orange: darkorange;--pl-emphasis-blue: blue;--pl-fly-border: green}:root{--pl-hue-dict: 262;--pl-sat-dict: 30%;--pl-hue-learn: 145;--pl-sat-learn: 40%;--pl-hue-practice: 205;--pl-sat-practice: 55%}#centralModeId[data-tab=dict]{--pl-tab-h: var(--pl-hue-dict);--pl-tab-s: var(--pl-sat-dict)}#centralModeId[data-tab=learn]{--pl-tab-h: var(--pl-hue-learn);--pl-tab-s: var(--pl-sat-learn);--pl-cta-bg: hsl(146 33% 52%);--pl-cta-border: hsl(146 36% 44%);--pl-cta-text: var(--pl-on-accent)}#centralModeId[data-tab=practice]{--pl-tab-h: var(--pl-hue-practice);--pl-tab-s: var(--pl-sat-practice);--pl-cta-bg: hsl(205 52% 50%);--pl-cta-border: hsl(205 54% 42%);--pl-cta-text: var(--pl-on-accent)}#centralModeId[data-tab]{--pl-tab-tint: hsl(var(--pl-tab-h) var(--pl-tab-s) 96.5%);--pl-tab-tint-strong: hsl(var(--pl-tab-h) var(--pl-tab-s) 92.5%);--pl-badge-topic: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 92%);--pl-badge-topic-strong: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 87.5%);--pl-badge-topic-ring: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 84%);--pl-badge-topic-text: hsl(var(--pl-tab-h) 18% 36%);--pl-badge-topic-lean: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 96%);--pl-badge-topic-lean-strong: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 92%);--pl-badge-topic-lean-ring: hsl(var(--pl-tab-h) calc(var(--pl-tab-s) / 2) 88%)}}
/*# sourceMappingURL=tokens.css.map */