:root{color-scheme:dark;font-family:IBM Plex Sans,Hiragino Sans,Yu Gothic,sans-serif;background:#23252a;color:#f3f3f1;--bg: #23252a;--panel: rgba(42, 44, 49, .96);--panel-alt: rgba(34, 36, 41, .98);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f3f3f1;--muted: #a8adb6;--muted-strong: #c7cbd1;--accent: #79d9ca;--accent-soft: rgba(121, 217, 202, .12);--shadow: 0 16px 36px rgba(0, 0, 0, .24);--ui-text-size: .88rem;--control-height: 40px}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;overflow-x:clip}body{background-color:var(--bg);background-image:radial-gradient(circle at top right,rgba(121,217,202,.08),transparent 24%);background-repeat:no-repeat;background-attachment:fixed}body,button,input{color:var(--text);font:inherit}button,input{border:0}button{cursor:pointer}.app-shell{max-width:1180px;margin:0 auto;padding:14px 14px 28px}.panel,.entry-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.topbar{display:grid;gap:10px;padding:12px;margin-bottom:12px}.topbar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.topbar-brand{display:grid;gap:2px;min-width:0}.eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-note,.search-label,.search-hint,.muted,.results-note{margin:0;color:var(--muted)}.topbar-note{font-size:.9rem}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;flex-shrink:0}.search-card{display:grid;gap:6px;flex:1}.compact-search{display:flex;align-items:center;gap:8px;width:min(100%,294px);flex-shrink:0}.search-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.search-input{width:100%;height:var(--control-height);padding:0 13px;border-radius:12px;background:#1b1d21fa;border:1px solid var(--border);font-size:var(--ui-text-size);line-height:1.25;transition:border-color .14s ease,box-shadow .14s ease}.search-input:focus{outline:none;border-color:#79d9ca75;box-shadow:0 0 0 3px #79d9ca14}.search-input::placeholder{color:var(--muted);opacity:1}.search-clear{justify-content:center;width:var(--control-height);min-width:var(--control-height);height:var(--control-height);padding:0;border-radius:12px;font-size:1rem;line-height:1}.search-clear:disabled{cursor:default;opacity:.45;transform:none}.variant-strip,.path-flow{display:flex;flex-wrap:wrap;gap:8px}.ghost-button,.node-chip{transition:border-color .14s ease,background .14s ease,transform .14s ease}.ghost-button{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#1e2025fa;border:1px solid var(--border);color:var(--muted-strong);font-size:var(--ui-text-size)}.ghost-button:hover{transform:translateY(-1px)}.node-chip-active{border-color:#79d9ca73;background:var(--accent-soft);color:var(--text)}.example-picker{flex:0 0 auto}.example-select-wrap{position:relative;display:inline-flex;flex-direction:column;width:fit-content;max-width:100%}.example-select-wrap:after{content:"";position:absolute;top:50%;right:16px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;transform:translateY(-60%) rotate(45deg)}.example-trigger{display:inline-flex;align-items:center;width:9.25rem;height:var(--control-height);padding:0 40px 0 13px;border-radius:12px;background:#1b1d21fa;border:1px solid var(--border);color:var(--muted-strong);font-size:var(--ui-text-size);line-height:1.25;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.example-trigger:hover{background:#1f2126fa}.example-trigger:focus{outline:none;border-color:#79d9ca75;box-shadow:0 0 0 3px #79d9ca14}.example-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:12;display:grid;gap:4px;min-width:max(100%,240px);max-width:min(360px,calc(100vw - 28px));max-height:min(52vh,420px);padding:6px;overflow-y:auto;border-radius:14px;background:#14161bfa;border:1px solid rgba(121,217,202,.2);box-shadow:0 18px 34px #00000052}.example-option{display:block;width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--muted-strong);font-size:.95rem;line-height:1.35;text-align:left}.example-option:hover,.example-option:focus{outline:none;background:#79d9ca14;border-color:#79d9ca29;color:var(--text)}@media (max-width: 720px){.app-shell{padding:10px 10px 24px}.topbar-row{flex-direction:column;align-items:stretch}.topbar-controls{display:grid;justify-content:stretch;width:100%}.example-picker,.example-select-wrap,.example-trigger,.example-menu,.compact-search{width:100%;max-width:none}.example-menu{left:0;right:0;min-width:0;max-height:min(50vh,360px)}.example-option,.example-trigger{font-size:1rem}.search-card{min-width:0}}.workspace{display:grid;gap:12px}.results-panel{display:grid;gap:10px;padding:12px}.results-note{font-size:.85rem;line-height:1.4}.analysis-list,.path-stack{display:grid;gap:10px}.entry-card{display:grid;gap:10px;padding:12px;background:linear-gradient(180deg,#2d2f34fa,#26282dfa),radial-gradient(circle at top right,rgba(121,217,202,.06),transparent 36%)}.entry-card-active{border-color:#79d9ca42}.entry-header,.entry-title{display:grid;gap:4px}.entry-headword{margin:0;font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.08;letter-spacing:-.03em}.headword-ruby rt{color:var(--muted);font-size:.42em;font-weight:700;letter-spacing:0;transform:translateY(-.08em)}.variant-strip{gap:10px}.variant-text{color:var(--muted);font-size:.92rem;font-weight:600}.entry-grammar{margin:0;color:var(--accent);font-size:.92rem}.path-row{position:relative;padding:8px 10px;border-radius:12px;background:#1b1d22f0;border:1px solid rgba(255,255,255,.06)}.path-row-common{border-color:#ffd7732e}.path-common-badge-wrap{position:absolute;top:-10px;right:10px;display:inline-flex;align-items:center;justify-content:center}.path-common-badge{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#d2a33a);color:#3a2904;font-size:.82rem;font-weight:800;cursor:help;box-shadow:0 10px 18px #00000042,0 0 0 2px #2a2c31f5}.path-common-badge:focus-visible{outline:none;box-shadow:0 10px 18px #00000042,0 0 0 2px #2a2c31f5,0 0 0 4px #79d9ca1f}.path-row-active{border-color:#79d9ca40;background:#1e2126fa}.path-flow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;row-gap:10px}.path-step{display:grid;justify-items:center;align-items:center;align-content:start}.tooltip-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-anchor[data-open=true] .node-tooltip,.path-common-badge-wrap[data-open=true] .node-tooltip{opacity:1;transform:translate(var(--tooltip-x))}.node-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:9px;background:#31343cf5;border:1px solid rgba(255,255,255,.11);color:var(--text);font-size:.98rem;font-weight:600;cursor:help}.node-chip:focus-visible{outline:none;border-color:#79d9ca73;box-shadow:0 0 0 3px #79d9ca14}.surface-change{color:var(--accent)}.edge-label{display:block;margin-top:.34rem;color:var(--muted);font-size:.78rem;line-height:1.15;max-width:120px;width:max-content;text-align:center}.node-tooltip{--tooltip-x: -50%;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:4;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:10px 12px;border-radius:12px;background:#101216fa;border:1px solid rgba(121,217,202,.24);box-shadow:0 18px 34px #00000052;color:var(--text);font-size:.8rem;line-height:1.45;text-align:left;overflow-wrap:anywhere;opacity:0;pointer-events:none;transform:translate(var(--tooltip-x),6px);transition:opacity .14s ease,transform .14s ease}.node-tooltip:after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;background:#101216fa;border-right:1px solid rgba(121,217,202,.24);border-bottom:1px solid rgba(121,217,202,.24);transform:translate(-50%,-6px) rotate(45deg)}.node-tooltip[data-align=left]{--tooltip-x: 0%;left:0}.node-tooltip[data-align=left]:after{left:12px;transform:translateY(-6px) rotate(45deg)}.node-tooltip[data-align=right]{--tooltip-x: 0%;left:auto;right:0}.node-tooltip[data-align=right]:after{left:auto;right:12px;transform:translateY(-6px) rotate(45deg)}.node-tooltip-title{display:block;color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.01em}.node-tooltip-body{display:block;margin-top:4px;color:var(--muted-strong)}@media (hover: hover) and (pointer: fine){.tooltip-anchor:hover .node-tooltip,.tooltip-anchor .node-chip:focus-visible+.node-tooltip,.path-common-badge-wrap:hover .node-tooltip,.path-common-badge-wrap .path-common-badge:focus-visible+.node-tooltip{opacity:1;transform:translate(var(--tooltip-x))}}.edge-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--muted-strong);font-size:1rem;line-height:1;margin-top:.45rem}.sense-list{display:grid;gap:4px;margin:0;padding-left:18px;color:var(--muted-strong);font-size:14px;line-height:1.35}.empty-graph{min-height:220px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted);border-radius:14px;background:#1b1d22f5;border:1px dashed var(--border-strong)}@media (max-width: 860px){.topbar-row,.topbar-controls{align-items:flex-start;width:100%}.topbar-controls{flex-wrap:wrap;justify-content:flex-start}.compact-search{width:100%}.example-picker{max-width:100%}}@media (max-width: 640px){.app-shell{padding:10px 10px 22px}.panel,.entry-card{border-radius:14px}.results-panel,.topbar,.entry-card{padding:10px}.entry-headword{font-size:1.75rem}.edge-label{max-width:74px}}