@font-face{font-family:Noto Sans Tagalog;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-tagalog-tagalog-400-normal-CtCbAslY.woff2) format("woff2"),url(/assets/noto-sans-tagalog-tagalog-400-normal-BTLWlA_l.woff) format("woff");unicode-range:U+1700-171F,U+1735-1736,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Tagalog;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-tagalog-latin-ext-400-normal-jCq2NFhc.woff2) format("woff2"),url(/assets/noto-sans-tagalog-latin-ext-400-normal-Beh5dpST.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Tagalog;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-tagalog-latin-400-normal-Z4-m9ROz.woff2) format("woff2"),url(/assets/noto-sans-tagalog-latin-400-normal-TWPuIKXn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}}:root{color:#18231d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18231d;--muted:#756e62;--cream:#f7f3ea;--paper:#fffdf8;--line:#ded7c9;--green:#174e39;--green-dark:#0f3828;--gold:#d59631;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline-offset:3px;outline:3px solid #d596316b}a{color:inherit}.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}.site-shell{min-height:100vh;overflow:hidden}.site-shell:before{content:"";z-index:50;background:repeating-linear-gradient(90deg,#164e39 0 18px,#d69a35 18px 24px,#8e3b2f 24px 40px,#f0d6a5 40px 45px);height:5px;position:fixed;inset:0 0 auto}.topbar{align-items:center;gap:42px;max-width:1240px;height:78px;margin:0 auto;padding:5px 28px 0;display:flex}.brand{align-items:center;gap:12px;font-family:Georgia,serif;font-size:18px;display:inline-flex}.brand-glyph-link,.brand-title,.creator-link{text-decoration:none}.brand strong{color:var(--green);font-weight:700}.brand-copy>a{display:block}.creator-link{color:#9a9183;letter-spacing:.12em;text-transform:uppercase;width:fit-content;margin-top:2px;font:700 8px/1 Inter,sans-serif}.creator-link:hover{color:var(--gold)}.language-toggle{background:#ffffff8a;border:1px solid #d8d0c2;border-radius:999px;flex:none;gap:2px;margin:0;padding:3px;display:flex}.language-toggle button{color:#7b7469;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:35px;padding:6px 8px;font-size:9px;font-weight:850}.language-toggle button.active{color:#fff;background:var(--green)}.brand-glyph{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:38px;height:38px;font:23px/1 Noto Sans Tagalog;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.topbar nav{gap:28px;margin-left:auto;display:flex}.topbar nav a,.learn-link{color:#5f5a51;font-size:13px;font-weight:650;text-decoration:none}.topbar nav a:hover{color:var(--green)}.learn-link{color:var(--green);background:#ffffff70;border:1px solid #cfc7b8;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}main{max-width:1184px;margin:0 auto;padding:0 28px 80px}.hero{text-align:center;max-width:760px;margin:70px auto 38px}.hero-kicker{color:var(--green);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;font-weight:800;display:inline-flex}.hero h1{color:var(--ink);letter-spacing:-.045em;margin:0;font:400 clamp(42px,6vw,72px)/1.02 Georgia,Times New Roman,serif}.hero h1 em{color:var(--green);font-weight:400}.hero p{max-width:620px;color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.65}.translator-card,.breakdown-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;box-shadow:0 22px 55px #3e301d17}.translator-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;padding:9px 14px 9px 24px;display:flex}.translator-bar>div:first-child{color:#625d54;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.status-dot{background:#3f9668;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3f96681f}.mode-toggle{background:#f1ede5;border:1px solid #dcd5c8;border-radius:11px;gap:3px;margin:0;padding:3px;display:flex}.mode-toggle button{color:#797266;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:750}.mode-toggle button.active{color:#fff;background:var(--green);box-shadow:0 2px 6px #174e3933}.translator-grid{grid-template-columns:1fr 1fr;min-height:330px;display:grid}.input-panel,.output-panel{flex-direction:column;min-width:0;padding:24px;display:flex}.input-panel{border-right:1px solid var(--line)}.panel-label{min-height:24px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.panel-label>span:last-child{color:#8c8478;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.unicode-badge{background:#f6f2e9;border:1px solid #ded7c9;border-radius:6px;padding:5px 8px}textarea{resize:none;width:100%;min-height:220px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:24px 0 18px;font:27px/1.55 Georgia,serif}textarea::placeholder{color:#aaa295}.input-footer,.output-footer{color:#978f82;border-top:1px solid #ebe5da;justify-content:space-between;align-items:center;min-height:34px;padding-top:14px;font-size:10px;display:flex}.input-footer button,.export-actions button{color:#6d665c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.input-footer button:disabled,.export-actions button:disabled{opacity:.4;cursor:default}.baybayin-output{min-height:220px;color:var(--green-dark);overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:.25em;padding:24px 4px;font:clamp(40px,5vw,65px)/1.55 Noto Sans Tagalog,sans-serif;display:flex}.baybayin-output.is-empty{color:#d6d0c5}.word-output{cursor:help;border-radius:6px;transition:color .15s,background .15s;display:inline-block;position:relative}.word-output:hover,.word-output:focus{color:#a56713;background:#d5963114;outline:none}.word-tooltip{z-index:20;color:#fff;pointer-events:none;background:#172a21;border-radius:8px;width:max-content;max-width:220px;padding:9px 11px;font:12px/1.4 Inter,sans-serif;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002b}.word-tooltip:after{content:"";border:5px solid #0000;border-top-color:#172a21;position:absolute;top:100%;left:50%;transform:translate(-50%)}.word-tooltip strong,.word-tooltip span{display:block}.word-tooltip span{color:#d8e4dc;margin-top:2px}.word-output:hover .word-tooltip,.word-output:focus .word-tooltip{display:block}.output-footer{gap:15px}.output-footer>span{max-width:230px;line-height:1.35}.export-actions{align-items:center;gap:3px;display:flex}.export-actions button{border-radius:7px;padding:7px 8px}.export-actions button:hover:not(:disabled){color:var(--green);background:#f0ece3}.breakdown-card{margin-top:18px;padding:24px;box-shadow:0 12px 34px #3e301d0d}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:850}.section-heading h2{margin:0;font:22px/1.2 Georgia,serif}.hint{color:#8b8378;align-items:center;gap:6px;font-size:10px;display:inline-flex}.word-breakdowns{gap:18px;margin-top:22px;display:grid}.breakdown-word{border-top:1px solid #ece6dc;grid-template-columns:120px 1fr;gap:20px;padding-top:18px;display:grid}.breakdown-word:first-child{border-top:0;padding-top:0}.breakdown-word-label strong,.breakdown-word-label span{display:block}.breakdown-word-label strong{font:17px Georgia,serif}.breakdown-word-label span{color:#9a9287;margin-top:5px;font-size:10px}.segment-row{flex-wrap:wrap;gap:8px;display:flex}.segment{background:#faf7f0;border:1px solid #e1dacf;border-radius:9px;grid-template-columns:auto auto;align-items:center;gap:10px;min-width:70px;padding:7px 10px;display:grid;position:relative}.segment-latin{color:#5f594f;font-size:11px;font-weight:800}.segment-glyph{color:var(--green);font:22px/1 Noto Sans Tagalog}.segment small{color:#9d6d26;text-transform:uppercase;font-size:8px;position:absolute;bottom:-15px;left:8px}.segment-omitted{border-style:dashed;margin-bottom:10px}.segment-omitted .segment-glyph{color:#aaa295;font-family:Inter,sans-serif}.empty-breakdown{color:#9b9387;margin:30px 0 8px;font:italic 15px Georgia,serif}.reference-section{grid-template-columns:320px minmax(0,1fr);gap:54px;padding:110px 0 74px;display:grid}.reference-copy{padding-top:12px}.reference-copy h2{letter-spacing:-.025em;margin:0;font:39px/1.1 Georgia,serif}.reference-copy>p:not(.eyebrow){color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.7}.kudlit-notes{gap:12px;margin-top:32px;display:grid}.kudlit-notes>div{grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;column-gap:12px;display:grid}.note-mark{width:38px;height:38px;color:var(--green);background:var(--paper);border:1px solid #d9d1c3;border-radius:50%;grid-row:1/3;place-items:center;font-size:20px;display:grid}.note-mark.above{align-items:start;padding-top:2px}.note-mark.below{align-items:end;padding-bottom:2px}.kudlit-notes strong{font-size:12px}.kudlit-notes small{color:#8d8579;font-size:10px}.chart-wrap{border:1px solid var(--line);background:var(--paper);border-radius:15px;max-height:535px;overflow:auto;box-shadow:0 16px 40px #3e301d12}table{border-collapse:collapse;width:100%}thead{z-index:1;background:#eee8dc;position:sticky;top:0}th,td{text-align:center;border-bottom:1px solid #e7e0d5;min-width:100px;padding:14px 12px}thead th{color:#756e63;letter-spacing:.1em;text-transform:uppercase;font-size:9px}thead th:first-child,tbody th{text-align:left;min-width:120px}tbody th{color:#3e3a34;font-size:11px}tbody th span,tbody th small{display:block}tbody th small{color:#a29788;margin-top:2px;font-size:8px;font-weight:500}td span,td small{display:block}td span{color:var(--green);font:30px/1.15 Noto Sans Tagalog}td small{color:#938b80;margin-top:5px;font-size:9px}tbody tr:hover{background:#faf6ed}.about-section{color:#edf5ef;background:var(--green-dark);border-radius:18px;grid-template-columns:100px 1fr 1fr;align-items:center;gap:34px;padding:42px;display:grid}.about-mark{color:#efc67f;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:82px;height:82px;font:49px/1 Noto Sans Tagalog;display:grid}.about-section h2{margin:0;font:27px/1.15 Georgia,serif}.about-section p:not(.eyebrow){color:#baccc1;margin:11px 0 0;font-size:12px;line-height:1.65}.source-note{border-left:1px solid #ffffff29;padding-left:34px}.source-note strong,.source-note span,.source-note a{display:block}.source-note strong{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.source-note span{color:#baccc1;margin-top:9px;font-size:11px;line-height:1.55}.source-note a{color:#efc67f;margin-top:12px;font-size:11px;font-weight:750;text-decoration:none}footer{color:#81796e;border-top:1px solid #ddd5c8;justify-content:space-between;align-items:center;gap:24px;max-width:1184px;margin:0 auto;padding:34px 28px 42px;font-size:10px;display:flex}footer>span:first-child{color:var(--green);font-family:Georgia,serif;font-size:13px;font-weight:700}footer p{text-align:center;margin:0}.footer-glyphs{color:#b27b28;font:18px Noto Sans Tagalog}@media(max-width:850px){.topbar nav{display:none}.topbar{gap:16px}.learn-link{margin-left:auto}.hero{margin-top:50px}.translator-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.reference-section{grid-template-columns:1fr;gap:34px;padding-top:80px}.reference-copy{max-width:580px}.kudlit-notes{grid-template-columns:repeat(3,1fr)}.about-section{grid-template-columns:72px 1fr}.about-mark{width:68px;height:68px;font-size:40px}.source-note{border-top:1px solid #ffffff29;border-left:0;grid-column:1/-1;padding:24px 0 0}}@media(max-width:600px){.brand-title{font-size:13px}.creator-link{font-size:7px}.language-toggle button{min-width:31px;padding-inline:6px}.topbar{height:68px;padding-inline:18px}.brand{font-size:16px}.brand-glyph{width:34px;height:34px}.learn-link{padding:9px;font-size:0}main{padding-inline:14px;padding-bottom:54px}.hero{margin:46px auto 28px}.hero h1{font-size:44px}.hero p{font-size:14px}.translator-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.mode-toggle{width:100%}.mode-toggle button{flex:1}.input-panel,.output-panel{padding:19px 16px}textarea,.baybayin-output{min-height:180px}textarea{font-size:23px}.output-footer{flex-direction:column;align-items:flex-start}.export-actions{width:100%}.export-actions button{background:#f2eee6;flex:1;justify-content:center}.section-heading{flex-direction:column;align-items:flex-start}.breakdown-word{grid-template-columns:1fr;gap:10px}.kudlit-notes{grid-template-columns:1fr}.reference-copy h2{font-size:34px}.about-section{grid-template-columns:1fr;padding:28px 24px}.about-mark{display:none}footer{flex-direction:column;align-items:flex-start;padding-inline:18px}footer p{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}