@font-face{font-family:Baybayin Text;src:local("Noto Sans Tagalog"),local("Arial Unicode MS"),local("Noto Sans");unicode-range:U+1700-171F;font-display:swap}.baybayin-text,[lang=tl-Bayb]{font-family:Baybayin Text,Noto Sans Tagalog,Arial Unicode MS,Noto Sans,system-ui,sans-serif;font-size:1.5em}:root{--primary-hue: 210;--primary-saturation: 29%;--primary-lightness: 24%;--primary-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));--primary-color-light: hsl(var(--primary-hue), 50%, 80%);--primary-color-dark: hsl(var(--primary-hue), 60%, 44%);--accent-hue: 204;--accent-saturation: 70%;--accent-lightness: 53%;--accent-color: hsl(var(--accent-hue), var(--accent-saturation), var(--accent-lightness));--accent-color-light: hsl(var(--accent-hue), 50%, 80%);--accent-color-dark: hsl(var(--accent-hue), 60%, 44%);--success-color: hsl(134, 51%, 45%);--warning-color: hsl(42, 100%, 50%);--error-color: hsl(0, 72%, 51%);--info-color: hsl(210, 76%, 47%);--bg-color: hsl(0, 0%, 100%);--bg-color-dark: hsl(0, 0%, 10%);--bg-light: hsl(210, 20%, 98%);--bg-secondary: hsl(210, 17%, 98%);--bg-secondary-dark: hsl(215, 19%, 28%);--card-bg: hsl(0, 0%, 100%);--card-bg-light: hsl(210, 17%, 98%);--card-bg-dark: hsl(218, 23%, 23%);--card-bg-color-elevated: rgba(255, 255, 255, .98);--button-color: rgba(255, 255, 255, .8);--button-text-color: #333;--controls-background-color: rgba(255, 255, 255, .75);--controls-background-color-hover: rgba(255, 255, 255, .85);--graph-bg-color: rgba(255, 255, 255, .9);--node-text-color: #333;--selected-node-border-color: #3d5a80;--text-color: hsl(0, 0%, 20%);--text-color-light: hsl(210, 7%, 45%);--text-color-dark: hsl(210, 17%, 98%);--text-primary: hsl(210, 29%, 24%);--text-secondary: hsl(210, 8%, 45%);--text-tertiary: hsl(0, 0%, 47%);--border-color: hsl(0, 0%, 88%);--border-color-dark: hsl(218, 17%, 35%);--hover-bg: hsl(210, 17%, 95%);--hover-bg-dark: hsl(218, 17%, 35%);--shadow-sm: 0 1px 3px hsla(0, 0%, 0%, .1);--shadow-md: 0 4px 6px hsla(0, 0%, 0%, .1);--shadow-lg: 0 10px 15px hsla(0, 0%, 0%, .1);--card-shadow: 0 2px 8px hsla(0, 0%, 0%, .08);--card-shadow-hover: 0 4px 12px hsla(0, 0%, 0%, .12);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 9999px;--language-latin: hsl(214, 38%, 47%);--language-greek: hsl(271, 49%, 51%);--language-germanic: hsl(28, 80%, 52%);--language-romance: hsl(0, 67%, 47%);--language-slavic: hsl(145, 63%, 42%);--language-sanskrit: hsl(291, 64%, 42%);--language-proto: hsl(120, 45%, 34%);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--text-xs: clamp(.75rem, .7vw, .875rem);--text-sm: clamp(.875rem, .8vw, 1rem);--text-base: clamp(1rem, 1vw, 1.125rem);--text-lg: clamp(1.125rem, 1.2vw, 1.25rem);--text-xl: clamp(1.25rem, 1.4vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.8vw, 1.875rem);--text-3xl: clamp(1.875rem, 2.4vw, 2.25rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-below: -1;--z-normal: 0;--z-above: 1;--z-header: 10;--z-tooltip: 20;--z-modal: 30;--z-toast: 40;--z-max: 9999;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--card-padding: 1rem;--card-border: 1px solid hsla(0, 0%, 0%, .08);--section-spacing: var(--space-lg);--inner-spacing: var(--space-sm);--small-spacing: var(--space-xs)}.dark{--primary-hue: 210;--primary-saturation: 80%;--primary-lightness: 72%;--primary-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));--primary-color-light: hsl(var(--primary-hue), 60%, 25%);--primary-color-dark: hsl(var(--primary-hue), 90%, 80%);--accent-hue: 210;--accent-saturation: 80%;--accent-lightness: 72%;--accent-color: hsl(var(--accent-hue), var(--accent-saturation), var(--accent-lightness));--accent-color-light: hsl(var(--accent-hue), 60%, 25%);--accent-color-dark: hsl(var(--accent-hue), 90%, 80%);--bg-color: hsl(220, 40%, 8%);--bg-color-dark: hsl(220, 40%, 5%);--bg-light: hsl(220, 20%, 15%);--bg-secondary: hsl(218, 23%, 23%);--bg-secondary-dark: hsl(220, 26%, 14%);--card-bg: hsl(218, 23%, 23%);--card-bg-light: hsl(218, 17%, 27%);--card-bg-dark: hsl(220, 26%, 14%);--card-bg-color-elevated: rgba(19, 24, 38, .95);--button-color: rgba(30, 39, 63, .9);--button-text-color: #e0e0e0;--controls-background-color: rgba(22, 28, 44, .85);--controls-background-color-hover: rgba(19, 24, 38, .95);--graph-bg-color: rgba(22, 28, 44, .85);--node-text-color: #e0e0e0;--selected-node-border-color: #ffd166;--text-color: hsl(210, 17%, 98%);--text-color-light: hsl(210, 16%, 82%);--text-color-dark: hsl(210, 20%, 92%);--text-primary: hsl(0, 0%, 88%);--text-secondary: hsl(0, 0%, 69%);--text-tertiary: hsl(0, 0%, 56%);--border-color: hsl(218, 17%, 35%);--border-color-dark: hsl(218, 23%, 23%);--hover-bg: hsl(218, 17%, 35%);--hover-bg-dark: hsl(218, 23%, 23%);--shadow-sm: 0 1px 3px hsla(0, 0%, 0%, .3);--shadow-md: 0 4px 6px hsla(0, 0%, 0%, .3);--shadow-lg: 0 10px 15px hsla(0, 0%, 0%, .3);--card-shadow: 0 2px 8px hsla(0, 0%, 0%, .4);--card-shadow-hover: 0 4px 12px hsla(0, 0%, 0%, .5);--card-border: 1px solid hsla(0, 0%, 100%, .05)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{box-sizing:border-box;font-size:100%;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-color);background-color:var(--bg-color);transition:color var(--transition-normal),background-color var(--transition-normal)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.skip-to-content{position:absolute;top:-9999px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;padding:var(--space-xs) var(--space-md);z-index:var(--z-max);text-decoration:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.skip-to-content:focus{top:0}.error-message{color:#d32f2f;background-color:#ffebee;padding:10px 15px;border-radius:4px;margin:10px 0;display:flex;flex-direction:column;align-items:center}.error-message p{margin-bottom:10px}.error-actions{display:flex;gap:10px;margin-top:10px}.backend-instructions{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:15px;margin:10px 0;width:100%;max-width:600px;text-align:left}.backend-instructions p{margin-bottom:10px;color:#333}.backend-instructions ol{margin-left:20px;color:#333}.backend-instructions code{background-color:#e9ecef;padding:2px 5px;border-radius:3px;font-family:monospace;color:#d63384}.reset-button{background-color:#2196f3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.reset-button:hover{background-color:#1976d2}.debug-button{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.debug-button:hover{background-color:#f57c00}.retry-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.retry-button:hover{background-color:#388e3c}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.header-content h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-buttons{display:flex;gap:10px;align-items:center}.api-status{padding:8px 12px;border-radius:4px;font-size:14px;font-weight:600;display:flex;align-items:center;background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 1px 3px #0000001a}.api-status.connected{background-color:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.api-status.disconnected{background-color:#ffebee;border-color:#ef9a9a;color:#c62828}.api-status.checking{background-color:#e3f2fd;border-color:#90caf9;color:#1565c0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.word-details{background-color:var(--card-bg);border-radius:var(--radius-md);padding:0;box-shadow:var(--card-shadow);margin-bottom:var(--space-lg);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);max-width:100%;contain:content;will-change:transform}.word-details:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.word-header{background:linear-gradient(135deg,hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.15),hsla(var(--accent-hue),calc(var(--accent-saturation) - 20%),calc(var(--accent-lightness) - 10%),.02));padding:var(--space-md) var(--space-md) var(--space-sm);margin-bottom:0;position:relative;border-bottom:none;box-shadow:0 1px 8px #0000000d;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.word-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--accent-color-dark);letter-spacing:-.02em;line-height:1.2;font-family:var(--font-display, sans-serif);position:relative;display:inline-block;border-bottom:1px solid var(--accent-color);padding-bottom:.25rem;transition:transform .2s ease,color .2s ease}.word-header h2:hover{transform:translateY(-1px);color:var(--accent-color)}.word-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;align-items:center}.language{background-color:hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness),.1);color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;letter-spacing:.05em;text-transform:uppercase}.dark .language{background-color:hsla(var(--primary-hue),calc(var(--primary-saturation) - 30%),calc(var(--primary-lightness) + 10%),.2);color:hsl(var(--primary-hue),calc(var(--primary-saturation) - 10%),calc(var(--primary-lightness) + 20%))}.baybayin-badge{background-color:#e677000f;color:var(--color-etymology, #2a9d8f);padding:.15rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border:1px solid rgba(230,119,0,.12);box-shadow:0 1px 2px #00000005;cursor:pointer}.baybayin-badge:hover{background-color:#e6770026;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.preferred-spelling{background-color:#4caf501a;color:#2e7d32;padding:.2rem .6rem;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(76,175,80,.15);box-shadow:0 1px 2px #0000000a}.tag{background-color:#0000000d;color:var(--text-secondary, #6c757d);padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;box-shadow:0 1px 2px #00000005}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tag{background-color:#00000008;color:var(--text-secondary);padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;box-shadow:0 1px 2px #00000005}.pronunciation-section{margin:0;padding:.75rem 1.5rem;background:linear-gradient(to right,#4a6fa50d,#4a6fa503);border-bottom:1px solid rgba(0,0,0,.04);position:relative;display:flex;flex-direction:column}.pronunciation-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(74,111,165,.2) 0%,transparent 100%)}.pronunciation-section h3{margin-top:0;margin-bottom:.5rem;font-size:.75rem;color:var(--accent-color-dark, #1d3557);font-weight:600;text-transform:uppercase;letter-spacing:.75px;display:flex;align-items:center}.pronunciation-section h3:before{content:"🔊";font-size:.8rem;margin-right:.5rem;opacity:.8}.pronunciation-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pronunciation-text{font-size:1rem;font-weight:500;font-style:italic;color:var(--text-primary, #1d3557);background-color:#4a6fa50a;padding:.2rem .5rem;border-radius:.25rem;transition:all .2s ease}.pronunciation-text:hover{background-color:#4a6fa514;transform:translateY(-1px)}.ipa{background-color:#00000008;padding:.15rem .4rem;border-radius:.25rem;font-size:.75rem;font-family:monospace;color:var(--text-secondary, #6c757d);border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.ipa:hover{background-color:#0000000d;transform:translateY(-1px)}.play-audio{background-color:var(--accent-color-light, #a8dadc);color:var(--accent-color-dark, #1d3557);border:none;border-radius:50%;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 5px #00000014}.play-audio:hover{background-color:var(--accent-color, #457b9d);color:#fff;transform:scale(1.15);box-shadow:0 3px 8px #0000001f}.word-content{padding:var(--space-md);background-color:#fff;position:relative;box-shadow:0 2px 10px #0000000d;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.etymology-section{margin-bottom:var(--space-md);padding:var(--space-sm);background-color:#e6770008;border-radius:var(--radius-md);border-left:3px solid var(--color-etymology);box-shadow:0 2px 8px #00000008;position:relative;overflow:hidden}.etymology-section:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(230,119,0,.06) 0%,transparent 70%);z-index:0}.etymology-section h3{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--color-etymology);font-weight:600;display:flex;align-items:center;border-bottom:1px solid rgba(230,119,0,.08);padding-bottom:var(--space-xs);position:relative}.etymology-section h3:before{content:"🔍";margin-right:var(--space-xs);font-size:var(--text-sm)}.etymology-content{font-size:var(--text-sm);line-height:1.5;position:relative;z-index:1}.etymology-item{margin-bottom:var(--space-xs);padding:var(--space-sm);background-color:#fff;border-radius:var(--radius-md);box-shadow:0 2px 6px #0000000a;border:1px solid rgba(230,119,0,.08);transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.etymology-item:hover{transform:translateY(-2px);border-color:#e6770026;box-shadow:0 4px 12px #0000000f}.etymology-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-etymology) 0%,transparent 100%);opacity:.3}.etymology-text{margin-bottom:var(--space-xs);line-height:1.5;color:var(--text-primary);font-size:var(--text-sm)}.etymology-languages{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-xs)}.language-tag{background-color:#e677000f;color:var(--color-etymology);padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;border:1px solid rgba(230,119,0,.12);box-shadow:0 1px 2px #00000005;transition:all .2s ease}.language-tag:hover{background-color:#e677001a;transform:translateY(-1px)}.etymology-sources{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center;padding-top:var(--space-xs);border-top:1px dashed rgba(230,119,0,.1);margin-bottom:var(--space-xs)}.etymology-components-list{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-xs);border-top:1px dashed rgba(230,119,0,.1)}.components-label{color:var(--text-secondary);font-weight:500;font-size:var(--text-xs)}.source-tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.source-tag{background-color:#00000005;color:var(--text-secondary);padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px #00000003}.source-tag:hover{background-color:var(--accent-color-light);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.definitions-section{margin-bottom:1.5rem}.definitions-section-header{display:flex;align-items:center;margin-bottom:.75rem;border-bottom:1px solid rgba(74,111,165,.08);padding-bottom:.5rem;position:relative}.definitions-section-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background-color:var(--accent-color, #457b9d);border-radius:2px}.definitions-section-header h3{margin:0;font-size:1rem;color:var(--accent-color-dark, #1d3557);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.definition-count{background-color:var(--accent-color-light, #a8dadc);color:var(--accent-color-dark, #1d3557);padding:.1rem .4rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem;box-shadow:0 1px 2px #0000000d}.pos-group{margin-bottom:1.5rem;background-color:#4a6fa505;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #00000008;border:1px solid rgba(0,0,0,.04)}.pos-group-header{background:linear-gradient(90deg,#4a6fa51a,#4a6fa50d);padding:.5rem .75rem;font-weight:600;display:flex;align-items:center;color:var(--accent-color-dark, #1d3557);border-bottom:1px solid rgba(0,0,0,.04);font-size:.875rem}.pos-count{background-color:#fff;color:var(--accent-color-dark, #1d3557);padding:.1rem .4rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem;box-shadow:0 1px 2px #0000000d}.definition-cards-container{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.definition-card{transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:center;background-color:#fff;border:1px solid rgba(0,0,0,.04);border-radius:.5rem;box-shadow:0 2px 6px #00000008;position:relative;overflow:hidden;padding:1.5rem;margin-bottom:.75rem;cursor:pointer}.definition-card:hover{transform:translateY(-3px) scale(1.01);border-color:#4a6fa526;box-shadow:0 4px 12px #0000000d}.definition-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:var(--accent-color, #457b9d);opacity:.5;transition:all .2s cubic-bezier(.16,1,.3,1)}.definition-card:hover:before{opacity:1;background-color:var(--accent-color, #457b9d)}.definition-number{position:absolute;top:.5rem;right:.5rem;background-color:var(--accent-color-light, #a8dadc);color:var(--accent-color-dark, #1d3557);font-weight:600;font-size:.75rem;padding:.1rem .4rem;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;opacity:.9;transition:all .2s cubic-bezier(.16,1,.3,1)}.definition-card:hover .definition-number{opacity:1;transform:scale(1.05);background-color:var(--accent-color, #457b9d);color:#fff}.definition-content{padding-right:1.5rem}.definition-text{margin-top:0;margin-bottom:.5rem;font-size:1rem;line-height:1.5;color:var(--text-primary, #1d3557);font-weight:400;position:relative}.definition-details{display:none;margin-top:.75rem}.definition-details.visible{display:block}.expand-indicator{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.5rem;font-size:.75rem;color:var(--accent-color, #457b9d);cursor:pointer}.expand-icon{font-size:.625rem}.examples,.usage-notes{background-color:#00000003;padding:.5rem .75rem;border-radius:.25rem;margin-bottom:.75rem;border-left:3px solid var(--accent-color-light, #a8dadc);box-shadow:0 1px 3px #00000005;position:relative}.examples h4,.usage-notes h4{margin-top:0;margin-bottom:.5rem;font-size:.75rem;color:var(--accent-color-dark, #1d3557);font-weight:600;display:flex;align-items:center;border-bottom:1px solid rgba(74,111,165,.08);padding-bottom:.25rem}.examples h4:before{content:"💬";margin-right:.25rem;font-size:.75rem}.usage-notes h4:before{content:"📝";margin-right:.25rem;font-size:.75rem}.examples ul,.usage-notes ul{margin:0;padding-left:0;list-style-type:none}.examples li,.usage-notes li{margin-bottom:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.4;color:var(--text-primary, #1d3557);position:relative;padding-left:1rem;border-bottom:1px dashed rgba(0,0,0,.03)}.examples li:last-child,.usage-notes li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.examples li:before,.usage-notes li:before{content:"•";position:absolute;left:.5rem;color:var(--accent-color, #457b9d);font-weight:700}.examples li em,.usage-notes li em{color:var(--accent-color-dark, #1d3557);font-style:normal;font-weight:500;background-color:#4a6fa50d;padding:0 .2rem;border-radius:2px}.examples li .translation,.usage-notes li .note-detail{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary, #6c757d);font-style:italic;padding-left:.5rem;border-left:2px solid rgba(0,0,0,.03)}.idioms-section{margin-bottom:var(--section-spacing);padding:var(--inner-spacing);background-color:#f0f4f8;border-radius:var(--card-radius);border-left:3px solid #5e81ac}.idioms-section h3{margin-top:0;margin-bottom:var(--inner-spacing);font-size:1.25rem;color:#5e81ac;font-weight:600;display:flex;align-items:center}.idioms-section h3:before{content:"💭";margin-right:.5rem;font-size:1.1rem}.idioms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--inner-spacing)}.idiom-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--inner-spacing);transition:all .2s ease;box-shadow:none}.idiom-card:hover{transform:translateY(-2px);border-color:#5e81ac4d}.idiom-phrase,.idiom-text{font-weight:600;margin-bottom:.5rem;font-size:1rem;color:#5e81ac}.idiom-meaning{margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.meaning-label,.example-label{font-weight:600;color:var(--text-secondary)}.idiom-example{margin-bottom:.5rem;font-size:.9rem;font-style:italic;color:var(--text-secondary);line-height:1.5;background-color:#f8f9fa;padding:.5rem .75rem;border-radius:4px;margin-top:.5rem}.idiom-source{display:inline-block;background-color:#0000000d;color:var(--text-secondary);padding:.1rem .4rem;border-radius:12px;font-size:.75rem;margin-top:.5rem}.relations-section{margin-bottom:var(--section-spacing)}.relations-section h3{margin-top:0;margin-bottom:var(--inner-spacing);font-size:1.25rem;color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.relations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--inner-spacing)}.relation-group{background-color:#f8f9fa;border-radius:var(--card-radius);padding:var(--inner-spacing);box-shadow:var(--card-shadow);transition:all .2s ease}.relation-group:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.relation-group h4{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:var(--text-primary);font-weight:600;display:flex;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.synonyms h4:before{content:"🔄";margin-right:.5rem;font-size:.9rem}.antonyms h4:before{content:"⚔️";margin-right:.5rem;font-size:.9rem}.variants h4:before{content:"🔀";margin-right:.5rem;font-size:.9rem}.related h4:before{content:"🔗";margin-right:.5rem;font-size:.9rem}.derived h4:before{content:"🌱";margin-right:.5rem;font-size:.9rem}.root h4:before{content:"🌳";margin-right:.5rem;font-size:.9rem}.relation-tags{display:flex;flex-wrap:wrap;gap:.5rem}.relation-tag{background-color:#fff;border:1px solid var(--border-color);padding:.3rem .75rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .25s ease;box-shadow:0 1px 2px #0000000d}.relation-tag:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.root-tag{background-color:#2e7d321a;color:var(--color-root);border-color:#2e7d3233}.root-tag:hover{background-color:var(--color-root);color:#fff}.baybayin-section{margin-bottom:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,hsla(var(--accent-hue),calc(var(--accent-saturation) - 20%),calc(var(--accent-lightness) + 5%),.1),hsla(var(--accent-hue),calc(var(--accent-saturation) - 30%),calc(var(--accent-lightness) - 5%),.05));border-radius:var(--radius-md);border-left:3px solid var(--color-etymology);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.baybayin-section:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,hsla(var(--accent-hue),calc(var(--accent-saturation) - 10%),calc(var(--accent-lightness) + 10%),.15) 0%,transparent 70%);z-index:0;opacity:.5}.baybayin-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--text-xl);color:var(--color-etymology);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-xs)}.baybayin-section h3:before{content:"𑁋";font-size:1.2em;opacity:.8}.baybayin-display{text-align:center;padding:var(--space-xl);background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--space-md) 0 var(--space-xl);border:1px solid hsla(var(--accent-hue),30%,80%,.2);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.baybayin-display:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.baybayin-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,hsla(var(--accent-hue),30%,50%,.05) 0%,transparent 70%);z-index:0}.baybayin-text{font-size:3.5rem;margin:0 0 var(--space-md) 0;color:var(--color-etymology);line-height:1.2;position:relative;z-index:1;font-family:Baybayin Modern,sans-serif;letter-spacing:.1em;text-shadow:0 2px 10px hsla(var(--accent-hue),30%,50%,.2);transition:transform var(--transition-fast)}.baybayin-display:hover .baybayin-text{transform:scale(1.05)}.romanized-text{font-size:var(--text-lg);color:var(--text-color-light);margin:0;position:relative;z-index:1}.baybayin-info{background-color:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid hsla(0,0%,0%,.05);position:relative;z-index:1}.baybayin-info h4{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--text-base);color:var(--color-etymology);font-weight:var(--font-weight-semibold)}.baybayin-info p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-color);margin-bottom:var(--space-md)}.baybayin-character-guide{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid hsla(0,0%,0%,.05)}.character-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.baybayin-character{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.baybayin-character .character{font-size:1.5rem;color:var(--color-etymology);font-family:Baybayin Modern,sans-serif;background-color:hsla(var(--accent-hue),30%,90%,.2);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid hsla(var(--accent-hue),30%,50%,.1);transition:all var(--transition-fast);cursor:pointer}.baybayin-character .character:hover{transform:scale(1.1);background-color:hsla(var(--accent-hue),30%,90%,.3);box-shadow:var(--shadow-md)}.dark .baybayin-section{background:linear-gradient(135deg,hsla(var(--accent-hue),calc(var(--accent-saturation) - 30%),20%,.15),hsla(var(--accent-hue),calc(var(--accent-saturation) - 40%),15%,.05));border-color:hsla(var(--accent-hue),30%,50%,.3)}.dark .baybayin-display{background-color:var(--card-bg-dark);border-color:hsla(var(--accent-hue),30%,50%,.15)}.dark .baybayin-text{color:hsla(var(--accent-hue),70%,70%,1);text-shadow:0 2px 10px hsla(var(--accent-hue),70%,40%,.3)}.dark .baybayin-info{background-color:var(--card-bg-dark);border-color:#ffffff0d}.dark .baybayin-character .character{background-color:hsla(var(--accent-hue),30%,30%,.2);border-color:hsla(var(--accent-hue),30%,50%,.2);color:hsla(var(--accent-hue),70%,70%,1)}.dark .baybayin-character .character:hover{background-color:hsla(var(--accent-hue),30%,40%,.3)}@media(max-width:768px){.baybayin-section,.baybayin-display{padding:var(--space-md)}.baybayin-text{font-size:2.5rem}.romanized-text{font-size:var(--text-base)}.character-row{gap:var(--space-xs)}.baybayin-character .character{width:2rem;height:2rem;font-size:1.2rem}}.word-details-container{position:relative;display:flex;flex-direction:column;height:100%;resize:horizontal;overflow:auto;min-width:300px;max-width:800px;width:400px;transition:width .1s ease}.word-details-container:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background-color:hsla(var(--primary-hue),10%,90%,.5);cursor:ew-resize;opacity:0;transition:opacity .2s ease}.word-details-container:hover:after{opacity:1}.dark .word-details-container:after{background-color:hsla(var(--primary-hue),10%,30%,.5)}.word-details{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color-light) transparent;border-radius:var(--radius-md);box-shadow:var(--card-shadow);background-color:var(--card-bg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform;contain:content}.word-details::-webkit-scrollbar-track{background:transparent}.word-details::-webkit-scrollbar-thumb{background-color:var(--accent-color-light);border-radius:var(--radius-pill)}@media(max-width:992px){.word-details-container{width:350px;min-width:250px}}@media(max-width:768px){.word-details-container{width:100%;min-width:100%;max-width:100%;resize:none;height:auto;flex:1}.word-details-container:after{display:none}.word-details{border-radius:0;box-shadow:none}}@media print{.baybayin-section{background:none;border:1px solid #ddd;box-shadow:none;break-inside:avoid}.baybayin-display{box-shadow:none;border:1px solid #ddd}.baybayin-text{color:#000;text-shadow:none}.baybayin-info{box-shadow:none;border:1px solid #ddd}.baybayin-character .character{border:1px solid #ddd;background:none}}@media(prefers-reduced-motion:reduce){.baybayin-display:hover,.baybayin-display:hover .baybayin-text,.baybayin-character .character:hover{transform:none;transition:none}}.word-content-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background-color:var(--card-bg-light);border-bottom:1px solid var(--card-border)}.tab-button{padding:.5rem 1rem;background-color:transparent;color:var(--text-color);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-button:hover{background-color:var(--hover-bg);transform:translateY(-1px)}.tab-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tab-icon{font-size:1.1em}.word-content{padding:1.5rem}.word-details::-webkit-scrollbar{width:6px}.app{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.header-link{color:#fff;text-decoration:none;padding:.5rem;display:inline-block;transition:background-color .2s;border-radius:4px}.header-link:hover{background-color:#ffffff1a}.header-link.active{background-color:#fff3;font-weight:700}.dark .header-link{color:var(--text-color-white)}.dark .header-link:hover{background-color:#ffffff1a}.dark .header-link.active{background-color:#ffffff26}.baybayin-menu{min-width:200px}.baybayin-menu-item{font-size:.9rem;padding:8px 16px}.baybayin-menu-item:hover{background-color:#0000000d}.dark .baybayin-menu-item:hover{background-color:#ffffff0d}:root{--background-color: #f8f9fa;--text-color: #1d3557;--text-color-secondary: #6c757d;--primary-color: #1d3557;--primary-color-rgb: 29, 53, 87;--secondary-color: #e63946;--accent-color: #fca311;--accent-color-rgb: 252, 163, 17;--card-bg-color: #ffffff;--card-bg-color-rgb: 255, 255, 255;--card-bg-color-elevated: #ffffff;--card-bg-light: rgba(0, 0, 0, .03);--card-border-color: #e6e8eb;--input-bg-color: #ffffff;--input-border-color: #d1d5db;--button-color: #1d3557;--button-text-color: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--graph-bg-color: #f1f5f9;--footer-height: 2.5rem;--controls-background-color: rgba(255, 255, 255, .85);--controls-background-color-hover: rgba(255, 255, 255, .95);--color-main: #5d9cec;--color-root: #ff7088;--color-synonym: #64b5f6;--color-antonym: #5c6bc0;--color-derived: #4dd0e1;--color-variant: #9575cd;--color-related: #4fc3f7;--color-associated: #90a4ae;--color-etymology: #d00000;--color-derivative: #606c38;--color-default: #546e7a}.dark{--bg-color: #0a0d16;--header-color: #131826;--footer-color: #131826;--text-color: #e0e0e0;--text-color-secondary: #a0a0a0;--text-color-white: #f0f0f0;--primary-color: #ffd166;--primary-color-rgb: 255, 209, 102;--secondary-color: #e63946;--accent-color: #e09f3e;--accent-color-rgb: 224, 159, 62;--card-bg-color: #131826;--card-bg-color-rgb: 19, 24, 38;--card-bg-color-elevated: #1a202e;--card-border-color: #2e3a4e;--input-bg-color: #1a202e;--definition-bg-color: #1a202e;--input-border-color: #2e3a4e;--button-color: #3e4e66;--button-text-color: #ffffff;--graph-bg-color: #161c2c;--link-color: #7ea3cc;--node-text-color: #f0f0f0;--selected-node-border-color: var(--text-color);--shadow-color: rgba(0, 0, 0, .25);--focus-ring-color: rgba(255, 209, 102, .3);--color-main: #5d9cec;--color-derivative: #64b5f6;--color-etymology: #4dd0e1;--color-root: #ff7088;--color-associated: #ffc107;--color-default: #90a4ae}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;position:relative;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:BadlitScript;src:url(https://raw.githubusercontent.com/andrewloable/BadlitScript/master/BadlitScript.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.word-details .baybayin-text{font-family:BadlitScript,Noto Sans Tagalog,sans-serif!important;font-size:1.5rem;background-color:var(--card-bg-light)}*[class*=baybayin],.baybayin-text,[data-script=baybayin]{font-family:BadlitScript,Noto Sans Tagalog,sans-serif!important}.baybayin{font-family:BadlitScript,Noto Sans Tagalog,sans-serif!important;font-size:2em}.word-details-container .baybayin-text{font-size:2rem;font-family:BadlitScript,Noto Sans Tagalog,sans-serif!important;background:var(--card-bg-color-elevated)}@media(max-width:768px){:root{--footer-height: 2rem}}@media(max-width:480px){:root{--footer-height: 1.5rem}}