:root{--bg-color: #0d0d0d;--text-color: #e0e0e0;--accent-color: #00e5ff;--accent-dim: rgba(0, 229, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--error-bg: rgba(255, 50, 50, .9);--success-color: #00ff9d;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh;width:100vw}#app{width:100%;height:100%;position:relative}.view-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.view-container.hidden{opacity:0;pointer-events:none;transform:scale(.95);z-index:0}.view-container.active{opacity:1;pointer-events:all;transform:scale(1);z-index:1}.glass-btn{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-color);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.2rem;cursor:pointer;font-family:var(--font-main);font-weight:500;transition:all .2s ease}.glass-btn:hover{background:#ffffff1a;border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-dim)}.glass-input{background:transparent;border:none;color:var(--text-color);font-family:var(--font-main);outline:none}#graph-view canvas{width:100%;height:100%;background:radial-gradient(circle at center,#1a1a1a,#000)}.controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;transition:opacity .3s ease,transform .3s ease}.controls.hidden-ui{opacity:0;transform:translate(20px);pointer-events:none}#page-view{background:var(--bg-color);display:flex;flex-direction:column;padding:40px}.page-content{max-width:800px;width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.title-input{font-size:2.5rem;font-weight:700;border-bottom:2px solid var(--glass-border);padding-bottom:10px;width:100%}.title-input:focus{border-color:var(--accent-color)}.editor-input{flex-grow:1;font-size:1.1rem;line-height:1.6;resize:none;padding:20px;border-radius:8px;background:var(--glass-bg)}.back-btn{position:absolute;top:20px;left:20px}#error-console{position:fixed;bottom:20px;right:20px;width:400px;display:flex;flex-direction:column-reverse;gap:10px;z-index:1000;pointer-events:none}.error-msg{background:#000c;border-left:4px solid #ff3333;color:#fff;padding:12px 16px;font-family:var(--font-mono);font-size:.9rem;border-radius:4px;box-shadow:0 4px 6px #0000004d;animation:slideUp .3s ease-out forwards;pointer-events:all}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}a.node-link{color:var(--accent-color);text-decoration:none;border-bottom:1px dashed var(--accent-color);transition:all .2s}a.node-link:hover{background:var(--accent-dim);border-bottom-style:solid}#page-editor{white-space:pre-wrap;min-height:200px;outline:none;line-height:1.6}.link-chip{display:inline-block;padding:2px 6px;border-radius:4px;background:#00e5ff33;border-bottom:1px solid #00e5ff;color:#00e5ff;cursor:pointer;margin:0 2px;-webkit-user-select:none;user-select:none}.link-chip:hover{background:#00e5ff66}.pending-links{position:fixed;bottom:0;left:0;right:0;padding:15px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #333;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;z-index:100}.pending-link-item{color:gold;cursor:pointer;border-bottom:1px dashed #ffd700}.pending-link-item:hover{color:#fff}#shortcuts-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;border:1px solid var(--accent-color);border-radius:12px;padding:30px;color:#fff;z-index:2000;max-width:400px;width:90%;box-shadow:0 0 30px #00e5ff33;font-size:1.1rem;line-height:1.8}#shortcuts-menu.hidden{display:none}#shortcuts-menu h2{color:var(--accent-color);margin-bottom:20px;text-align:center;border-bottom:1px solid var(--glass-border);padding-bottom:10px}.shortcut-item{display:flex;justify-content:space-between;margin-bottom:10px}.key{background:#333;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);color:#00e5ff}