@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-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}.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 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-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)}.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)}.graph-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--graph-bg-color, #f1f5f9)}.graph-wrapper{width:100%;height:100%;max-width:1600px;margin:0 auto;position:relative}.graph-svg-container{width:100%;height:100%;display:block;overflow:visible;cursor:grab;background-color:var(--graph-bg-color, #f1f5f9)}.graph-svg{display:block;width:100%;height:100%;cursor:grab}.graph-svg:active{cursor:grabbing}.node{cursor:pointer;transition:opacity .2s ease-out,transform .2s ease-out}.node.main-node,.node[data-id=main]{opacity:1}.node.main-node circle,.node[data-id=main] circle{stroke-width:2.5px!important;filter:brightness(1.15)}.node:hover circle{filter:brightness(1.1);stroke-width:3px;stroke-opacity:1}.node-label{pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .2s ease-out,font-weight .2s ease-out;font-family:system-ui,-apple-system,sans-serif;fill:#000}.link{stroke:#ccc;stroke-opacity:1;stroke-width:1px;transition:stroke-opacity .2s ease-out,stroke-width .2s ease-out,stroke .2s ease-out}.dark .link{stroke:var(--link-color, #7ea3cc)}.link.highlighted{stroke-opacity:.9;stroke-width:2.5px}.controls-container{position:absolute;bottom:0;left:0;width:100%;z-index:10001;align-items:center;display:flex;padding:.5rem 1rem;background-color:rgba(var(--card-bg-color-rgb, 255, 255, 255),.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 -1px 4px #00000014;border-top:1px solid var(--card-border-color, #e6e8eb);box-sizing:border-box;pointer-events:auto}.dark .controls-container{background-color:rgba(var(--card-bg-color-rgb, 19, 24, 38),.9);border-top:1px solid var(--card-border-color, rgba(255, 255, 255, .1))}.zoom-controls{display:flex;flex-shrink:0;margin-right:0;pointer-events:auto}.zoom-button{padding:6px 12px;font-size:13px;cursor:pointer;background-color:var(--button-color, #1d3557);color:var(--button-text-color, #ffffff);border:none;border-radius:4px;transition:all .2s ease;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.2;font-weight:500;pointer-events:auto}.zoom-controls .zoom-button:first-of-type{margin-right:4px}.zoom-button:hover{background-color:#1b2f4c;transform:translateY(-1px)}.zoom-button:active{transform:translateY(0) scale(.98);background-color:#152540}.reset-zoom-button{padding:6px 12px;font-size:13px;background-color:var(--button-color, #1d3557);color:var(--button-text-color, #ffffff);border:none;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:none;line-height:1.2;font-weight:500;margin-left:8px;pointer-events:auto}.reset-zoom-button:hover{background-color:#1b2f4c;transform:translateY(-1px)}.reset-zoom-button:active{transform:scale(.98);transition-duration:50ms;background-color:#152540}.network-controls{display:flex;position:relative;z-index:1;width:auto;background-color:transparent;padding:0;box-shadow:none;border-top:none;flex-grow:1;margin-left:1rem;max-width:none;pointer-events:auto}.dark .network-controls{background-color:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important}.node-tooltip,.peek-card{position:fixed;padding:10px 14px;border-radius:8px;background-color:#ffffffa6;box-shadow:0 4px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:1500;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1);opacity:0;transform:scale(.95) translateY(5px);max-width:240px}.node-tooltip.visible,.peek-card.visible{opacity:1;transform:scale(1) translateY(0)}.tooltip-title,.peek-card-title{font-size:14px;font-weight:600;margin-bottom:4px;color:#1d1d1f}.tooltip-relation,.peek-card-type{font-size:11px;color:#3c3c43b3;margin-bottom:6px;text-transform:capitalize}.tooltip-definition,.peek-card-definition{font-size:12px;line-height:1.4;color:#1d1d1f}.dark .node-tooltip,.dark .peek-card{background-color:#28282abf;box-shadow:0 5px 20px #00000040;border:1px solid rgba(255,255,255,.15)}.dark .tooltip-title,.dark .peek-card-title,.dark .tooltip-definition,.dark .peek-card-definition{color:#f5f5f7}.dark .tooltip-relation,.dark .peek-card-type{color:#ebebf599}.peek-card{pointer-events:auto;z-index:1600}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f580;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;color:#1d1d1f}.dark .loading-overlay,.dark .error-overlay{background-color:#16161899;color:#f5f5f7}.spinner{width:30px;height:30px;border:3px solid rgba(60,60,67,.7);border-top-color:#0a84ff;border-radius:50%;animation:spin .8s linear infinite}.dark .spinner{border:3px solid rgba(235,235,245,.6);border-top-color:#0a84ff}@keyframes spin{to{transform:rotate(360deg)}}.error-message{margin:1rem 0;max-width:300px;text-align:center}.retry-button{padding:6px 14px;background-color:#0a84ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-top:10px}.retry-button:hover{background-color:#0060df}.node.filtered,.link.filtered{opacity:.15!important;pointer-events:none;transition:opacity .3s ease-out}.node:not(.filtered),.link:not(.filtered){opacity:1;pointer-events:auto}.link:not(.filtered){stroke-opacity:1}.splash-circle{fill:none;stroke-width:2px;pointer-events:none}@media(max-width:768px){.controls-container{padding:.25rem .5rem;min-height:32px}.network-controls{margin-left:.5rem}.zoom-button,.reset-zoom-button{padding:4px 8px;font-size:12px}.reset-zoom-button{margin-left:6px}}@media(max-width:480px){.controls-container{padding:.25rem .5rem;min-height:28px}.network-controls{width:100%;margin-left:0}.zoom-controls{margin-left:0;margin-bottom:.5rem}.zoom-button,.reset-zoom-button{font-size:12px;padding:3px 6px}}.dark .node-label{fill:var(--node-text-color, #f0f0f0)}.dark .node-label-halo{stroke:#000c}@keyframes fadeInTooltip{0%{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.node.filtered{opacity:0!important;pointer-events:none!important}.link.filtered{opacity:0!important;pointer-events:none!important}.node,.node circle,.node text,.link{transition:stroke-width .3s ease-in-out,fill .3s ease-in-out,stroke .3s ease-in-out}.node.filtered{opacity:.2!important;pointer-events:none!important}.node:not(.filtered){opacity:1;pointer-events:all}.link.filtered{opacity:.2!important;pointer-events:none!important}.link:not(.filtered){opacity:1;pointer-events:all}.dark .zoom-button,.dark .reset-zoom-button{background-color:var(--button-color);color:var(--button-text-color);border:none}.dark .zoom-button:hover,.dark .reset-zoom-button:hover{filter:brightness(1.15)}.dark .zoom-button:active,.dark .reset-zoom-button:active{filter:brightness(.9);transform:scale(.98)}.dark .controls-container .network-controls .MuiSlider-root{color:var(--primary-color)}.dark .graph-svg-container,.dark .graph-container{background-color:var(--graph-bg-color)}.controls-container .network-controls .MuiSlider-root{position:relative;z-index:2;pointer-events:auto!important}.controls-container .zoom-controls button:first-of-type{margin-right:6px}.word-details-container{position:relative;display:flex;flex-direction:column;overflow:auto;min-width:320px;width:100%;transition:width .2s ease;background-color:var(--card-bg-color);border-left:1px solid var(--card-border-color);box-shadow:-2px 0 12px #00000014}.dark .word-details-container{box-shadow:-2px 0 12px var(--shadow-color);background:linear-gradient(180deg,var(--card-bg-color-elevated) 0%,var(--card-bg-color) 20%)}.word-details{flex:1;overflow-y:auto;display:flex;flex-direction:column;background-color:var(--card-bg-color);scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--card-bg-color-elevated, var(--input-bg-color))}.word-details::-webkit-scrollbar{width:8px}.word-details::-webkit-scrollbar-track{background:var(--card-bg-color-elevated, var(--input-bg-color))}.word-details::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:20px}.dark .word-details::-webkit-scrollbar-thumb{background-color:var(--primary-color)}.word-header{padding:1.2rem 1.25rem 1rem;background:linear-gradient(135deg,rgba(var(--card-bg-color-rgb),.08),rgba(var(--accent-color-rgb),.08));border-bottom:1px solid var(--card-border-color);display:flex;flex-direction:column;box-shadow:0 2px 8px #00000008}.word-header{background-color:var(--input-bg-color)}.dark .word-header{background-color:var(--card-bg-color-elevated);box-shadow:0 2px 8px var(--shadow-color)}.word-header-main{display:flex;align-items:flex-start;justify-content:space-between}.word-title-pronunciation{flex:1;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.word-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-color);letter-spacing:-.02em;line-height:1.2;display:flex;flex-wrap:wrap;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.05);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.dark .word-header h2{text-shadow:0 1px 2px var(--shadow-color)}.word-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.language{background-color:rgba(var(--primary-color-rgb),.12);color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:9999px;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px 2px #0000000d}.language{background-color:var(--input-bg-color);border:1px solid var(--primary-color)}.dark .language{background-color:var(--card-bg-color-elevated);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 1px 2px var(--shadow-color)}.word-baybayin{display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:var(--text-color-secondary);margin-left:.7rem;font-family:Arial,sans-serif;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.12);animation:subtle-pulse 3s ease-in-out infinite}.dark .word-baybayin{color:var(--text-color);text-shadow:0 1px 2px var(--shadow-color)}@keyframes subtle-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.preferred-spelling{background-color:rgba(var(--accent-color-rgb),.12);color:var(--accent-color);border:1px solid var(--accent-color);background-color:var(--input-bg-color);padding:.15rem .4rem;border-radius:.25rem;font-size:.75rem;font-weight:500;box-shadow:0 1px 2px #0000000a}.dark .preferred-spelling{background-color:rgba(var(--accent-color-rgb),.2);color:var(--accent-color);border:1px solid var(--accent-color);background-color:var(--card-bg-color-elevated);box-shadow:0 1px 2px var(--shadow-color)}.tag{background-color:var(--input-bg-color);color:var(--text-color-secondary);padding:.15rem .4rem;border-radius:.4rem;font-size:.75rem;font-weight:500;box-shadow:0 1px 2px #00000005}.dark .tag{background-color:var(--card-bg-color-elevated);color:var(--text-color);border:1px solid var(--input-border-color);box-shadow:0 1px 2px var(--shadow-color)}.pronunciation-section{display:flex;align-items:center}.pronunciation-content{display:flex;align-items:center;flex-wrap:wrap}.pronunciation-text{font-size:.95rem;font-style:italic;color:var(--text-color);background-color:var(--input-bg-color);padding:.25rem .6rem;border-radius:.3rem;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;box-shadow:0 1px 2px #00000005}.dark .pronunciation-text{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color);box-shadow:0 1px 2px var(--shadow-color)}.ipa{background-color:var(--input-bg-color);padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;font-family:monospace;color:var(--text-color-secondary);border:1px solid var(--card-border-color);box-shadow:0 1px 1px #00000005}.dark .ipa{background-color:var(--card-bg-color-elevated);color:var(--text-color);border-color:var(--input-border-color);box-shadow:0 1px 1px var(--shadow-color)}.play-audio{width:1.75rem;height:1.75rem;border-radius:50%;background-color:var(--accent-color);color:var(--button-text-color);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;padding:0;font-size:.8rem;box-shadow:0 2px 4px #00000026;flex-shrink:0}.play-audio:hover{transform:scale(1.1);filter:brightness(90%);box-shadow:0 3px 6px #0003}.play-audio.playing{background-color:var(--primary-color)}.dark .play-audio{box-shadow:0 2px 4px var(--shadow-color)}.dark .play-audio:hover{box-shadow:0 3px 6px var(--shadow-color);filter:brightness(110%)}.dark .play-audio.playing{background-color:var(--secondary-color)}.word-content{padding:.75rem;flex:1;overflow-y:auto;background-color:#fff}.definitions-section{margin-bottom:1.25rem}.section-title{display:flex;align-items:center;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--card-border-color)}.definitions-section-header h3,.section-title h3{margin:0;font-size:1.1rem;color:var(--text-color);font-weight:600}.definition-count{background-color:var(--input-bg-color);color:var(--text-color-secondary);padding:.1rem .35rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid var(--card-border-color)}.dark .definition-count{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color)}.pos-group{margin-bottom:1.25rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--card-border-color);box-shadow:0 2px 4px #00000008}.pos-group-header{background-color:var(--input-bg-color);padding:.5rem .75rem;font-weight:600;font-size:.9rem;color:var(--text-color);display:flex;align-items:center;border-bottom:1px solid var(--card-border-color)}.dark .pos-group-header{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color)}.pos-count{background-color:var(--card-bg-color);color:var(--text-color-secondary);padding:.05rem .25rem;border-radius:.2rem;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid var(--card-border-color)}.dark .pos-count{background-color:var(--input-bg-color);border-color:var(--input-border-color)}.definition-cards-container{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;background-color:#fbfbfb}.definition-card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:.5rem;padding:.75rem;box-shadow:0 2px 6px #0000000a;position:relative;cursor:pointer;transition:all .25s ease}.definition-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.definition-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--accent-color);opacity:.75;border-radius:4px 0 0 4px}.definition-number{position:absolute;top:.4rem;right:.4rem;background-color:var(--card-border-color);color:var(--text-color);font-weight:600;font-size:.8rem;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 1px 3px #0000001a}.definition-content{padding-right:1.5rem}.definition-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.dark .definition-text{color:var(--text-color-white)}.definition-sources{margin-top:.5rem;padding-top:.4rem;border-top:1px dotted var(--card-border-color);display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.source-tags{display:flex;flex-wrap:wrap;gap:.25rem}.language-tags{display:flex;flex-wrap:wrap;gap:.3rem}.sources-label,.components-label,.languages-label{font-size:.75rem;color:var(--text-color-secondary);margin-right:.2rem;font-weight:600}.source-tag{background-color:var(--input-bg-color);padding:.1rem .3rem;border-radius:.25rem;font-size:.7rem;color:var(--accent-color);border:1px solid var(--accent-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-tag:hover{filter:brightness(95%)}.dark .source-tag{background-color:var(--card-bg-color-elevated);color:var(--accent-color);border-color:var(--accent-color)}.dark .source-tag:hover{filter:brightness(110%)}.definition-details{display:none;margin-top:.75rem;border-top:1px dashed var(--card-border-color);padding-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(--text-color-secondary);cursor:pointer}.expand-icon{font-size:.65rem}.examples,.usage-notes{background-color:#457b9d0d;padding:.5rem .75rem;border-radius:.4rem;margin-bottom:.75rem;border-left:3px solid rgba(69,123,157,.5)}.examples h4,.usage-notes h4{margin:0 0 .3rem;font-size:.85rem;color:var(--text-color-secondary);font-weight:600}.examples ul,.usage-notes ul{margin:0;padding-left:0;list-style-type:none}.examples li,.usage-notes li{margin-bottom:.4rem;font-size:.8rem;line-height:1.5;color:var(--text-color);position:relative;padding-left:.75rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.dark .examples li,.dark .usage-notes li{color:var(--text-color)}.examples li:before,.usage-notes li:before{content:"•";position:absolute;left:0;color:var(--accent-color);font-weight:700}.dark .examples li:before,.dark .usage-notes li:before{color:var(--primary-color)}.examples li .translation{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-color-secondary);font-style:italic;padding-left:.5rem;border-left:2px solid rgba(0,0,0,.1)}.definition-example-text{font-style:italic;color:var(--text-color-secondary);font-size:.875rem;position:relative;padding-left:1.5em;line-height:1.6;margin:0;display:block;margin-bottom:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;background-color:var(--input-bg-color);border-radius:.5rem;border:1px dashed var(--card-border-color);margin:.75rem 0}.dark .empty-state{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color)}.empty-state p{color:var(--text-color-secondary);font-size:.95rem;margin-bottom:1rem}.etymology-section{padding:.5rem}.etymology-item{background-color:#fff;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;border:1px solid var(--card-border-color);box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.etymology-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.etymology-text{margin:0 0 .7rem;font-size:.95rem;line-height:1.5;color:var(--text-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.dark .etymology-text{color:var(--text-color-white)}.etymology-sources,.etymology-components-list,.etymology-languages{margin-top:.4rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;padding-top:.4rem;border-top:1px dashed var(--card-border-color)}.component-tags,.etymology-tags{display:flex;flex-wrap:wrap;gap:.3rem}.component-tag{cursor:pointer;background-color:var(--input-bg-color);color:var(--primary-color);padding:.15rem .4rem;border-radius:.3rem;font-size:.75rem;border:1px solid var(--primary-color);transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-shadow:0 1px 2px #00000008}.component-tag:hover{background-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.dark .component-tag{background-color:var(--card-bg-color-elevated);color:var(--primary-color);border-color:var(--primary-color)}.dark .component-tag:hover{background-color:var(--primary-color);color:var(--bg-color)}.language-tag{background-color:var(--input-bg-color);color:var(--text-color-secondary);padding:.15rem .4rem;border-radius:.3rem;font-size:.75rem;border:1px solid var(--card-border-color);box-shadow:0 1px 2px #00000008}.dark .language-tag{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color)}.relations-container{padding:.5rem}.root-word-section{background-color:rgba(var(--secondary-color-rgb),.06);border-radius:.5rem;padding:.7rem 1rem;margin-bottom:1rem;border:1px solid var(--secondary-color);box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.root-word-section:hover{box-shadow:0 4px 10px #00000017;transform:translateY(-2px)}.root-word-section h4{margin:0 0 .5rem;font-size:.95rem;color:var(--secondary-color);font-weight:600}.root-word-tag-container{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.relation-tag{background-color:var(--input-bg-color);padding:.3rem .6rem;border-radius:.4rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--link-color);overflow:hidden;text-overflow:ellipsis;max-width:100%;box-shadow:0 2px 4px #0000000a}.relation-tag:hover{background-color:var(--link-color);transform:translateY(-2px);box-shadow:0 3px 6px #0000001a;color:var(--button-text-color)}.dark .relation-tag{background-color:var(--card-bg-color-elevated);color:var(--link-color);border-color:var(--link-color)}.dark .relation-tag:hover{background-color:var(--link-color);color:var(--bg-color)}.root-tag{background-color:var(--secondary-color);color:var(--button-text-color);border-color:var(--secondary-color);font-weight:500;font-size:1rem;box-shadow:0 2px 4px rgba(var(--secondary-color-rgb),.1)}.root-tag:hover{filter:brightness(90%);transform:translateY(-1px)}.root-word-description{font-size:.8rem;color:var(--text-color-secondary);margin:.3rem 0 0;font-style:italic}.relation-groups{display:flex;flex-direction:column;gap:.75rem}.relation-group{border-radius:.5rem;border:1px solid var(--card-border-color);overflow:hidden;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.relation-group:hover{box-shadow:0 4px 10px #00000014}.relation-group-header{background-color:var(--input-bg-color);padding:.6rem .8rem;font-size:.95rem;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.relation-group-header:hover{background-color:var(--card-bg-color-elevated)}.relation-icon{margin-right:.5rem;font-size:1rem;color:var(--text-color-secondary)}.relation-group-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color);flex:1}.relation-count{background-color:var(--input-bg-color);padding:.1rem .4rem;border-radius:.3rem;font-size:.8rem;margin-right:.5rem;border:1px solid var(--card-border-color);font-weight:600;box-shadow:0 1px 2px #0000000a}.dark .relation-count{background-color:var(--card-bg-color-elevated);border-color:var(--input-border-color)}.expand-icon{font-size:.7rem;color:var(--text-color-secondary);transition:transform .2s ease}.relation-group-header.expanded .expand-icon{transform:rotate(180deg)}.relation-group-content{padding:.75rem 1rem;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color)}.relation-description{margin:0 0 .75rem;font-size:.8rem;color:var(--text-color-secondary);font-style:italic;line-height:1.4}.relation-tags{display:flex;flex-wrap:wrap;gap:.5rem}.relation-group.synonyms .relation-icon{color:var(--color-derivative)}.relation-group.antonyms .relation-icon{color:var(--color-root)}.relation-group.derived .relation-icon{color:var(--color-etymology)}.relation-group.variants .relation-icon{color:var(--color-associated)}.relation-group.related .relation-icon{color:var(--color-main)}.relation-group.kaugnay .relation-icon{color:var(--accent-color)}.relation-group.main .relation-icon{color:var(--primary-color)}.relation-group.derivative .relation-icon{color:var(--color-derivative)}.relation-group.etymology .relation-icon{color:var(--color-etymology)}.relation-group.associated .relation-icon{color:var(--color-associated)}.relation-group.component_of .relation-icon{color:var(--color-default)}.relation-group.cognate .relation-icon{color:var(--color-etymology)}.relation-group.root_of .relation-icon{color:var(--color-root)}.relation-group.other .relation-icon{color:var(--color-default)}.baybayin-section{padding:.75rem}.baybayin-display{background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border-radius:.5rem;padding:1.5rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;border:1px solid var(--card-border-color);box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.baybayin-display:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.baybayin-text{font-size:3rem;margin:0 0 .75rem;color:var(--text-color);text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:BadlitScript,Noto Sans Tagalog,sans-serif!important;background-color:#ffffff80;border:1px solid rgba(0,0,0,.05)}.dark .baybayin-text{background-color:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(255,255,255,.05)}.romanized-text{font-size:.95rem;color:var(--text-color-secondary);margin:0}.baybayin-info{background-color:#fff;border-radius:.5rem;padding:.75rem;border:1px solid var(--card-border-color);box-shadow:0 2px 4px #00000008}.baybayin-info h4{margin:0 0 .5rem;font-size:.95rem;color:var(--text-color)}.baybayin-info p{margin:0 0 .75rem;font-size:.85rem;line-height:1.5;color:var(--text-color-secondary)}.baybayin-character-guide{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--card-border-color)}.character-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.5rem}.baybayin-character{display:flex;align-items:center;justify-content:center}.baybayin-character .character{font-size:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg-color);border-radius:.25rem;transition:all .2s ease;border:1px solid var(--card-border-color);cursor:pointer}.baybayin-character .character:hover{background-color:var(--accent-color);transform:translateY(-1px) scale(1.1);box-shadow:0 2px 4px #0000000d}.baybayin-character .label{font-size:.75rem;color:var(--text-color-secondary);margin-top:.2rem}.fetch-network-button{background-color:var(--accent-color);color:var(--button-text-color);border:none;border-radius:.3rem;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.fetch-network-button:hover{filter:brightness(90%);transform:translateY(-1px)}.dark .fetch-network-button:hover{filter:brightness(110%)}.root-word-badge{background-color:var(--secondary-color);color:var(--button-text-color);padding:.15rem .4rem;border-radius:.3rem;font-size:.75rem;font-weight:500;border:1px solid var(--secondary-color);box-shadow:0 1px 2px #0000000a}.idioms-section{padding:.75rem}.idioms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.idiom-card{background-color:var(--card-bg-color);padding:.75rem;border-radius:.5rem;border:1px solid var(--card-border-color);box-shadow:0 2px 4px #00000008;transition:all .2s ease;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.idiom-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000012}.idiom-phrase{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--primary-color)}.idiom-meaning{margin:0 0 .5rem;font-size:.85rem;color:var(--text-color);line-height:1.5}.idiom-example{margin:0 0 .5rem;font-size:.8rem;font-style:italic;color:var(--text-color-secondary);background-color:var(--input-bg-color);padding:.5rem .75rem;border-radius:.3rem;border-left:3px solid var(--card-border-color)}.dark .idiom-example{background-color:var(--card-bg-color-elevated);border-left-color:var(--input-border-color)}.idiom-source{font-size:.75rem;color:var(--text-color-secondary);font-style:italic}.dark .MuiPaper-root{background-color:var(--card-bg-color);color:var(--text-color)}.dark .MuiTypography-root{color:var(--text-color)}.dark .MuiTypography-secondary{color:var(--text-color-secondary)}.dark .MuiTabs-root{background-color:var(--card-bg-color)}.dark .MuiTab-root{color:var(--text-color)}.dark .MuiTab-root.Mui-selected{color:var(--primary-color)}.dark .MuiTabs-indicator{background-color:var(--primary-color)}.dark .MuiListItem-root{background-color:var(--definition-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:4px;margin-bottom:12px}.dark .MuiListItemText-primary{color:var(--text-color)!important}.dark .MuiListItemText-secondary{color:var(--text-color-secondary)!important}.dark .definition-example{color:var(--text-color-secondary);border-left:2px solid rgba(255,255,255,.1)}.dark .MuiAccordion-root{background-color:transparent}.dark .MuiAccordionSummary-root{background-color:#ffffff0d}.dark .MuiAccordionDetails-root{background-color:#ffffff05}.dark .MuiDivider-root{background-color:#ffffff1a}@media(max-width:768px){.word-header{padding:1rem}.word-header h2{font-size:1.5rem}.word-content{padding:1rem}.definition-card{padding:.75rem 1rem}.relation-group{padding:.75rem}.section-title{font-size:1.1rem}}@media(max-width:480px){.word-details-container{min-width:unset;border-left:none;box-shadow:none}.word-header{padding:.75rem}.word-header h2{font-size:1.3rem}.word-content{padding:.75rem}.pronunciation-text{font-size:.9rem}.tab-item{padding:.6rem .8rem;font-size:.8rem}.section-title{font-size:1rem}.definition-card{padding:.75rem}.definition-text{font-size:.95rem}.examples li,.usage-notes li{font-size:.85rem}.relation-group{padding:.5rem}.relation-tag{padding:.1rem .4rem;font-size:.75rem}}:root{--bg-color: #f8f9fa;--text-color: #1d3557;--primary-color: #3d5a80;--secondary-color: #ee6c4d;--accent-color: #e09f3e;--gold: #FFD700;--card-bg-color: #fff;--card-border-color: rgba(0, 0, 0, .05);--input-bg-color: #ffffff;--input-border-color: #d1d5db;--button-color: #1d3557;--button-text-color: white;--graph-bg-color: #f1f5f9;--color-main: #1d3557;--color-derivative: #457b9d;--color-etymology: #2a9d8f;--color-root: #e63946;--color-associated: #fca311;--color-default: #6c757d;--node-text-color: #1d3557;--link-color: #1d3557;--selected-node-border-color: #e6e8eb;--card-bg-color-rgb: 255, 255, 255;--footer-height: 2.5rem;--focus-ring-color: rgba(29, 53, 87, .3)}.dark{--bg-color: #0a0d16;--header-color: #131826;--footer-color: #131826;--text-color: #e0e0e0;--text-color-secondary: #a0a0a0;--text-color-white: #f0f0f0;--primary-color: #ffd166;--secondary-color: #e63946;--accent-color: #e09f3e;--gold: #ffc940;--red: #e63946;--green: #4ce0b3;--blue: #3BACB6;--purple: #9d4edd;--pink: #ff8fa3;--teal: #3BACB6;--source-color: #4a6fa5;--card-bg-color: #161726;--card-bg-color-elevated: #1a202e;--card-border-color: rgba(255, 255, 255, .05);--input-bg-color: #1a202e;--definition-bg-color: #1a202e;--input-border-color: #2e3a4e;--button-color: #3e4e66;--button-text-color: #0a0d16;--graph-bg-color: #161c2c;--link-color: #7ea3cc;--color-main: #5d9cec;--color-derivative: #64b5f6;--color-etymology: #4dd0e1;--color-root: #ff7088;--color-associated: #ffc107;--color-default: #90a4ae;--node-text-color: #f0f0f0;--selected-node-border-color: var(--text-color);--card-bg-color-rgb: 19, 24, 38;--shadow-color: rgba(0, 0, 0, .25);--focus-ring-color: rgba(255, 209, 102, .3)}body,html{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);height:100%;overflow:hidden}.word-explorer{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:100%;position:fixed;top:0;left:0;overflow:hidden}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;flex-wrap:wrap;gap:.5rem}.dark .header-content{background-color:var(--header-color);color:#fff;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 2px 8px #0003}.word-explorer .header-content h1{color:#fff!important;font-size:1.25rem;font-weight:600;margin:0}main{display:flex;flex:1;min-height:0;overflow:hidden;position:relative;width:100%;box-sizing:border-box;background-color:var(--bg-color)}.graph-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:var(--graph-bg-color)}.graph-content{flex:1;width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.details-container{width:100%!important;height:100%!important;overflow-y:auto!important;background-color:var(--card-bg-color);color:var(--text-color);position:relative;max-width:100%;box-sizing:border-box}.details-container>*{width:100%!important;max-width:100%!important;box-sizing:border-box}.no-word-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary-color);padding:2rem;background-color:var(--card-bg-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.no-word-selected p{margin-bottom:1rem;font-size:1.1rem}.word-details h2{color:var(--secondary-color);padding-bottom:.25rem}.definition-card{background-color:var(--definition-bg-color);border:1px solid var(--card-border-color);border-radius:4px;padding:.75rem;margin-bottom:1rem}.definition-card h3{color:var(--secondary-color);margin-top:0;margin-bottom:.5rem}.definition-card ol{padding-left:1.25rem;margin-bottom:.5rem}.definition-card ol>li{margin-bottom:.5rem;line-height:1.4}.definition-card .source{font-size:.8rem;color:var(--accent-color);font-style:italic;display:block;margin-top:.25rem}.dark .definition-card .source{color:var(--link-color)}.word-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.word-list li{background-color:var(--input-bg-color);padding:.25rem .75rem;border-radius:15px;font-size:.9rem;border:1px solid var(--accent-color)}.dark .word-list li{border:1px solid var(--color-root)}.search-container{display:flex;align-items:stretch;gap:.5rem;padding:.5rem;background-color:var(--card-bg-color);border-bottom:1px solid var(--card-border-color);flex-wrap:wrap}.search-input-container{position:relative;flex-grow:1;display:flex}.search-input{width:100%;padding:12px 16px;font-size:16px;background-color:var(--input-bg-color, #ffffff);color:var(--text-color, #333333);border:1px solid var(--input-border-color, #ddd);border-radius:24px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px var(--focus-ring-color, rgba(74, 144, 226, .3))}.search-button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:24px;cursor:pointer;transition:background-color .3s,transform .1s;height:100%;align-self:stretch}.search-button:hover{background-color:var(--primary-color)}.search-button:active{transform:scale(.95)}.random-button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:24px;cursor:pointer;transition:background-color .3s,transform .1s;height:100%;align-self:stretch}.random-button:hover{background-color:var(--primary-color)}.random-button:active{transform:scale(.95)}.search-loading{position:absolute;top:50%;right:40px;transform:translateY(-50%)}@media(max-width:899.95px){.search-container-desktop{display:none}.word-explorer .MuiToolbar-root{padding-left:8px;min-height:56px}.search-input-mobile .MuiOutlinedInput-input{padding:8px 14px;font-size:.9rem}.explorer-panel-main .explorer-content,.details-panel-container .details-content{padding:8px;box-sizing:border-box}.placeholder,.details-placeholder{padding:16px;text-align:center;color:var(--text-color-secondary);background-color:var(--bg-color);height:100%;display:flex;align-items:center;justify-content:center}}@media(max-width:768px){main{flex-direction:column}}@media(min-width:900px){.graph-container>.controls-container{position:absolute;bottom:var(--footer-height);left:0;width:100%;z-index:10001;align-items:center;display:flex;padding:.5rem 1rem;background-color:rgba(var(--card-bg-color-rgb),.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 -1px 4px #00000014;border-top:1px solid var(--card-border-color);box-sizing:border-box;pointer-events:auto}.graph-container>.controls-container .network-controls{display:flex;position:relative;z-index:1;width:auto;background-color:transparent;padding:0;box-shadow:none;border-top:none;flex-grow:1;margin-left:1rem;max-width:none;pointer-events:auto}.graph-container>.controls-container .network-controls .MuiSlider-root{position:relative;z-index:2;pointer-events:auto!important}.graph-container>.controls-container .zoom-controls{display:flex;flex-shrink:0;margin-right:0;pointer-events:auto}.graph-container>.controls-container .zoom-controls button{pointer-events:auto}.dark .graph-container>.controls-container{background-color:rgba(var(--card-bg-color-rgb),.9);border-top:1px solid var(--card-border-color)}.dark .graph-container>.controls-container .network-controls{background-color:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important}.explorer-panel-group{border-top:1px solid var(--card-border-color)}.explorer-panel-main .explorer-content,.details-panel-container .details-content{height:100%;overflow-y:auto;box-sizing:border-box}.resize-handle{background-color:var(--card-border-color);width:6px;cursor:col-resize;transition:background-color .2s ease}.resize-handle:hover{background-color:var(--primary-color)}.details-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:var(--text-color-secondary);font-size:1rem}}@media(max-width:480px){.word-explorer .MuiToolbar-root .MuiTypography-h6{display:none}.search-input-mobile .MuiOutlinedInput-input{font-size:.85rem}.search-button-mobile,.random-button-mobile{padding:4px 6px!important;min-width:auto!important;height:34px;font-size:1rem}.header-content{padding:.5rem;gap:.25rem}h1{font-size:1.1rem}.theme-toggle,.history-button{padding:.25rem;font-size:.8rem}.word-details h2{font-size:1.2rem}.definition-card h3{font-size:.9rem}.word-list li{font-size:.7rem;padding:.1rem .3rem}.footer{font-size:.7rem;padding:.4rem}.search-container{gap:.25rem}main{padding:0}.graph-container{min-height:250px}main [data-panel-resizer].resize-handle.horizontal{height:3px!important}:root{--footer-height: 2rem}.footer{font-size:.7rem;padding:0 .4rem}}.loading-indicator{display:inline-block;width:1rem;height:1rem;border:2px solid var(--button-text-color);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:.5rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary-color);padding:2rem;background-color:var(--card-bg-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);font-size:1.1rem}.loading-spinner:before{content:"";width:40px;height:40px;margin-bottom:1rem;border:4px solid var(--card-border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-content-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.08)}.tab-button{padding:.5rem 1rem;background-color:transparent;color:var(--text-color);border:1px solid rgba(0,0,0,.08);border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-button:hover{background-color:#f1f5f9;transform:translateY(-1px)}.tab-button.active{background-color:var(--accent-color, #fca311);color:#fff;border-color:var(--accent-color, #fca311)}.tab-icon{font-size:1.1em}.word-content{padding:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background-color:#00000003;border-radius:.5rem;border:1px dashed rgba(0,0,0,.1);margin:1rem 0}.empty-state p{margin-bottom:1rem;color:var(--text-secondary, #6c757d)}.fetch-network-button{padding:.5rem 1rem;background-color:var(--accent-color, #fca311);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500;transition:all .2s ease}.fetch-network-button:hover{background-color:var(--accent-color-dark, #e76f51);transform:translateY(-1px)}.MuiTabPanel-root{padding:0!important;height:calc(100vh - 160px);overflow:hidden}.footer{position:fixed;bottom:0;left:0;width:100%;height:var(--footer-height);z-index:10000;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;background-color:var(--footer-color, var(--primary-color));color:var(--button-text-color);padding:0 1rem;text-align:center;border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000001a;box-sizing:border-box}.dark .footer{background-color:var(--footer-color);color:var(--text-color-secondary);border-top:1px solid rgba(255,255,255,.05)}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;margin-left:.5rem;transition:transform .3s,opacity .2s,background-color .2s;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:inherit}.theme-toggle:hover{transform:scale(1.1);opacity:.9;background-color:#ffffff1a}.dark .theme-toggle{color:var(--primary-color);filter:drop-shadow(0 0 3px rgba(255,209,102,.3))}.dark .theme-toggle:hover{color:var(--gold);background-color:#ffd1661a}@media(max-width:480px){.theme-toggle,.history-button{padding:.25rem;font-size:1.2rem;width:32px;height:32px}}.resize-handle{background-color:var(--card-border-color);transition:background-color .2s ease;position:relative}.resize-handle:hover{background-color:var(--primary-color)}.dark .resize-handle{background-color:var(--input-border-color)}.dark .resize-handle:hover{background-color:var(--primary-color)}.resize-handle.horizontal{height:6px;cursor:col-resize;border-top:1px solid var(--bg-color);border-bottom:1px solid var(--bg-color);margin:0 -1px}.dark .resize-handle.horizontal{border-color:var(--card-bg-color)}.resize-handle.vertical{width:100%;height:6px;cursor:row-resize;border-left:1px solid var(--bg-color);border-right:1px solid var(--bg-color);background-clip:padding-box}.dark .resize-handle.vertical{border-color:var(--card-bg-color)}.search-suggestions{list-style:none;padding:0;margin:4px 0 0;max-height:300px;overflow-y:auto;background-color:var(--card-bg-color, #ffffff);color:var(--text-color, #333333);border:1px solid var(--card-border-color, #ddd);border-top:none;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1300}.search-suggestions li{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--card-border-color)}.search-suggestions li:last-child{border-bottom:none}.search-suggestions li:hover{background-color:var(--accent-color);color:var(--button-text-color)}.dark .search-suggestions{background-color:var(--card-bg-color, #1e1e1e);color:var(--text-color, #e0e0e0);border-color:var(--card-border-color, #444);box-shadow:0 4px 12px #0000004d}.dark .search-suggestions li{border-bottom-color:var(--input-border-color)}.dark .search-suggestions li:hover{background-color:var(--primary-color);color:var(--bg-color)}main [data-panel-group]{height:100%}.graph-wrapper{margin-bottom:var(--footer-height)}.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}}