.note-list{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.search-container{padding:16px;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:12px 16px;font-size:14px;background:var(--bg-primary)}.tree-controls{display:flex;align-items:center;padding:8px 16px;gap:8px;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.view-mode-btn,.expand-btn{padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.view-mode-btn:hover,.expand-btn:hover{background:var(--bg-primary);border-color:var(--accent-nebula)}.view-mode-btn.active{background:var(--accent-nebula);border-color:var(--accent-nebula)}.tree-controls-spacer{flex:1}.search-results-header{padding:8px 16px;font-size:12px;color:var(--text-secondary);background:var(--bg-card);border-radius:8px;margin-bottom:8px}.notes-container{flex:1;overflow-y:auto;padding:8px}.tree-item-wrapper{margin-bottom:2px}.tree-item{display:flex;align-items:flex-start;gap:8px}.tree-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .2s ease;margin-top:12px}.tree-toggle.has-children:hover{color:var(--accent-nebula);transform:scale(1.2)}.tree-toggle.no-children{color:var(--border-color);cursor:default}.add-child-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;font-size:12px;cursor:pointer;opacity:0;transition:all .2s ease;margin-top:10px}.note-item:hover .add-child-btn{opacity:.6}.add-child-btn:hover{opacity:1!important;background:var(--bg-secondary);border-color:var(--accent-star)}.tree-children{border-left:1px dashed var(--border-color);margin-left:28px;padding-left:4px}.child-count{font-size:11px;color:var(--text-secondary);margin-left:6px;font-weight:400}.depth-indicator{color:var(--text-secondary);margin-right:8px;font-size:12px}.note-item{padding:16px;margin-bottom:8px;background:var(--bg-card);border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;animation:fadeIn .3s ease forwards;opacity:0}.note-item:hover{background:var(--bg-primary);border-color:var(--border-color)}.note-item.selected{border-color:var(--accent-nebula);background:var(--bg-primary);box-shadow:0 0 0 1px var(--accent-nebula),0 0 20px var(--glow-color)}.note-item-content{flex:1;min-width:0}.note-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.note-item-title{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;margin-right:8px;line-height:1.3;display:flex;align-items:center;flex-wrap:wrap}.note-item-date{font-size:10px;color:var(--text-secondary);white-space:nowrap}.note-item-preview{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:10px;padding:2px 6px;background:var(--bg-secondary);color:var(--accent-star);border-radius:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.empty-state p{color:var(--text-secondary);margin-bottom:8px}.empty-hint{font-size:13px;opacity:.7}@media(max-width:768px){.search-container{padding:12px}.tree-controls{padding:6px 12px}.note-item{padding:12px}.note-item-title{font-size:13px}.tree-toggle{width:20px;height:20px;margin-top:8px}.add-child-btn{width:24px;height:24px;opacity:.5}.tree-children{margin-left:20px}}.note-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.note-editor.empty{align-items:center;justify-content:center}.empty-editor{text-align:center;padding:40px}.empty-editor .empty-icon{font-size:64px;margin-bottom:20px}.empty-editor h2{color:var(--text-primary);margin-bottom:12px;font-weight:500}.empty-editor p{color:var(--text-secondary);line-height:1.6}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:10px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:12px}.breadcrumb-root{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s ease}.breadcrumb-root:hover{background:var(--bg-card)}.breadcrumb-separator{color:var(--text-secondary);opacity:.5}.breadcrumb-item{color:var(--accent-link);cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s ease;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item:hover{background:var(--bg-card)}.breadcrumb-current{color:var(--text-primary);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-info{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color);font-size:13px}.parent-label{color:var(--text-secondary)}.parent-value{display:flex;align-items:center;gap:6px;color:var(--accent-nebula);cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .15s ease}.parent-value:hover{background:var(--bg-secondary)}.parent-edit{font-size:11px;opacity:.5}.parent-value:hover .parent-edit{opacity:1}.editor-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);gap:12px}.title-input{flex:1;font-size:20px;font-weight:500;background:transparent;border:none;padding:8px 0}.title-input:focus{box-shadow:none}.header-actions{display:flex;align-items:center;gap:8px}.add-child-btn-header{padding:8px 12px;background:var(--bg-card);border-radius:8px;font-size:14px;opacity:.7;transition:all .2s ease}.add-child-btn-header:hover{background:var(--accent-star);opacity:1}.delete-btn{padding:8px 12px;background:transparent;border-radius:8px;font-size:18px;opacity:.6}.delete-btn:hover{background:#ff646433;opacity:1}.editor-content{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.content-wrapper{flex:1;position:relative;min-height:200px}.content-textarea{width:100%;height:100%;min-height:300px;font-size:15px;line-height:1.8;resize:none;background:var(--bg-secondary);border-radius:12px;padding:20px}.content-textarea::placeholder{color:var(--text-secondary);opacity:.6}.link-suggestions{position:absolute;top:60px;left:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080;z-index:100;min-width:200px;max-width:300px}.suggestions-header{padding:8px 12px;font-size:11px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.suggestion-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background .15s ease}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-icon{opacity:.6}.tags-container{margin-top:20px}.tags-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.tags-input{width:100%;font-size:14px}.backlinks-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.backlinks-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--accent-link);margin-bottom:12px}.backlinks-list{display:flex;flex-direction:column;gap:8px}.backlink-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.backlink-item:hover{background:var(--bg-card);transform:translate(4px)}.backlink-icon{color:var(--accent-link)}.editor-footer{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.note-meta{font-size:11px;color:var(--text-secondary)}.editor-toolbar{display:flex;gap:8px;margin-bottom:12px;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.toolbar-btn:hover{background:var(--bg-secondary);border-color:var(--accent-link)}.toolbar-btn.link-btn{background:linear-gradient(135deg,var(--accent-nebula),var(--accent-link));border:none;color:#fff;font-weight:500}.toolbar-btn.link-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #8b5cf666}.toolbar-btn.link-btn:active{transform:scale(.98)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-spacer{flex:1}.view-toggle{display:flex;background:var(--bg-card);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.toggle-btn{padding:8px 14px;font-size:13px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.toggle-btn.active{background:var(--accent-nebula);color:#fff}.content-preview{width:100%;height:100%;min-height:300px;font-size:15px;line-height:1.8;background:var(--bg-secondary);border-radius:12px;padding:20px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.preview-empty{color:var(--text-secondary);font-style:italic}.content-link{cursor:pointer;transition:all .2s ease}.content-link.url-link{color:var(--accent-link);text-decoration:none;background:#06b6d41a;padding:2px 6px;border-radius:4px;word-break:break-all}.content-link.url-link:hover{background:#06b6d433;text-decoration:underline}.content-link.note-link{color:var(--accent-nebula);background:#8b5cf61a;padding:2px 6px;border-radius:4px}.content-link.note-link:hover{background:#8b5cf633}.content-link.note-link.exists{cursor:pointer}.content-link.note-link.not-found{color:var(--text-secondary);opacity:.7;text-decoration:line-through;cursor:not-allowed}.link-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.link-picker{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.parent-picker{max-height:80vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.link-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.link-picker-header h3{font-size:16px;font-weight:500;color:var(--text-primary)}.link-picker-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:8px;color:var(--text-secondary);font-size:16px}.link-picker-close:hover{background:var(--bg-primary);color:var(--text-primary)}.link-picker-search{margin:16px 16px 8px;padding:14px 16px;font-size:15px}.link-picker-list{flex:1;overflow-y:auto;padding:8px 16px 16px}.link-picker-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-card);border-radius:12px;cursor:pointer;margin-bottom:8px;transition:all .2s ease;position:relative}.link-picker-item:hover{background:var(--bg-primary);transform:translate(4px)}.link-picker-item:active{transform:scale(.98)}.link-picker-item.current{border:1px solid var(--accent-nebula);background:#8b5cf61a}.current-marker{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--accent-nebula);background:#8b5cf633;padding:2px 8px;border-radius:10px}.link-picker-icon{font-size:20px;flex-shrink:0}.link-picker-item-content{flex:1;min-width:0}.link-picker-title{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.link-picker-preview{display:block;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-picker-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}@media(max-width:768px){.breadcrumb{padding:8px 16px;font-size:11px}.breadcrumb-item{max-width:100px}.parent-info{padding:8px 16px;font-size:12px}.editor-header{padding:12px 16px}.title-input{font-size:18px}.editor-content{padding:16px}.content-textarea{font-size:14px;padding:16px;min-height:200px}.editor-toolbar{margin-bottom:12px}.editor-toolbar{flex-wrap:wrap;gap:8px}.toolbar-btn.link-btn{flex:1;justify-content:center;padding:12px 16px;font-size:15px;min-width:120px}.toolbar-spacer{display:none}.view-toggle{width:100%;order:-1;margin-bottom:4px}.toggle-btn{flex:1;padding:10px}.content-preview{min-height:200px;font-size:14px;padding:16px}.link-picker{max-height:80vh}.link-picker-item{padding:16px}.tags-container{margin-top:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.graph-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);position:relative}.graph-view.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.graph-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.graph-header h3{font-size:16px;font-weight:500}.graph-header-right{display:flex;align-items:center;gap:12px}.node-count{font-size:12px;color:var(--text-secondary);background:var(--bg-card);padding:4px 10px;border-radius:12px}.fullscreen-btn{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fullscreen-btn:hover{background:var(--bg-secondary);border-color:var(--accent-nebula)}.fullscreen-btn.desktop{margin-left:8px}.fullscreen-btn.desktop.close{width:auto;padding:8px 16px;font-size:14px;gap:6px}.graph-header.fullscreen-header{position:absolute;top:0;left:0;right:0;background:#12122ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.graph-mobile-header .fullscreen-btn{margin-left:auto}.graph-container{flex:1;overflow:hidden;min-height:200px;position:relative;background:#0a0a1a}.graph-container canvas{display:block;cursor:grab}.graph-container canvas:active{cursor:grabbing}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:4px;z-index:10}.zoom-btn{width:40px;height:40px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background:var(--bg-secondary);border-color:var(--accent-nebula)}.zoom-btn:active{transform:scale(.95)}.fullscreen-overlay-info{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0009;border-radius:8px;color:var(--text-secondary);font-size:12px;z-index:10}.graph-legend{display:flex;justify-content:center;gap:20px;padding:12px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-line{width:16px;height:2px;border-radius:1px}.legend-line.solid{background:#8b5cf6}.legend-line.dashed{background:repeating-linear-gradient(90deg,#06b6d4 0px,#06b6d4 4px,transparent 4px,transparent 6px)}.graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.graph-empty .empty-icon{font-size:64px;margin-bottom:20px;animation:pulse 3s ease-in-out infinite}.graph-empty h3{color:var(--text-primary);margin-bottom:12px;font-weight:500}.graph-empty p{color:var(--text-secondary);line-height:1.6;font-size:14px}.graph-mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.graph-back-btn{padding:8px 14px;background:var(--bg-card);border-radius:8px;color:var(--text-primary);font-size:14px;border:1px solid var(--border-color)}.graph-back-btn:active{background:var(--bg-primary);transform:scale(.98)}.graph-mobile-header>span{font-size:16px;font-weight:500;flex:1}.graph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-spinner{font-size:48px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.graph-loading p{color:var(--text-secondary);font-size:14px}@media(max-width:768px){.graph-header{padding:12px 16px}.graph-legend{gap:10px;padding:8px;flex-wrap:wrap;justify-content:center}.legend-item{font-size:10px}.graph-container{min-height:300px}.fullscreen-btn{width:40px;height:40px}}@media(max-width:768px)and (orientation:landscape){.graph-mobile-header{padding:8px 16px}.graph-mobile-header>span{font-size:14px}.graph-legend{padding:6px;gap:8px}.graph-view.fullscreen .graph-mobile-header{position:absolute;top:0;left:0;right:0;background:#000000b3;z-index:10}.graph-view.fullscreen .graph-container{position:absolute;top:0;left:0;right:0;bottom:0}}@keyframes nodeAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navigation{display:flex;justify-content:space-around;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;background:transparent;border-radius:12px;color:var(--text-secondary);transition:all .2s ease}.nav-btn:hover{background:var(--bg-card)}.nav-btn.active{color:var(--accent-nebula)}.nav-btn.active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:24px;transition:transform .2s ease}.nav-label{font-size:10px;font-weight:500}.create-btn{position:relative;background:linear-gradient(135deg,var(--accent-nebula),var(--accent-star));color:#fff;border-radius:50%;width:56px;height:56px;margin-top:-20px;box-shadow:0 4px 20px #8b5cf666}.create-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px #8b5cf699}.create-btn .nav-icon{font-size:28px}.nav-icon-img{width:32px;height:32px;object-fit:contain;border-radius:50%}.create-btn .nav-label{display:none}@media(min-width:769px){.navigation{flex-direction:column;justify-content:flex-start;padding:20px 12px;gap:8px;border-top:none;border-right:1px solid var(--border-color)}.nav-btn{width:100%;flex-direction:row;justify-content:flex-start;padding:12px 16px;gap:12px}.nav-label{font-size:13px}.create-btn{width:100%;height:auto;border-radius:12px;margin-top:0;padding:14px 16px}.create-btn .nav-label{display:inline}}.auth-button{display:flex;align-items:center}.auth-loading{color:var(--text-secondary);font-size:12px}.sign-in-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-nebula),var(--accent-link));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.sign-in-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #8b5cf666}.sign-in-btn:active{transform:scale(.98)}.user-info{display:flex;align-items:center;gap:10px}.user-greeting{font-size:13px;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clerk-avatar{width:32px!important;height:32px!important}@media(max-width:768px){.user-greeting{display:none}.sign-in-btn{padding:8px 12px;font-size:12px}}.app{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app.loading{align-items:center;justify-content:center}.loading-content{text-align:center}.loading-icon{font-size:64px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}.loading-content p{color:var(--text-secondary);font-size:14px}.app-header{display:flex;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:12px}.back-btn{padding:8px 12px;background:var(--bg-card);border-radius:8px;color:var(--text-primary);font-size:14px}.back-btn:hover{background:var(--bg-primary)}.app-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;background:linear-gradient(135deg,var(--accent-star),var(--accent-nebula));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-icon{-webkit-text-fill-color:initial}.app.mobile .app-main{flex:1;overflow:hidden}.app.mobile.landscape .app-main{flex:1}.app.mobile.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.app.mobile.fullscreen .app-main{height:100%}.app.desktop{flex-direction:row}.app-sidebar{width:200px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);position:relative;transition:width .3s ease,min-width .3s ease}.app-sidebar.collapsed{width:40px;min-width:40px}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-header .app-title{font-size:16px;margin-bottom:12px}.app-header{justify-content:flex-start}.app-header .app-title{flex:1}.app-header .auth-button{margin-left:auto}.app-content{flex:1;display:flex;overflow:hidden}.note-list-panel{width:320px;min-width:280px;max-width:400px;border-right:1px solid var(--border-color);overflow:hidden;position:relative;transition:width .3s ease,min-width .3s ease}.note-list-panel.collapsed{width:40px;min-width:40px}.main-panel{flex:1;overflow:hidden}.panel-toggle{position:absolute;width:24px;height:48px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.panel-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-nebula)}.sidebar-toggle,.notelist-toggle{right:-24px;top:50%;transform:translateY(-50%)}.app.desktop.sidebar-collapsed .app-sidebar,.app.desktop.notelist-collapsed .note-list-panel{width:40px;min-width:40px}@media(min-width:1200px){.note-list-panel{width:360px}}@media(min-width:1400px){.note-list-panel{width:400px}}@media(max-width:768px)and (orientation:landscape){.app-header{padding:8px 16px}.app-header .app-title{font-size:14px}}@media(prefers-color-scheme:dark){.app{color-scheme:dark}}.app-main>*{animation:fadeIn .2s ease}.app *{scroll-behavior:smooth}@media(hover:none){.nav-btn:hover,.note-item:hover,.backlink-item:hover{transform:none;background:inherit}.nav-btn:active,.note-item:active,.backlink-item:active{transform:scale(.98);opacity:.8}}@supports (padding: max(0px)){.app-header{padding-top:max(12px,env(safe-area-inset-top))}.app.mobile.fullscreen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@keyframes expandFullscreen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app.mobile.fullscreen{animation:expandFullscreen .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3a;--text-primary: #e8e8ff;--text-secondary: #a0a0c0;--accent-star: #ffd700;--accent-nebula: #8b5cf6;--accent-link: #06b6d4;--border-color: #2a2a4a;--glow-color: rgba(139, 92, 246, .3)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-nebula)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}input,textarea{font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:12px;outline:none;transition:border-color .2s ease}input:focus,textarea:focus{border-color:var(--accent-nebula);box-shadow:0 0 0 3px var(--glow-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-nebula)}50%{box-shadow:0 0 20px var(--accent-nebula),0 0 30px var(--accent-star)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}