.searchbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:36px;width:100%;max-width:480px;margin:0 auto;transition:border-color var(--transition-fast)}.searchbar:focus-within{border-color:var(--aurora-cyan);box-shadow:0 0 0 3px var(--aurora-cyan-soft)}.searchbar__icon{color:var(--text-muted);font-size:var(--text-lg)}.searchbar__input{flex:1;border:none;background:transparent;padding:0;height:100%;font-size:var(--text-md)}.searchbar__input:focus{outline:none;border:none}.searchbar__clear{border:none;background:transparent;color:var(--text-muted);font-size:var(--text-lg);line-height:1;padding:0 var(--space-1);cursor:pointer;border-radius:var(--radius-sm)}.searchbar__clear:hover{color:var(--text-primary);background:var(--bg-3)}.notelist{display:flex;flex-direction:column;height:100%}.notelist__header{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.notelist__header em{font-style:normal;color:var(--aurora-cyan)}.notelist__items{list-style:none;margin:0;padding:var(--space-1) 0;overflow-y:auto;flex:1}.notelist__item{position:relative;padding:var(--space-2) var(--space-4);cursor:pointer;border-left:2px solid transparent;transition:background var(--transition-fast)}.notelist__item:hover{background:var(--bg-2)}.notelist__item--active{background:var(--aurora-cyan-soft);border-left-color:var(--aurora-cyan)}.notelist__title{font-size:var(--text-md);color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notelist__path{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.notelist__score{position:absolute;top:var(--space-2);right:var(--space-3);font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--aurora-purple-soft) calc(var(--score, .5) * 100%),transparent calc(var(--score, .5) * 100%));color:var(--text-secondary);border:1px solid var(--border-subtle)}.editor{display:flex;flex-direction:column;height:100%}.editor__empty{flex:1;display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-md);padding:var(--space-12);text-align:center}.editor__header{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-1)}.editor__title{font-size:var(--text-xl);font-weight:600;background:transparent;border:1px solid transparent;padding:var(--space-1) var(--space-2)}.editor__title:focus{border-color:var(--border-default)}.editor__tags{width:220px;font-size:var(--text-sm);font-family:var(--font-mono)}.editor__save{background:var(--aurora-gradient);color:var(--bg-0);border:none;font-weight:600;padding:var(--space-2) var(--space-4);white-space:nowrap}.editor__save:hover{filter:brightness(1.1)}.editor__save:disabled{background:var(--bg-3);color:var(--text-disabled);cursor:not-allowed}.editor__status{padding:var(--space-1) var(--space-4);background:#5dffb114;color:var(--success);font-size:var(--text-xs);border-bottom:1px solid rgba(93,255,177,.18);animation:fade 1.5s ease forwards}@keyframes fade{0%{opacity:1}90%{opacity:1}to{opacity:0;height:0;padding:0;border:none}}.editor__cm{flex:1;min-height:0;overflow:hidden}.editor__cm>.cm-editor{height:100%}.editor__links{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-1);font-size:var(--text-xs);max-height:120px;overflow-y:auto}.editor__links-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.editor__links ul{list-style:none;padding:0;margin:var(--space-1) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.editor__links code{font-family:var(--font-mono);background:var(--bg-2);padding:2px 6px;border-radius:var(--radius-sm);color:var(--aurora-cyan);font-size:11px}.graph{position:relative;width:100%;height:100%;overflow:hidden}.graph__canvas{width:100%;height:100%}.graph__canvas>canvas{display:block}.graph__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-3) var(--space-5);background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);pointer-events:none}.graph__overlay--error{border-color:var(--error);color:var(--error)}.graph__tooltip{position:fixed;pointer-events:none;padding:var(--space-1) var(--space-3);background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);box-shadow:var(--shadow-md);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:100}.graph__legend{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:#0a0e1a99;border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);backdrop-filter:blur(4px)}.stats{padding:var(--space-8);max-width:720px;margin:0 auto}.stats__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:600;background:var(--aurora-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stats__path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stats__tile{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:border-color var(--transition-default)}.stats__tile:hover{border-color:var(--aurora-cyan);box-shadow:var(--glow-cyan)}.stats__value{font-size:var(--text-3xl);font-weight:700;background:var(--aurora-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stats__label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-2)}.stats__note{font-size:var(--text-sm);color:var(--text-muted)}.stats__empty{text-align:center;padding:var(--space-10);color:var(--text-muted)}.app{display:grid;grid-template-rows:56px 1fr 28px;height:100vh;background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}.app__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-1);-webkit-app-region:drag}.app__header>*{-webkit-app-region:no-drag}.app__brand{display:flex;align-items:baseline;gap:var(--space-3)}.app__brand-kanji{font-size:var(--text-2xl);font-weight:700;letter-spacing:.02em}.app__brand-name{font-size:var(--text-md);letter-spacing:.16em;color:var(--text-secondary)}.app__view-tabs{display:flex;gap:var(--space-1);background:var(--bg-2);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.tab{padding:var(--space-1) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-3)}.tab--active{color:var(--bg-0);background:var(--aurora-gradient);font-weight:600}.tab--active:hover{background:var(--aurora-gradient)}.app__body{display:grid;grid-template-columns:320px 1fr;overflow:hidden}.app__sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-1);overflow-y:auto;overflow-x:hidden}.app__main{position:relative;overflow:hidden;background:var(--bg-0)}.app__footer{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-1);font-size:var(--text-xs);color:var(--text-secondary)}.app__footer-stat--muted{color:var(--text-muted);margin-left:auto;font-family:var(--font-mono);font-size:11px}.loading{padding:var(--space-6);color:var(--text-muted);text-align:center}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--text-primary);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast)}button:hover{border-color:var(--aurora-cyan);background:var(--aurora-cyan-soft)}button:focus-visible{outline:2px solid var(--aurora-cyan);outline-offset:2px}input,textarea{font:inherit;color:var(--text-primary);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus{border-color:var(--aurora-cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}a{color:var(--aurora-cyan);text-decoration:none}a:hover{text-decoration:underline}.aurora-text{background:var(--aurora-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.glow-cyan{box-shadow:var(--glow-cyan)}:root{--bg-0: #05080f;--bg-1: #0a0e1a;--bg-2: #131826;--bg-3: #1d2436;--border-subtle: rgba(120, 140, 200, .08);--border-default: rgba(120, 140, 200, .18);--border-strong: rgba(120, 140, 200, .32);--aurora-cyan: #00e6ff;--aurora-cyan-soft: rgba(0, 230, 255, .18);--aurora-purple: #b15dff;--aurora-purple-soft: rgba(177, 93, 255, .18);--aurora-pink: #ff5dc6;--aurora-pink-soft: rgba(255, 93, 198, .18);--aurora-yellow: #ffe07a;--text-primary: #e8eef8;--text-secondary: #a8b3c7;--text-muted: #6a7385;--text-disabled: #3d4654;--success: #5dffb1;--warning: #ffd95d;--error: #ff5d6c;--info: var(--aurora-cyan);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Yu Gothic UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", "Courier New", monospace;--font-display: var(--font-sans);--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 19px;--text-2xl: 24px;--text-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--glow-cyan: 0 0 24px rgba(0, 230, 255, .3);--glow-purple: 0 0 24px rgba(177, 93, 255, .3);--aurora-gradient: linear-gradient( 135deg, var(--aurora-cyan) 0%, var(--aurora-purple) 50%, var(--aurora-pink) 100% );--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-default: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 1ms;--transition-default: 1ms;--transition-slow: 1ms}}