:root{--color-paper:oklch(97% .008 85);--color-paper-2:oklch(94% .01 85);--color-rule:oklch(80% .008 85);--color-neutral:oklch(56% .008 85);--color-muted:oklch(42% .008 75);--color-ink:oklch(20% .01 65);--color-accent:oklch(48% .16 32);--color-focus:oklch(55% .19 32);--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-body:"Source Serif 4", Georgia, "Times New Roman", serif;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-display:clamp(2.25rem, 5vw, 3.75rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--page-gutter:clamp(1rem, 4vw, 3rem);--rule-hair:1px;--radius-sm:2px}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-text-size-adjust:100%;line-height:1.6}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:600;line-height:1.1}a{color:var(--color-accent);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.page{max-width:68rem;padding:0 var(--page-gutter);margin:0 auto}.muted{color:var(--color-muted)}.nav-mast{gap:var(--space-2xs);padding:var(--space-md) var(--page-gutter) 0;text-align:center;display:grid}.mast-name{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;margin:0;line-height:.95}.mast-line{font-variant:small-caps;letter-spacing:.08em;font-size:var(--text-xs);margin:0}.mast-nav ul{justify-content:center;gap:var(--space-md);margin:var(--space-2xs) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:inline-flex}.mast-rule.double{border:0;border-top:var(--rule-hair) solid var(--color-rule);border-bottom:var(--rule-hair) solid var(--color-rule);height:4px;margin:var(--space-sm) 0 0}.foot-mast{border-top:var(--rule-hair) solid var(--color-rule);margin-top:var(--space-3xl);padding:var(--space-xl) var(--page-gutter) var(--space-2xl);text-align:center}.foot-mast .wordmark{font-family:var(--font-display);font-size:var(--text-md);margin:0}.foot-mast p{margin:var(--space-2xs) 0 0;font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.converter{margin:var(--space-2xl) 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field-label{font-variant:small-caps;letter-spacing:.08em;font-size:var(--text-xs);color:var(--color-muted);display:block}.field{width:100%;margin-top:var(--space-2xs);padding:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);resize:vertical}.field::placeholder{color:var(--color-neutral)}.direction{gap:var(--space-lg);padding:var(--space-sm) 0 0;font-size:var(--text-sm);border:0;flex-wrap:wrap;margin:0;display:flex}.direction label{align-items:center;gap:var(--space-2xs);display:inline-flex}.empty-hint{font-size:var(--text-sm);margin:var(--space-sm) 0 0}.empty-hint[hidden]{display:none}.ragam-grid{gap:var(--space-lg);margin:var(--space-lg) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.ragam-card{border-top:var(--rule-hair) solid var(--color-rule);padding-top:var(--space-sm);min-width:0}.ragam-name{font-size:var(--text-sm);font-variant:small-caps;letter-spacing:.08em;color:var(--color-muted);margin:0;font-weight:400}.ragam-out{font-family:var(--font-display);font-size:var(--text-md);margin:var(--space-2xs) 0 var(--space-sm);overflow-wrap:anywhere;min-height:1.3em;line-height:1.3}.copy{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-sm);cursor:pointer;white-space:nowrap;background:0 0}.copy:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-neutral)}.copy:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.copy:active:not(:disabled){transform:translateY(1px)}.copy:disabled{opacity:.45;cursor:not-allowed}.copy[data-state=loading]{color:var(--color-muted)}.copy[data-state=success]{color:var(--color-accent);border-color:var(--color-accent)}.copy[data-state=error]{color:var(--color-accent);border-style:dashed}.intro{font-family:var(--font-display);font-size:var(--text-lg);margin:var(--space-xl) 0 0}.ref{margin-top:var(--space-3xl)}.ref h2{font-size:var(--text-xl);border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-2xs)}.rule{margin-top:var(--space-lg)}.rule h3{font-size:var(--text-md);margin:0 0 var(--space-2xs)}.rule p{max-width:68ch;margin:0}.example{font-family:var(--font-display);margin-top:var(--space-2xs)!important}.table-scroll,.aksara-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-2xs) var(--space-sm) var(--space-2xs) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}th{font-variant:small-caps;letter-spacing:.06em;color:var(--color-muted);font-weight:400}.aksara td{font-family:var(--font-display);font-size:var(--text-md);text-align:center;padding:var(--space-xs);white-space:nowrap}.ref ul{max-width:68ch;padding-left:1.1em}.ref li{margin-bottom:var(--space-2xs)}.fold>summary{cursor:pointer;align-items:baseline;gap:var(--space-xs);list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"";border-right:var(--rule-hair) solid var(--color-neutral);border-bottom:var(--rule-hair) solid var(--color-neutral);flex:none;width:.4em;height:.4em;transform:rotate(-45deg)}.fold[open]>summary:before{transform:rotate(45deg)}.fold>summary>h2,.fold>summary>h3{border-bottom:0;padding-bottom:0;display:inline}.fold>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.fold>summary:hover>h2,.fold>summary:hover>h3{color:var(--color-accent)}.ref.fold{border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-sm);margin-top:var(--space-lg)}.ref.fold[open]{margin-top:var(--space-2xl);padding-bottom:var(--space-lg)}.rule.fold{margin-top:var(--space-md)}.fold>:not(summary){margin-top:var(--space-sm)}