*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-9{height:2.25rem}.w-9{width:2.25rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}:root{--font-inter:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--background:#02040a;--foreground:#e0f2fe;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-light:#38bdf81a;--bg-dark:#02040a;--bg-card:#0a1428f2;--bg-elevated:#141e32f2;--bg-input:#050f23f2;--text-primary:#e0f2fe;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#38bdf833;--border-subtle:#ffffff1a;--success:#4ade80;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.main-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#02040ad9;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{flex-shrink:1;align-items:center;gap:8px;min-width:0;max-width:calc(50% - 260px);display:flex;overflow:hidden}.header-logo-wrapper{background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;transition:all .2s;display:flex}.header-logo-wrapper:hover{border-color:var(--border);background:#38bdf81a}.header-logo{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font-family:inherit;transition:all .2s;display:flex}.header-logo:hover{background:#38bdf81a}.logo-dropdown-btn{cursor:pointer;width:28px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:0 6px 0 2px;transition:all .2s;display:flex}.header-logo-wrapper:hover .logo-dropdown-btn{color:var(--text-secondary)}.logo-dropdown-btn:hover{color:var(--primary)}.logo-dropdown-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.logo-icon{width:28px;height:28px;color:var(--primary)}.logo-text{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:600}.header-breadcrumb{flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.breadcrumb-separator{color:var(--text-muted);opacity:.5;flex-shrink:0;font-size:14px}.breadcrumb-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;max-width:160px;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.breadcrumb-item:hover{border-color:var(--border-subtle);color:var(--text-primary);background:#38bdf81a}.breadcrumb-item.active{color:var(--primary);cursor:default}.breadcrumb-item.active:hover{background:0 0;border-color:#0000}.breadcrumb-icon{color:currentColor;flex-shrink:0;width:16px;height:16px}.header-nav{flex-shrink:1;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-secondary);background:#38bdf81a}.nav-item.active{color:var(--primary)}.nav-item svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.nav-item svg circle,.nav-item svg path{stroke:currentColor}.nav-chevron{margin-left:-2px;transition:transform .2s;width:14px!important;height:14px!important}.nav-item.open .nav-chevron{transform:rotate(180deg)}.nav-separator{color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:14px}.nav-ellipsis{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px;font-size:14px;display:none}.nav-ellipsis.visible{display:inline}.header-center{box-sizing:border-box;z-index:100;pointer-events:none;width:100%;max-width:560px;padding:0 20px;position:absolute;left:50%;transform:translate(-50%)}.header-center>*{pointer-events:auto}.header-search{border:1px solid var(--border-subtle);background:#0a1428cc;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 18px;transition:all .2s;display:flex}.header-search:focus-within{border-color:var(--primary);background:#0a1428f2;box-shadow:0 0 0 3px #38bdf81a}.header-search .search-icon{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0;transition:stroke .2s}.header-search:focus-within .search-icon{stroke:var(--primary)}.header-search .search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.header-search .search-input::placeholder{color:var(--text-muted)}.header-search .search-filter-btn{cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.header-search .search-filter-btn svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2px}.header-search .search-filter-btn:hover{background:#38bdf81a}.header-search .search-filter-btn:hover svg{stroke:var(--primary)}.header-search .search-clear-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.header-search .search-clear-btn svg{width:12px;height:12px;stroke:var(--text-secondary);fill:none;stroke-width:2px}.header-search .search-clear-btn:hover{background:#ef44444d}.header-search .search-clear-btn:hover svg{stroke:#ef4444}.header-search-container{width:100%;max-width:480px;position:relative}.header-search-input-wrapper{border:1px solid var(--border-subtle);background:#0a1428cc;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 14px;transition:all .2s;display:flex}.header-search-container.open .header-search-input-wrapper{border-color:var(--primary);background:#0a1428f2;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 0 3px #38bdf81a}.header-search-input-wrapper .search-icon{width:16px;height:16px;stroke:var(--text-muted);fill:none;flex-shrink:0;transition:stroke .2s}.header-search-container.open .search-icon{stroke:var(--primary)}.header-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input-wrapper .search-clear-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.header-search-input-wrapper .search-clear-btn svg{width:10px;height:10px;stroke:var(--text-secondary);fill:none}.header-search-input-wrapper .search-clear-btn:hover{background:#ef44444d}.header-search-input-wrapper .search-clear-btn:hover svg{stroke:#ef4444}.header-search-input-wrapper .search-kbd{color:var(--text-muted);background:#ffffff14;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:11px}.header-search-dropdown{border:1px solid var(--primary);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1428fa;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-height:420px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0006,0 0 0 3px #38bdf81a}.header-search-dropdown::-webkit-scrollbar{width:6px}.header-search-dropdown::-webkit-scrollbar-track{background:0 0}.header-search-dropdown::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}.search-dropdown-section{border-bottom:1px solid var(--border-subtle);padding:8px 0}.search-dropdown-section:last-child{border-bottom:none}.search-dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:6px 14px 8px;font-size:11px;font-weight:600;display:flex}.search-dropdown-header svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.5px}.search-dropdown-header .result-count{color:var(--primary);background:#38bdf826;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px}.clear-recent-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 8px;font-size:11px;transition:color .2s}.clear-recent-btn:hover{color:#ef4444}.search-recent-list{flex-direction:column;display:flex}.search-recent-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.search-recent-item:hover{color:var(--text-primary);background:#38bdf814}.search-recent-item .recent-icon{width:16px;height:16px;stroke:var(--text-muted);fill:none;flex-shrink:0}.search-dropdown-results{max-height:350px;overflow-y:auto}.search-result-row{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .15s;display:flex}.search-result-row:hover,.search-result-row.selected{background:#38bdf814}.search-result-row.selected{background:#38bdf81f}.result-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.result-dot.galaxy{box-shadow:0 0 10px}.result-galaxy-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.result-galaxy-icon svg{width:100%;height:100%}.result-dot.system{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 10px #f59e0b66}.result-dot.note{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 0 10px #22c55e66}.result-dot.note.voice{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 0 10px #f472b666}.result-dot .voice-badge{fill:#fff;width:12px;height:12px}.result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.result-path{color:var(--text-muted);font-size:11px}.result-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-dropdown-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:30px;font-size:13px;display:flex}.search-dropdown-loading .search-loading-spinner{border:2px solid #38bdf833;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite search-spin}.search-dropdown-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:30px 20px;display:flex}.search-dropdown-empty .empty-icon{opacity:.5;width:40px;height:40px;margin-bottom:12px}.search-dropdown-empty span{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.search-dropdown-empty p{font-size:12px}.search-dropdown-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:10px 14px;font-size:11px}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-user{position:relative}.header-user .user-auth-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.header-user .user-auth-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}.header-user .user-auth-btn:hover{border-color:var(--primary);color:var(--primary);background:#38bdf81a}.header-user .user-profile{position:relative}.header-user .user-profile-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.header-user .user-profile-btn:hover{border-color:var(--primary);background:#38bdf81a}.header-user .user-avatar{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.header-user .user-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;color:var(--text-primary);overflow:hidden}.header-user .user-chevron{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2px;transition:transform .2s}.header-user .user-profile.open .user-chevron{transform:rotate(180deg)}.header-user .user-dropdown{background:var(--bg-elevated);border:1px solid var(--border);opacity:0;visibility:hidden;border-radius:8px;min-width:200px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 8px 32px #0006}.header-user .user-profile.open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header-user .user-dropdown-header{padding:14px 16px}.header-user .user-dropdown-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.header-user .user-dropdown-email{color:var(--text-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.header-user .user-dropdown-divider{background:var(--border);height:1px}.header-user .user-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .15s;display:flex}.header-user .user-dropdown-item:hover{color:#ef4444;background:#ef44441a}.header-user .user-dropdown-item svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.floating-menu-btn{z-index:100;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:80px;right:20px;box-shadow:0 4px 20px #0006}.floating-menu-btn:hover{background:var(--bg-elevated);border-color:var(--primary);transform:scale(1.05);box-shadow:0 6px 28px #00000080,0 0 20px #38bdf833}.floating-menu-btn svg{width:22px;height:22px;stroke:var(--text-primary);stroke-width:2px;fill:none;transition:stroke .2s}.floating-menu-btn:hover svg{stroke:var(--primary)}.header-center .search-filters{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#0a1428fa;border-radius:8px;min-width:180px;padding:12px 16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}.header-center .search-results{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#0a1428fa;border-radius:8px;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000080}#galaxyCanvas{margin-top:60px;height:calc(100vh - 60px)!important}.global-search-container{display:none}.global-search-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1428f2;border:1px solid #38bdf833;border-radius:24px;align-items:center;gap:10px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 4px 24px #0006,0 0 40px #38bdf81a}.global-search-bar:focus-within{border-color:var(--primary);box-shadow:0 4px 32px #00000080,0 0 60px #38bdf833}.global-search-bar .search-icon{width:18px;height:18px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0;transition:stroke .2s}.global-search-bar:focus-within .search-icon{stroke:var(--primary)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-filter-btn{cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.search-filter-btn svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2px}.search-filter-btn:hover{background:#38bdf81a}.search-filter-btn:hover svg{stroke:var(--primary)}.search-filter-btn.active{background:#38bdf833}.search-filter-btn.active svg{stroke:var(--primary)}.search-clear-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.search-clear-btn svg{width:14px;height:14px;stroke:var(--text-secondary);fill:none;stroke-width:2px}.search-clear-btn:hover{background:#ef44444d}.search-clear-btn:hover svg{stroke:#ef4444}.search-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1428fa;border:1px solid #38bdf833;border-radius:12px;min-width:180px;margin-top:8px;padding:12px 16px;position:absolute;top:100%;right:16px;box-shadow:0 8px 32px #00000080}.search-filters-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.search-filter-options{flex-direction:column;gap:8px;display:flex}.filter-option{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex}.filter-option:hover{color:var(--text-primary)}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1428fa;border:1px solid #38bdf833;border-radius:16px;max-height:70vh;margin-top:8px;position:absolute;top:100%;left:16px;right:16px;overflow:hidden;box-shadow:0 8px 48px #0009,0 0 60px #38bdf81a}.search-results-content{max-height:70vh;padding:8px;overflow-y:auto}.search-results-content::-webkit-scrollbar{width:6px}.search-results-content::-webkit-scrollbar-track{background:0 0}.search-results-content::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}.search-category{margin-bottom:8px}.search-category:last-child{margin-bottom:0}.search-category-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.search-category-header svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.search-category-count{color:var(--primary);background:#38bdf826;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px}.search-result-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.search-result-item:hover{background:#38bdf814;border-color:#38bdf826}.search-result-item.selected{background:#38bdf81f;border-color:#38bdf84d}.search-result-icon{background:var(--result-color,var(--primary));opacity:.9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.search-result-icon svg{stroke:#fff;fill:none;stroke-width:2px;width:18px;height:18px}.search-result-icon.galaxy{background:linear-gradient(135deg,#a78bfa,#818cf8)}.search-result-icon.system{background:linear-gradient(135deg,#38bdf8,#06b6d4)}.search-result-icon.note{background:linear-gradient(135deg,#4ade80,#22c55e)}.search-result-icon.voice{background:linear-gradient(135deg,#f472b6,#ec4899)}.search-result-content{flex:1;min-width:0}.search-result-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.search-result-title mark{color:var(--primary);background:#38bdf84d;border-radius:2px;padding:0 2px}.search-result-path{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:4px;font-size:11px;display:flex}.search-result-path svg{stroke:currentColor;fill:none;stroke-width:2px;width:10px;height:10px}.search-result-snippet{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-snippet mark{color:inherit;background:#38bdf840;border-radius:2px;padding:0 1px}.search-result-meta{align-items:center;gap:8px;margin-top:6px;display:flex}.search-result-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:600}.search-result-badge.voice{color:#f472b6;background:#f472b626}.search-result-date{color:var(--text-muted);font-size:11px}.search-empty{text-align:center;padding:40px 20px}.search-empty-icon{width:48px;height:48px;stroke:var(--text-muted);fill:none;stroke-width:1.5px;opacity:.5;margin:0 auto 16px}.search-empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500}.search-empty-text{color:var(--text-muted);font-size:12px}.search-hint{text-align:center;padding:16px 20px}.search-hint-text{color:var(--text-muted);font-size:13px}.search-hint-shortcuts{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.search-shortcut{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.search-shortcut kbd{color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px}.search-backdrop{z-index:999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.search-backdrop.visible{opacity:1;visibility:visible}#galaxyCanvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.system-info-panel{background:linear-gradient(180deg,var(--bg-card)0%,#050a14fa 100%);border-left:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;flex:0 0 50%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translate(100%)}.system-info-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);align-items:center;gap:18px;padding:28px 28px 20px;display:flex}.system-info-title-section{flex:1;min-width:0}.system-info-type{background:color-mix(in srgb,var(--star-color,var(--primary))15%,transparent);color:var(--star-color,var(--primary));text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700}.system-info-stats{gap:0;margin:20px 0;padding:0 28px;display:flex}.sys-stat{background:var(--bg-input);border:1px solid var(--border-subtle);flex-direction:column;flex:1;align-items:center;padding:16px 0;display:flex}.sys-stat:first-child{border-radius:12px 0 0 12px}.sys-stat:last-child{border-radius:0 12px 12px 0}.sys-stat:not(:last-child){border-right:none}.sys-stat-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.sys-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:10px;font-weight:600}.system-info-divider{background:var(--border-subtle);height:1px;margin:0 28px}.selected-item-section{flex:1;min-height:0;padding:24px 28px;overflow-y:auto}.no-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.no-selection-icon{background:var(--bg-input);border:1px dashed var(--border);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.no-selection-icon svg{width:36px;height:36px;stroke:var(--text-muted);stroke-width:1.5px;fill:none}.no-selection-text{color:var(--text-secondary);margin:0 0 8px;font-size:16px;font-weight:600}.no-selection-hint{color:var(--text-muted);margin:0;font-size:13px}.item-details{animation:.3s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-details-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.item-type-badge{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex}.item-type-badge svg{width:16px;height:16px;stroke:var(--item-color,var(--primary));stroke-width:2px;fill:none}.item-type-badge span{color:var(--item-color,var(--primary));text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.item-date{color:var(--text-muted);font-size:12px}.item-title{color:var(--text-primary);margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.3}.item-content{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:20px;font-size:15px;line-height:1.7}.item-content:empty{display:none}.item-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.item-tags:empty{display:none}.item-tag-chip{background:color-mix(in srgb,var(--tag-color,var(--text-muted))12%,transparent);color:var(--tag-color,var(--text-muted));border:1px solid color-mix(in srgb,var(--tag-color,var(--text-muted))25%,transparent);border-radius:16px;padding:6px 12px;font-size:11px;font-weight:600}.item-actions{gap:12px;display:flex}.item-action-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.item-action-btn svg{stroke-width:2px;fill:none;width:16px;height:16px}.item-action-btn.edit{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary)}.item-action-btn.edit svg{stroke:var(--primary)}.item-action-btn.edit:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--text-primary)}.item-action-btn.delete{color:#ef4444;background:0 0;border:1px solid #ef44444d}.item-action-btn.delete svg{stroke:#ef4444}.item-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.system-items-list{border-top:1px solid var(--border-subtle);background:var(--bg-elevated);flex-direction:column;max-height:280px;display:flex}.items-list-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.items-list-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.items-list-add{background:var(--primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.items-list-add:hover{transform:scale(1.1);box-shadow:0 0 20px #38bdf866}.items-list-add svg{stroke:#fff;stroke-width:2.5px;fill:none;width:18px;height:18px}.items-list-content{flex:1;padding:12px 20px 20px;overflow-y:auto}.item-list-row{background:var(--bg-input);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .2s;display:flex}.item-list-row:hover{border-color:var(--item-color,var(--border));background:var(--bg-card)}.item-list-row.selected{border-color:var(--item-color,var(--primary));background:color-mix(in srgb,var(--item-color,var(--primary))8%,var(--bg-card))}.item-list-icon{background:color-mix(in srgb,var(--item-color,var(--primary))15%,transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-list-icon svg{width:16px;height:16px;stroke:var(--item-color,var(--primary));stroke-width:2px;fill:none}.item-list-info{flex:1;min-width:0}.item-list-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.item-list-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.breadcrumb-nav{z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);scrollbar-width:none;border-radius:20px;align-items:center;gap:0;max-width:calc(100vw - 120px);padding:8px 16px;font-size:13px;display:none;position:fixed;top:70px;left:20px;overflow-x:auto}.breadcrumb-nav::-webkit-scrollbar{display:none}.breadcrumb-item{color:var(--text-muted);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 6px;transition:all .2s;display:flex}.breadcrumb-clickable{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:2px 6px;transition:all .2s;display:flex}.breadcrumb-clickable:hover{color:var(--text-primary);background:var(--bg-elevated)}.breadcrumb-dropdown-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .2s;display:flex}.breadcrumb-dropdown-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.breadcrumb-dropdown-btn:hover .breadcrumb-chevron{transform:rotate(180deg)}.breadcrumb-item:not([data-level=galaxy]){cursor:pointer}.breadcrumb-item:not([data-level=galaxy]):hover{color:var(--text-primary);background:var(--bg-elevated)}.breadcrumb-item[data-level=idea]:not(.active){opacity:.85;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.breadcrumb-item[data-level=idea]:not(.active):hover{opacity:1;text-decoration-color:currentColor}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-item.active:not([data-level=galaxy]):hover{cursor:default;background:0 0}.breadcrumb-icon{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:14px;height:14px}.breadcrumb-separator{color:var(--text-muted);opacity:.6;margin:0 4px;font-size:12px}.breadcrumb-item[data-level=galaxy] .breadcrumb-icon{stroke:var(--primary)}.breadcrumb-item[data-level=system]{color:var(--system-color,#f59e0b)}.breadcrumb-item[data-level=idea]{color:var(--idea-color,#a78bfa)}.breadcrumb-chevron{stroke:currentColor;stroke-width:2px;fill:none;width:12px;height:12px;margin-left:4px;transition:transform .2s}.galaxy-menu-backdrop{z-index:1050;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:60px 0 0}.galaxy-menu-backdrop.visible{opacity:1;pointer-events:auto}.galaxy-menu{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:1060;flex-direction:column;width:380px;max-width:90%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 50px #00000080}.galaxy-menu.visible{transform:translate(0)}.galaxy-menu-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:24px;display:flex}.galaxy-menu-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.galaxy-menu-close{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.galaxy-menu-close svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2px;fill:none}.galaxy-menu-close:hover{background:#ef444426}.galaxy-menu-close:hover svg{stroke:#ef4444}.galaxy-menu-content{flex:1;padding:16px;overflow-y:auto}.galaxy-menu-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:16px}.galaxy-create-btn{border:2px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.galaxy-create-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.galaxy-create-btn:hover{border-color:var(--primary);background:#6366f11a}.galaxy-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.galaxy-card:before{content:"";background:var(--galaxy-color,var(--primary));height:3px;position:absolute;top:0;left:0;right:0}.galaxy-card:hover{border-color:var(--galaxy-color,var(--primary));transform:translate(4px)}.galaxy-card.active{border-color:var(--galaxy-color,var(--primary));background:#6366f114}.galaxy-card-header{align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.galaxy-card-icon{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.galaxy-card-icon svg{width:28px;height:28px;stroke:var(--galaxy-color,var(--primary));stroke-width:1.5px;fill:none}.galaxy-card-info{flex:1;min-width:0}.galaxy-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.galaxy-card-type{color:var(--galaxy-color,var(--primary));text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.galaxy-card-stats{color:var(--text-muted);gap:16px;font-size:12px;display:flex}.galaxy-card-stat{align-items:center;gap:4px;display:flex}.galaxy-card,.universe-galaxy-item,.system-item,.note-tree-item,.galaxy-card:hover,.universe-galaxy-item:hover,.system-item:hover,.note-tree-item:hover{cursor:pointer}.note-tree-main{position:relative}.galaxy-types-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.galaxy-type-option{background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:16px 12px;transition:all .2s}.galaxy-type-option:hover{border-color:var(--type-color,var(--primary));background:var(--bg-elevated)}.galaxy-type-option.selected{border-color:var(--type-color,var(--primary));background:#6366f11a}.galaxy-type-icon{justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;display:flex}.galaxy-type-icon svg{display:block}.galaxy-type-name{color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.galaxy-type-display{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:8px;padding:12px 16px;display:flex}.galaxy-type-icon-small{flex-shrink:0}.galaxy-type-label{color:var(--text-primary);font-size:14px;font-weight:500}.galaxy-menu-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.galaxy-menu-empty-icon{opacity:.8;margin-bottom:20px;font-size:64px}.galaxy-menu-empty p{color:var(--text-secondary);margin:0 0 8px;font-size:16px}.galaxy-menu-empty-hint{color:var(--text-muted)!important;font-size:13px!important}.galaxy-modal{max-width:500px}.color-picker-row{align-items:center;gap:16px;margin-top:8px;display:flex}.color-picker-input{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:48px;height:48px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s;box-shadow:0 2px 4px #0000004d}.color-preset:hover{border-color:#fff;transform:scale(1.15)}.color-preset.selected{box-shadow:0 0 0 2px var(--primary),0 2px 8px #0006;border-color:#fff}.back-btn{z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:20px;left:20px;transform:translateY(-10px)}.back-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-btn:hover{background:var(--bg-elevated);border-color:var(--primary)}.back-btn svg{width:18px;height:18px;stroke:var(--primary);stroke-width:2px;fill:none}@media (max-width:640px){.back-btn{border-radius:20px;min-height:44px;padding:10px 16px;font-size:13px;top:62px;left:12px}.back-btn svg{width:16px;height:16px}.back-btn span{display:none}}@media (min-width:480px) and (max-width:640px){.back-btn span{display:inline}}.location-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:90;background:#0a1428e6;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;transition:all .3s;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.location-indicator.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}.location-icon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.location-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.location-icon svg circle{fill:currentColor;stroke:none}.location-icon svg circle:last-child{fill:none;stroke:currentColor}.location-text{flex-direction:column;gap:2px;display:flex}.location-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px}.location-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:15px;font-weight:600;overflow:hidden}@media (max-width:640px){.location-indicator{padding:10px 18px;bottom:100px}.location-name{max-width:150px;font-size:14px}}.action-ring-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.action-ring-overlay.active{display:block}.action-ring{width:320px;height:320px;position:absolute;transform:translate(-50%,-50%)}.action-ring-center{border:2px solid var(--border);z-index:10;background:linear-gradient(135deg,#1e293bfa,#0f172afa);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #00000080,inset 0 0 20px #38bdf81a}.action-ring-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:80px;padding:8px;font-size:12px;font-weight:600;display:-webkit-box;overflow:hidden}.action-ring-options{position:absolute;inset:0}.ring-option{border:2px solid var(--border);cursor:pointer;opacity:0;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:70px;height:70px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 4px 20px #0006}.action-ring-overlay.active .ring-option{opacity:1;transform:translate(-50%,-50%)scale(1)}.ring-option:hover{border-color:var(--option-color,var(--primary));background:linear-gradient(135deg,rgba(var(--option-color-rgb,56,189,248),.25),#0f172af2);z-index:10;box-shadow:0 0 30px rgba(var(--option-color-rgb,56,189,248),.5);transform:translate(-50%,-50%)scale(1.15)}.ring-option svg{width:24px;height:24px;stroke:var(--option-color,var(--text-secondary));stroke-width:2px;fill:none;transition:all .2s}.ring-option:hover svg{stroke:var(--option-color,var(--primary));filter:drop-shadow(0 0 8px var(--option-color,var(--primary)))}.ring-option-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:center;max-width:60px;font-size:9px;font-weight:600;line-height:1.1;transition:color .2s}.ring-option:hover .ring-option-label{color:var(--option-color,var(--primary))}.ring-option[data-action=archive]{--option-color:#f59e0b;--option-color-rgb:245,158,11}.ring-option[data-action=cool]{--option-color:#06b6d4;--option-color-rgb:6,182,212}.ring-option[data-action=copy]{--option-color:#3b82f6;--option-color-rgb:59,130,246}.ring-option[data-action=move]{--option-color:#8b5cf6;--option-color-rgb:139,92,246}.ring-option[data-action=fuse]{--option-color:#ec4899;--option-color-rgb:236,72,153}.ring-option[data-action=ignite]{--option-color:#f97316;--option-color-rgb:249,115,22}.ring-option[data-action=orbit]{--option-color:#10b981;--option-color-rgb:16,185,129}.ring-option[data-action=gravity]{--option-color:#6366f1;--option-color-rgb:99,102,241}.ring-option[data-action=delete]{--option-color:#ef4444;--option-color-rgb:239,68,68}.ring-option[data-action=enter]{--option-color:#22c55e;--option-color-rgb:34,197,94}.ring-option[data-action=edit]{--option-color:#38bdf8;--option-color-rgb:56,189,248}.ring-option:first-child{transition-delay:0s}.ring-option:nth-child(2){transition-delay:30ms}.ring-option:nth-child(3){transition-delay:60ms}.ring-option:nth-child(4){transition-delay:90ms}.ring-option:nth-child(5){transition-delay:.12s}.ring-option:nth-child(6){transition-delay:.15s}.ring-option:nth-child(7){transition-delay:.18s}.ring-option:nth-child(8){transition-delay:.21s}.action-ring:before{content:"";pointer-events:none;border:1px dashed #38bdf833;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.action-ring{width:280px;height:280px}.action-ring-center{width:80px;height:80px}.action-ring-name{max-width:65px;font-size:10px}.ring-option{width:58px;height:58px}.ring-option svg{width:20px;height:20px}.ring-option-label{font-size:8px}}.fab-container{z-index:100;position:fixed;bottom:32px;left:32px}.fab-main{background:linear-gradient(135deg,var(--primary)0%,#0ea5e9 100%);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #38bdf866,0 0 40px #38bdf833}.fab-main:hover{transform:scale(1.08);box-shadow:0 6px 30px #38bdf880}.fab-main:active{transform:scale(.95)}.fab-main svg{stroke:#fff;stroke-width:2.5px;fill:none;width:28px;height:28px;transition:all .3s}.fab-label{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;border-radius:20px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:80px;transform:translateY(-50%)}.fab-container:hover .fab-label{opacity:1;pointer-events:auto}.fab-label kbd{color:var(--text-secondary);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;margin-left:8px;padding:2px 6px;font-family:inherit;font-size:10px;display:inline-block}@media (max-width:640px){.fab-container{bottom:20px;left:20px}.fab-main{width:56px;height:56px}.fab-label{display:none}.fab-icon-plus{width:26px;height:26px}}@media (max-width:480px){.fab-container{bottom:16px;left:16px}.fab-main{width:52px;height:52px}}.workspace-list-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;opacity:0;pointer-events:none;background:linear-gradient(135deg,#02040afa 0%,#0a1428fa 100%);flex-direction:column;transition:opacity .3s;display:flex;position:fixed;inset:0}.workspace-list-overlay.visible{opacity:1;pointer-events:auto}.workspace-list-header{background:0 0;align-items:center;gap:20px;padding:32px 48px;display:flex}.workspace-list-back{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.workspace-list-back:hover{background:var(--bg-elevated);border-color:var(--primary);transform:scale(1.05)}.workspace-list-back svg{width:22px;height:22px;stroke:var(--text-primary);stroke-width:2px;fill:none}.workspace-list-title-section{flex:1}.workspace-list-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 4px;font-size:32px;font-weight:700}.workspace-list-subtitle{color:var(--text-muted);margin:0;font-size:14px}.workspace-list-add{background:linear-gradient(135deg,var(--primary)0%,#0ea5e9 100%);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;transition:all .2s;display:flex;box-shadow:0 4px 20px #38bdf84d}.workspace-list-add:hover{transform:translateY(-2px);box-shadow:0 6px 30px #38bdf866}.workspace-list-add svg{stroke:#fff;stroke-width:2.5px;fill:none;width:20px;height:20px}.workspace-list-add span{color:#fff;font-size:14px;font-weight:600}.workspace-list-content{flex:1;padding:0 48px 48px;overflow-y:auto}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.workspace-list-empty{text-align:center;height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.workspace-list-empty .empty-icon{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-elevated)100%);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;display:flex}.workspace-list-empty p{color:var(--text-secondary);font-size:18px}.workspace-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.workspace-card:before{content:"";background:var(--ws-color);height:4px;position:absolute;top:0;left:0;right:0}.workspace-card:hover{border-color:var(--ws-color);box-shadow:0 12px 40px #0006,0 0 40px color-mix(in srgb,var(--ws-color)15%,transparent);transform:translateY(-4px)}.workspace-card-glow{background:radial-gradient(circle,color-mix(in srgb,var(--ws-color)15%,transparent)0%,transparent 70%);pointer-events:none;width:150px;height:150px;position:absolute;top:0;right:0}.workspace-card-content{flex:1;padding:24px;position:relative}.workspace-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.workspace-card-name{color:var(--text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.3}.workspace-card-template{background:color-mix(in srgb,var(--ws-color)15%,transparent);color:var(--ws-color);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:700}.workspace-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 20px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.workspace-card-stats{gap:24px;display:flex}.workspace-card-stat{flex-direction:column;gap:2px;display:flex}.workspace-card-stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.workspace-card-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.workspace-card-footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.workspace-card-date{color:var(--text-muted);font-size:12px}.workspace-card-arrow{color:var(--ws-color);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.workspace-card-arrow svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px;transition:transform .2s}.workspace-card:hover .workspace-card-arrow svg{transform:translate(4px)}@media (min-width:1200px){.workspace-list-header{padding:40px 64px}.workspace-list-content{padding:0 64px 64px}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}}@media (min-width:1600px){.workspace-list-header{padding:48px 80px}.workspace-list-content{padding:0 80px 80px}.workspace-list-title{font-size:36px}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:28px}}.detail-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:50;flex-direction:column;width:380px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000080}.detail-panel.open{transform:translate(0)}.panel-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-title{color:var(--text-primary);font-size:18px;font-weight:700}.panel-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.panel-close:hover{color:var(--text-primary);background:var(--bg-input)}.panel-content{flex:1;padding:20px;overflow-y:auto}.panel-footer{border-top:1px solid var(--border-subtle);background:var(--bg-elevated);padding:16px 20px}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.form-input,.form-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 20px #38bdf826}.form-textarea{resize:none;min-height:80px}.voice-title{color:var(--text-primary);padding:12px 0;font-size:18px;font-weight:700}.voice-date{color:var(--text-secondary);padding:8px 0;font-size:14px}.note-panel-date{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:12px;font-size:12px}.system-info-card{text-align:center;background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:20px;padding:40px 24px}.system-info-icon{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);width:80px;height:80px;box-shadow:0 0 40px var(--system-color,var(--primary));border-radius:50%;margin:0 auto 20px}.system-info-title{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:700}.system-info-badge{background:color-mix(in srgb,var(--system-color,var(--primary))15%,transparent);color:var(--system-color,var(--primary));text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.system-info-desc{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.system-info-meta{color:var(--text-muted);font-size:13px}.system-detail-card{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:16px;padding:20px}.system-detail-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.system-detail-icon{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);width:56px;height:56px;box-shadow:0 0 30px var(--system-color,var(--primary));border-radius:50%;flex-shrink:0}.system-detail-info{flex:1;min-width:0}.system-detail-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:18px;font-weight:700;overflow:hidden}.system-detail-badge{background:color-mix(in srgb,var(--system-color,var(--primary))20%,transparent);color:var(--system-color,var(--primary));text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.system-detail-stats{flex-shrink:0;gap:16px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:9px;font-weight:600;display:block}.view-galaxy-btn{background:var(--system-color,var(--primary));color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.view-galaxy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.system-notes-section{margin-top:8px}.system-notes-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 4px;font-size:11px;font-weight:600;display:flex}.system-notes-header svg{width:14px;height:14px;stroke:var(--text-muted);stroke-width:2px;fill:none;margin-right:8px}.notes-count{background:var(--bg-input);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px}.system-notes-list{flex-direction:column;gap:4px;display:flex}.system-notes-tree-view{flex-direction:column;gap:4px;padding:4px 0;display:flex}.panel-bio{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-left:4px solid var(--bio-color,var(--primary));margin-bottom:20px;overflow:hidden}.panel-bio-header{align-items:center;gap:14px;padding:16px 16px 0;display:flex;position:relative}.panel-bio-edit-btn{background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;opacity:.6;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.panel-bio-edit-btn:hover{opacity:1;background:var(--bg-input);transform:scale(1.05)}.panel-bio-edit-btn svg{width:16px;height:16px;stroke:var(--text-secondary);stroke-width:2px;fill:none}.panel-bio-icon{border-radius:50%;flex-shrink:0;width:44px;height:44px}.panel-bio-icon.galaxy-icon{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--bio-color,var(--primary))40%,transparent 80%);box-shadow:0 0 20px var(--bio-color,var(--primary))}.panel-bio-icon.system-icon{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);box-shadow:0 0 20px var(--system-color,var(--primary))}.panel-bio-info{flex:1;min-width:0}.panel-bio-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:17px;font-weight:600;overflow:hidden}.panel-bio-type{text-transform:uppercase;letter-spacing:.5px;color:var(--bio-color,var(--primary));background:color-mix(in srgb,var(--bio-color,var(--primary))15%,transparent);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.panel-bio-description{color:var(--text-secondary);border-top:1px solid var(--border-subtle);margin-top:12px;padding:12px 16px;font-size:13px;line-height:1.5}.panel-bio-stats{border-top:1px solid var(--border-subtle);gap:0;margin-top:12px;padding:0;display:flex}.panel-bio-stat{border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;align-items:center;padding:12px 8px;display:flex}.panel-bio-stat:last-child{border-right:none}.panel-bio-stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.panel-bio-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.panel-bio-actions{border-top:1px solid var(--border-subtle);padding:12px 16px}.panel-action-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.panel-action-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.panel-action-btn:hover{border-color:var(--text-muted);background:#ffffff0d}.panel-action-btn.danger{color:var(--text-muted);border-color:var(--border-subtle)}.panel-action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.archived-section{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:16px}.archived-section-header{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.archived-section-header:hover{color:var(--text-secondary);background:#ffffff0d}.archived-chevron{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;transition:transform .2s}.archived-section-header.expanded .archived-chevron{transform:rotate(90deg)}.archived-count{background:#ffffff1a;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.archived-list{margin-top:8px}.universe-galaxy-item.archived{opacity:.6;cursor:default}.universe-galaxy-item.archived:hover{opacity:.8}.archived-actions{gap:4px;margin-left:auto;display:flex}.archived-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff1a;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.archived-action-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.archived-action-btn.restore:hover{color:#22c55e;background:#22c55e33}.archived-action-btn.delete:hover{color:#ef4444;background:#ef444433}.panel-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:8px 0 12px;font-size:11px;font-weight:600;display:flex}.panel-section-count{background:var(--bg-input);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px}.system-info-header{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-left:4px solid var(--system-color,var(--primary));align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.system-info-star{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);width:48px;height:48px;box-shadow:0 0 25px var(--system-color,var(--primary));border-radius:50%;flex-shrink:0}.system-info-details{flex:1;min-width:0}.system-info-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:700;overflow:hidden}.system-info-type{text-transform:uppercase;letter-spacing:.5px;color:var(--system-color,var(--primary));background:#6366f126;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.system-info-stats{gap:16px;display:flex}.system-stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1;display:block}.system-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px}.breadcrumb-item[data-level=universe] .breadcrumb-icon{stroke:#a78bfa}.universe-stats{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-around;margin-bottom:16px;padding:20px;display:flex}.universe-stat{text-align:center}.universe-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1;display:block}.universe-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px}.universe-galaxies-section{margin-top:8px}.universe-galaxies-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.universe-galaxy-item{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;border-left:4px solid var(--galaxy-color,var(--primary));align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.universe-galaxy-item:hover{background:var(--bg-elevated);transform:translate(4px)}.universe-galaxy-item.current{background:var(--bg-elevated);border-color:var(--galaxy-color,var(--primary))}.universe-galaxy-icon{background:radial-gradient(circle at 30% 30%,#fffc 0%,var(--galaxy-color,var(--primary))50%,transparent 70%);width:40px;height:40px;box-shadow:0 0 20px var(--galaxy-color,var(--primary));border-radius:50%;flex-shrink:0}.universe-galaxy-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.panel-bio-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.universe-galaxy-info{flex:1;min-width:0}.universe-galaxy-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.universe-galaxy-meta{color:var(--text-muted);font-size:12px}.current-badge{text-transform:uppercase;color:var(--galaxy-color,var(--primary));background:#6366f126;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:600}.item-edit-btn{cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.item-edit-btn svg{width:16px;height:16px;stroke:var(--text-muted)}.universe-galaxy-item:hover .item-edit-btn,.system-item:hover .item-edit-btn,.note-item:hover .item-edit-btn{opacity:1}.item-edit-btn:hover{background:var(--bg-elevated);border-color:var(--border)}.item-edit-btn:hover svg{stroke:var(--primary)}.system-note-item{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;border-left:3px solid var(--note-color,var(--primary));align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.system-note-item:hover{background:var(--bg-elevated);border-color:var(--note-color,var(--primary))}.system-note-indicator{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--note-color,var(--primary))60%);width:10px;height:10px;box-shadow:0 0 8px var(--note-color,var(--primary));border-radius:50%;flex-shrink:0}.system-note-content{flex:1;min-width:0}.system-note-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.system-note-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.system-note-meta .voice-indicator{width:12px;height:12px;stroke:var(--success);stroke-width:2px;fill:none}.panel-empty-notes{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.note-tree-item{margin-bottom:4px}.note-tree-item.selected>.note-tree-main{background:var(--bg-elevated);border-color:var(--note-color,var(--primary))}.note-tree-main{padding:8px 12px;padding-left:calc(8px + var(--depth,0)*20px);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);border-left:3px solid var(--note-color,var(--primary));align-items:center;gap:4px;transition:all .2s;display:flex}.note-tree-main:hover{background:var(--bg-elevated)}.note-expand-btn{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.note-expand-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.note-expand-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;transition:transform .2s}.note-tree-item.expanded>.note-tree-main .note-expand-btn svg{transform:rotate(90deg)}.note-expand-placeholder{flex-shrink:0;width:24px;height:24px}.note-tree-content{cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.note-tree-content:hover{background:#ffffff0d}.note-tree-indent{background:var(--border-subtle);flex-shrink:0;width:2px;height:20px;margin-right:4px}.note-tree-children{margin-left:calc(20px + var(--depth,0)*20px);border-left:2px solid var(--border-subtle);opacity:0;max-height:0;margin-top:4px;padding-left:12px;transition:max-height .3s,opacity .2s,margin .2s;overflow:hidden}.note-tree-children.expanded{opacity:1;max-height:2000px}.child-count{background:var(--bg-elevated);color:var(--primary);border-radius:8px;padding:2px 6px;font-size:10px}.panel-hint{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.note-detail-card{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);border-top:3px solid var(--note-color,var(--primary));padding:24px}.note-detail-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.note-detail-date{color:var(--text-muted);font-size:12px}.note-detail-header-actions{align-items:center;gap:8px;display:flex}.note-header-btn{background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.note-header-btn:hover{background:var(--bg-card);transform:scale(1.05)}.note-header-btn svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:2px;fill:none}.note-header-btn:hover svg{stroke:var(--primary)}.note-header-btn.delete:hover{background:#ef444426}.note-header-btn.delete:hover svg{stroke:#ef4444}.note-header-btn-plus{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:2px;right:2px}.voice-memos-section{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:20px}.voice-memos-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.voice-memos-label svg{width:14px;height:14px;stroke:var(--text-muted);stroke-width:2px;fill:none}.voice-memos-badge{background:var(--bg-elevated);color:var(--text-secondary);border-radius:8px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.voice-memos-list{flex-direction:column;gap:8px;display:flex}.voice-memo-row{background:var(--bg-elevated);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.voice-memo-row:hover{background:var(--bg-card)}.voice-play-btn{background:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.voice-play-btn:hover{background:var(--primary-hover,#5558e3);transform:scale(1.05)}.voice-play-btn svg{fill:#fff;stroke:none;width:16px;height:16px}.voice-play-btn .play-icon{margin-left:2px;display:block}.voice-play-btn .pause-icon,.voice-play-btn.playing .play-icon{display:none}.voice-play-btn.playing .pause-icon{display:block}.voice-play-btn.playing{background:#ef4444}.voice-memo-main{flex:1;min-width:0}.voice-memo-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.voice-memo-name{color:var(--text-primary);font-size:13px;font-weight:600}.voice-memo-date{color:var(--text-muted);font-size:11px}.voice-memo-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.voice-memo-progress-bar{background:var(--primary);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.voice-transcript-toggle{border-radius:var(--radius-sm);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.voice-transcript-toggle:hover{opacity:1;background:var(--bg-input)}.voice-transcript-toggle svg{width:16px;height:16px;stroke:var(--text-secondary);stroke-width:2px;fill:none;transition:transform .2s}.voice-transcript-toggle.expanded svg{transform:rotate(180deg)}.voice-memo-delete-btn{border-radius:var(--radius-sm);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.voice-memo-row:hover .voice-memo-delete-btn{opacity:.5}.voice-memo-delete-btn:hover{background:#ef444426;opacity:1!important}.voice-memo-delete-btn svg{stroke:#ef4444;stroke-width:2px;fill:none;width:14px;height:14px}.voice-transcript{max-height:0;margin-left:52px;margin-right:12px;transition:max-height .3s,padding .3s;overflow:hidden}.voice-transcript.expanded{max-height:300px;padding:12px 0}.voice-transcript-tabs{gap:4px;margin-bottom:8px;display:flex}.transcript-tab{text-transform:uppercase;letter-spacing:.5px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:6px 12px;font-size:11px;font-weight:600}.transcript-tab:hover{background:rgba(var(--primary-rgb),.1);color:var(--text-primary)}.transcript-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.voice-transcript-content{color:var(--text-secondary);background:var(--bg-input);border-radius:var(--radius-md);border-left:3px solid var(--primary);max-height:200px;padding:12px 16px;font-size:13px;line-height:1.6;overflow-y:auto}.voice-transcript-content.notes-view{white-space:pre-wrap;border-left-color:#4ade80}.voice-transcript-content.raw-view{border-left-color:#f472b6;font-family:SF Mono,Consolas,monospace;font-size:12px}.voice-transcript-raw{display:none}.voice-memo-modal{max-width:400px}.voice-memo-record-section{flex-direction:column;align-items:center;padding:20px;display:flex}.voice-memo-record-btn{border:3px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:120px;height:120px;transition:all .3s;display:flex}.voice-memo-record-btn:hover{border-color:var(--primary);background:var(--bg-elevated)}.voice-memo-record-btn.recording{background:#ef44441a;border-color:#ef4444;animation:1.5s infinite pulse-recording}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.voice-memo-record-icon svg{width:36px;height:36px;stroke:var(--text-secondary);stroke-width:2px;fill:none;transition:stroke .3s}.voice-memo-record-btn:hover .voice-memo-record-icon svg{stroke:var(--primary)}.voice-memo-record-btn.recording .voice-memo-record-icon svg{stroke:#ef4444}.voice-memo-record-label{color:var(--text-muted);font-size:12px;font-weight:600}.voice-memo-preview{width:100%;margin-top:20px}.voice-memo-preview-label,.voice-memo-transcript-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.voice-memo-preview audio{border-radius:var(--radius-sm);width:100%}.voice-memo-live-section{border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;width:100%;margin-top:20px;padding:16px}.voice-memo-live-label{text-transform:uppercase;letter-spacing:.5px;color:#ef4444;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-recording}.voice-memo-live-transcript{color:var(--text-primary);min-height:40px;max-height:120px;font-size:14px;font-style:italic;line-height:1.6;overflow-y:auto}.voice-memo-transcript-preview{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;margin-top:16px;padding:16px}.voice-memo-transcript-text{color:var(--text-secondary);max-height:100px;font-size:13px;line-height:1.6;overflow-y:auto}.note-audio-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.audio-player-label{color:var(--note-color,var(--primary));text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.audio-player-label svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.audio-player-container{width:100%}.audio-player-container audio{border-radius:8px;outline:none;width:100%;height:40px}.audio-player-container audio::-webkit-media-controls-panel{background:var(--bg-input)}.audio-player-container audio::-webkit-media-controls-current-time-display{color:var(--text-secondary)}.audio-player-container audio::-webkit-media-controls-time-remaining-display{color:var(--text-secondary)}.note-detail-tags{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.note-tag{background:color-mix(in srgb,var(--tag-color)12%,transparent);color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color)25%,transparent);border-radius:14px;padding:5px 12px;font-size:11px;font-weight:600}.note-detail-actions{margin-top:24px}.note-detail-parent{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:12px;padding-bottom:12px;font-size:11px}.sub-ideas-section{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-top:20px;overflow:hidden}.sub-ideas-header{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;font-size:11px;font-weight:600;display:flex}.sub-ideas-count{background:var(--primary);color:#000;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.sub-ideas-list{padding:8px}.sub-idea-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;border-left:3px solid var(--note-color,var(--primary));align-items:center;gap:12px;margin-bottom:6px;padding:12px;transition:all .2s;display:flex}.sub-idea-item:last-child{margin-bottom:0}.sub-idea-arrow{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;opacity:0;flex-shrink:0;transition:opacity .2s}.sub-idea-item:hover .sub-idea-arrow{opacity:1}.add-sub-idea-btn{border:none;border-top:1px solid var(--border-subtle);width:100%;color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-sub-idea-btn:hover{background:var(--primary-light)}.max-depth-notice{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:12px;font-size:11px;font-style:italic}.delete-note-btn{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.delete-note-btn:hover{background:#ef44441a;border-color:#ef4444}.delete-note-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.template-btn{background:var(--bg-input);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.template-btn:hover{background:var(--bg-elevated)}.template-btn.active{border-color:var(--template-color);box-shadow:0 0 15px color-mix(in srgb,var(--template-color)30%,transparent)}.template-color{border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px}.template-name{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600}.template-badge{border:1px solid;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.tags-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tag-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#ffffff08;border-radius:6px;padding:8px 4px;font-size:9px;font-weight:600;transition:all .2s}.tag-btn:hover{color:#fff;background:#ffffff14}.tag-btn.active{color:#fff;background:#ffffff14;border-color:currentColor}.items-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.item-row{background:var(--bg-input);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.item-row:hover{border-color:var(--border);background:var(--bg-elevated)}.item-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px}.item-row span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.stat-row{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.stat-row .stat-value{font-size:24px}.stat-label{color:var(--text-muted);font-size:13px}.record-container{flex-direction:column;align-items:center;padding:24px 0;display:flex}.record-btn{background:var(--bg-input);border:3px solid var(--border-subtle);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 0 30px #38bdf833}.record-btn:hover{border-color:var(--primary);box-shadow:0 0 40px #38bdf84d}.record-btn-inner{background:var(--primary);border-radius:50%;width:28px;height:28px;transition:all .3s;box-shadow:0 0 15px #38bdf880}.record-btn.recording{border-color:var(--success);box-shadow:0 0 40px #4ade804d}.record-btn.recording .record-btn-inner{background:var(--success);border-radius:6px;width:24px;height:24px}.record-label{color:var(--text-muted);margin-top:14px;font-size:13px}.record-btn.recording+.record-label{color:var(--success)}.transcript-box{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:120px;max-height:250px;color:var(--text-primary);resize:none;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.transcript-box:focus{border-color:var(--primary);outline:none}.view-toggle{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:11px;font-weight:600;transition:all .15s}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{background:var(--primary);color:#fff}.action-bar{gap:8px;margin-top:12px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.action-btn.primary:hover{background:var(--primary-hover)}.delete-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.delete-btn:hover{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}.modal-overlay{z-index:200;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;pointer-events:auto}.quick-create-overlay{background:#0009;justify-content:flex-end;align-items:flex-end;padding:0 0 120px 32px}.quick-create-menu{flex-direction:column;gap:12px;display:flex;position:relative}.quick-create-option{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:14px 24px 14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.2s ease-out backwards slideIn;display:flex}.quick-create-option:first-child{animation-delay:50ms}.quick-create-option:nth-child(2){animation-delay:.1s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quick-create-option:hover{background:var(--bg-elevated);border-color:var(--primary);transform:translate(8px)}.quick-create-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quick-create-icon.idea-icon{background:linear-gradient(135deg,#a855f733 0%,#8b5cf633 100%);border:1px solid #a855f74d}.quick-create-icon.idea-icon svg{stroke:#a855f7}.quick-create-icon.voice-icon{background:linear-gradient(135deg,#4ade8033 0%,#22c55e33 100%);border:1px solid #4ade804d}.quick-create-icon.voice-icon svg{stroke:#4ade80}.quick-create-icon svg{stroke-width:2px;fill:none;width:22px;height:22px}.quick-create-option span{color:var(--text-primary);font-size:15px;font-weight:600}.quick-create-close{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;animation:.2s ease-out .15s backwards fadeIn;display:flex;position:absolute;top:-60px;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-create-close:hover{background:var(--bg-elevated);border-color:var(--primary)}.quick-create-close svg{width:20px;height:20px;stroke:var(--text-secondary);stroke-width:2px;fill:none}.note-modal{max-width:480px}.voice-input-section{justify-content:center;padding:20px 0;display:flex}.voice-record-toggle{background:var(--bg-input);border:2px dashed var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:24px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.voice-record-toggle:hover{border-color:var(--primary);background:var(--bg-elevated)}.voice-record-toggle.recording{border-color:var(--success);background:#4ade801a;border-style:solid;animation:1.5s ease-in-out infinite recordingPulse}@keyframes recordingPulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 12px #4ade8000}}.voice-toggle-icon{background:linear-gradient(135deg,var(--primary)0%,#0ea5e9 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.voice-record-toggle.recording .voice-toggle-icon{background:linear-gradient(135deg,var(--success)0%,#22c55e 100%);animation:1s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-toggle-icon svg{stroke:#fff;stroke-width:2px;fill:none;width:26px;height:26px}.voice-toggle-label{color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .3s}.voice-record-toggle.recording .voice-toggle-label{color:var(--success)}.input-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.input-divider:before,.input-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.input-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.note-content{min-height:100px}.modal-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:0 0 60px #38bdf826}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-footer-spacer{flex:1}.action-btn.danger-outline{color:#ef4444;background:0 0;border:1px solid #ef44444d;align-items:center;gap:6px;display:flex}.action-btn.danger-outline:hover{background:#ef44441a;border-color:#ef444480}.action-btn.danger-outline svg{flex-shrink:0}.action-btn.danger{color:#fff;background:#ef4444;border:none}.action-btn.danger:disabled{cursor:not-allowed;background:#9ca3af}.delete-confirm-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.delete-confirm-text{color:#ef4444;font-size:13px;font-weight:500}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:20px 20px 0 0;flex-direction:column;max-width:100%;height:auto;max-height:90dvh;animation:.35s cubic-bezier(.32,.72,0,1) slideUpModal;display:flex;overflow:hidden}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-card-lg{max-width:100%;max-height:92dvh}.modal-header{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:var(--bg-elevated);z-index:10;border-radius:20px 20px 0 0;flex-shrink:0;position:sticky;top:0}.modal-title{font-size:17px}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:calc(90dvh - 130px);padding:14px 16px;overflow:hidden auto}.modal-card-lg .modal-body{max-height:calc(92dvh - 130px)}.modal-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--border-subtle);z-index:10;flex-wrap:wrap;flex-shrink:0;gap:10px;position:sticky;bottom:0}.action-btn{min-height:46px;padding:12px 18px;font-size:15px}.action-btn.primary{flex:1;min-width:100px}.panel-close,.modal-close{justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.form-input,.form-textarea,.form-select{min-height:46px;padding:12px 14px;font-size:16px}.form-textarea{min-height:80px}.form-label{margin-bottom:6px;font-size:13px}.form-group{margin-bottom:14px}.system-types-row{grid-template-columns:1fr 1fr;gap:8px}.system-type-btn{min-height:auto;padding:10px 8px}.system-type-icon svg{width:24px;height:24px}.system-type-name{font-size:12px}.system-type-disabled-hint{font-size:9px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:6px}.template-btn{min-height:auto;padding:8px 6px}.template-color{width:14px;height:14px}.template-name{font-size:10px}.tags-grid{gap:8px}.tag-btn{min-height:38px;padding:8px 12px;font-size:12px}.voice-record-toggle{min-height:52px;padding:14px 16px}.linkable-systems-list{max-height:120px}.linkable-system-item{padding:8px 10px}.linkable-system-star{width:24px;height:24px}.linkable-system-name{font-size:13px}.link-preview{margin-top:10px;padding:10px}.preview-star{width:20px;height:20px}.preview-star-name{font-size:10px}.link-connector{width:40px;height:20px}.delete-confirm-group{flex-direction:column;gap:12px;width:100%}.delete-confirm-group .action-btn{width:100%}.note-modal .modal-body{max-height:calc(95dvh - 180px)}.settings-tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.settings-tab{white-space:nowrap;min-height:48px;padding:14px 16px;font-size:14px}.search-modal{border-radius:0;max-width:100%;height:100%;max-height:100dvh}.search-header{padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.search-input{padding:12px 0;font-size:16px}.search-filters{-webkit-overflow-scrolling:touch;padding:12px 16px;overflow-x:auto}.filter-btn{white-space:nowrap;min-height:42px;padding:10px 14px;font-size:13px}.search-results{padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.search-result-item{min-height:56px;padding:14px 0}.upgrade-modal{border-radius:20px 20px 0 0;max-width:100%}}@media (max-width:480px){.modal-card{max-height:88dvh}.modal-card-lg{max-height:90dvh}.modal-header{padding:12px 14px}.modal-body{max-height:calc(88dvh - 120px);padding:12px 14px}.modal-card-lg .modal-body{max-height:calc(90dvh - 120px)}.modal-footer{padding:12px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column}.modal-footer .action-btn{width:100%}.modal-footer-spacer{display:none}.form-group{margin-bottom:12px}.form-input,.form-textarea,.form-select{min-height:42px;padding:10px 12px}.form-textarea{min-height:70px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:5px}.template-btn{padding:6px 4px}.template-color{width:12px;height:12px}.template-name{font-size:9px}.system-types-row{gap:6px}.system-type-btn{padding:8px 6px}.system-type-icon svg{width:20px;height:20px}.system-type-name{font-size:11px}.linkable-systems-list{max-height:100px}.linkable-system-item{gap:8px;padding:6px 8px}.linkable-system-star{width:20px;height:20px}.linkable-system-name{font-size:12px}.link-preview{display:none}}.toast{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);opacity:0;z-index:300;padding:12px 24px;font-size:14px;transition:all .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(40px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf880}.panel-toggle-btn{display:none}.panel-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:84;opacity:0;visibility:hidden;background:#0009;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.panel-mobile-backdrop.visible{opacity:1;visibility:visible}@media (max-width:600px){.panel-mobile-backdrop{display:block}}.management-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:85;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:60px;bottom:0;right:0;overflow:visible;box-shadow:-10px 0 50px #00000080}.management-panel.hidden{pointer-events:none;transform:translate(100%)}.management-panel.hidden .panel-edge-tab{opacity:0;pointer-events:none}.management-panel.sidebar{pointer-events:auto;width:25%;min-width:320px;max-width:420px;transform:translate(0)}.management-panel.half{pointer-events:auto;width:50%;min-width:400px;transform:translate(0)}.management-panel-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header-left{align-items:center;gap:12px;display:flex}.panel-nav-btn{background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.panel-nav-btn:hover{background:var(--bg-elevated);border-color:var(--primary)}.panel-nav-btn svg{width:18px;height:18px;stroke:var(--text-primary);stroke-width:2px;fill:none}.management-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.panel-edge-tab{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;z-index:10;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:20px;height:60px;transition:all .2s;display:flex;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.panel-edge-tab:hover{background:var(--bg-elevated);width:24px;left:-24px}.panel-edge-tab svg{width:16px;height:16px;stroke:var(--text-secondary);stroke-width:2.5px;fill:none;transition:transform .3s,stroke .2s}.panel-edge-tab:hover svg{stroke:var(--primary)}.management-panel.sidebar .panel-edge-tab svg{transform:rotate(180deg)}.management-panel.half .panel-edge-tab svg{transform:rotate(0)}.panel-close-x{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.panel-close-x:hover{background:#ef444426}.panel-close-x svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2px;fill:none;transition:stroke .2s}.panel-close-x:hover svg{stroke:#ef4444}.management-panel-content{background:linear-gradient(var(--bg-card)30%,transparent),linear-gradient(transparent,var(--bg-card)70%)0 100%,radial-gradient(farthest-side at 50% 0,#0000004d,transparent),radial-gradient(farthest-side at 50% 100%,#0000004d,transparent)0 100%;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;flex:1;padding:20px 24px;overflow-y:auto}.management-panel-content::-webkit-scrollbar{width:6px}.management-panel-content::-webkit-scrollbar-track{background:0 0}.management-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.management-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.system-list{flex-direction:column;gap:12px;display:flex}.system-item{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.system-item:hover{border-color:var(--system-color,var(--primary));background:var(--bg-elevated);transform:translate(4px)}.system-item-star{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);width:40px;height:40px;box-shadow:0 0 20px var(--system-color,var(--primary));border-radius:50%;flex-shrink:0}.system-item-info{flex:1;min-width:0}.system-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.system-item-meta{color:var(--text-muted);font-size:12px}.system-item-arrow{width:24px;height:24px;stroke:var(--text-muted);stroke-width:2px;fill:none;flex-shrink:0;transition:all .2s}.system-group{margin-bottom:8px}.system-group .system-item{border-radius:var(--radius-md)}.system-group.expanded .system-item{border-radius:var(--radius-md)var(--radius-md)0 0;border-bottom-color:#0000}.system-expand-btn{border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.system-expand-btn:hover{background:var(--bg-elevated);border-color:var(--system-color,var(--primary))}.system-expand-icon{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;flex-shrink:0;transition:transform .2s}.system-expand-btn:hover .system-expand-icon{stroke:var(--system-color,var(--primary))}.system-group.expanded .system-expand-icon{transform:rotate(180deg)}.system-enter-btn{border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.system-enter-btn:hover{background:var(--system-color,var(--primary));border-color:var(--system-color,var(--primary))}.system-enter-btn svg{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none}.system-enter-btn:hover svg{stroke:#fff}.system-notes-tree{background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-md)var(--radius-md);opacity:0;border-top:none;max-height:0;padding:0;transition:max-height .3s,opacity .2s,padding .2s;overflow:hidden}.system-notes-tree.expanded{opacity:1;max-height:500px;padding:12px;overflow-y:auto}.system-notes-list{background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-md)var(--radius-md);border-top:none;max-height:0;transition:max-height .3s;overflow:hidden}.system-group.expanded .system-notes-list{max-height:300px}.system-note-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:10px 16px 10px 56px;transition:background .15s;display:flex}.system-note-item:last-child{border-bottom:none}.system-note-item:hover{background:var(--bg-input)}.note-bullet{color:var(--system-color,var(--primary));font-size:18px;line-height:1}.note-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.system-note-item:hover .note-title{color:var(--text-primary)}.note-voice-badge{opacity:.7;font-size:12px}.system-notes-more{color:var(--system-color,var(--primary));cursor:pointer;padding:10px 16px 10px 56px;font-size:12px}.system-notes-more:hover{background:var(--bg-input)}.system-notes-empty{color:var(--text-muted);padding:12px 16px 12px 56px;font-size:12px;font-style:italic}.system-item:hover .system-item-arrow{stroke:var(--system-color,var(--primary));transform:translate(4px)}.items-section{margin-top:20px}.items-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.items-section-count{background:var(--bg-input);border-radius:10px;padding:2px 8px;font-size:10px}.item-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.item-card:hover{border-color:var(--item-color,var(--primary));background:var(--bg-elevated)}.item-card-icon{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-card-icon svg{width:16px;height:16px;stroke:var(--item-color,var(--primary));stroke-width:2px;fill:none}.item-card-content{flex:1;min-width:0}.item-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.item-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.item-card-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.item-card-icon.voice{background:#22c55e26;border-color:#22c55e4d}.item-card-icon.voice svg{stroke:#22c55e}.item-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;display:-webkit-box;overflow:hidden}.item-card-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-tag{color:var(--tag-color,var(--text-muted));border:1px solid var(--tag-color,var(--border-subtle));background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:9px}.panel-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.panel-empty-icon{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:32px;display:flex}.panel-empty-text{color:var(--text-muted);margin-bottom:20px;font-size:14px}.panel-add-btn{border:1px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;width:calc(100% - 24px);color:var(--text-muted);background:0 0;justify-content:center;align-items:center;gap:8px;margin:12px 12px 8px;padding:12px 16px;transition:all .2s;display:flex}.panel-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f114}.panel-add-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.panel-add-btn span{color:currentColor;font-size:13px;font-weight:500}.panel-secondary-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px;transition:all .2s;display:flex}.panel-secondary-btn:hover{border-color:var(--text-muted);background:var(--bg-input)}.panel-secondary-btn svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2px;fill:none}.panel-secondary-btn span{color:var(--text-muted);font-size:13px;font-weight:500}.panel-secondary-btn:hover svg,.panel-secondary-btn:hover span{color:var(--text-secondary);stroke:var(--text-secondary)}.system-header{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.system-header-star{background:radial-gradient(circle at 30% 30%,#fff 0%,var(--system-color,var(--primary))50%,transparent 70%);width:56px;height:56px;box-shadow:0 0 30px var(--system-color,var(--primary));border-radius:50%;flex-shrink:0}.system-header-info{flex:1}.system-header-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.system-header-type{background:color-mix(in srgb,var(--system-color,var(--primary))15%,transparent);color:var(--system-color,var(--primary));text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.system-header-stats{gap:20px;display:flex}.system-stat{text-align:center}.system-stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.system-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}@media (max-width:600px){.fab-container{bottom:24px;left:24px}.fab-main{width:56px;height:56px}.detail-panel{width:100%}.global-search-container{max-width:100%;padding:0 12px;top:12px}.global-search-bar{padding:6px 12px}.search-input{font-size:13px}.breadcrumb-nav{max-width:calc(100vw - 80px);padding:6px 12px;font-size:11px;top:60px;left:12px}.breadcrumb-item{gap:4px;padding:3px 6px}.breadcrumb-icon{width:12px;height:12px}.back-btn{padding:8px 14px;font-size:12px;top:60px;left:16px}.templates-grid{grid-template-columns:repeat(2,1fr)}.workspace-list-header{flex-wrap:wrap;gap:12px;padding:20px}.workspace-list-title{font-size:24px}.workspace-list-subtitle{font-size:12px}.workspace-list-add{padding:12px 16px}.workspace-list-add span{display:none}.workspace-list-content{padding:0 20px 20px}.workspace-grid{grid-template-columns:1fr;gap:16px}.workspace-card-content{padding:20px}.workspace-card-name{font-size:18px}.workspace-card-footer{padding:14px 20px}.panel-toggle-btn{width:44px;height:44px;top:16px;right:16px}.panel-edge-tab{display:none}.management-panel{background:var(--bg-card);border-left:none;width:100%;min-width:auto;max-width:100%;height:100dvh;transition:transform .35s cubic-bezier(.32,.72,0,1);top:0;transform:translate(100%)}.management-panel.sidebar,.management-panel.half{background:var(--bg-card);border-left:none;width:100%;min-width:auto;max-width:100%;top:0;transform:translate(0)}.management-panel.hidden{transform:translate(100%)}.management-panel-header{padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));z-index:10;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.management-title{font-size:18px}.management-panel-content{padding:16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.panel-close-x{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.panel-close-x svg{width:24px;height:24px}.universe-galaxy-item,.system-item,.note-item{min-height:56px;padding:14px 16px}.item-edit-btn{width:40px;min-width:40px;height:40px}.system-header{text-align:center;flex-direction:column}.system-header-stats{justify-content:center}.panel-back-btn{min-height:48px;padding:12px 16px;font-size:14px}.panel-add-btn{min-height:52px;padding:14px 18px}}.user-menu-container{display:none}.auth-modal{width:100%;max-width:400px}.auth-tabs{border-bottom:1px solid var(--border);display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.auth-tab:after{content:"";background:var(--primary);height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.auth-tab:hover{color:var(--text-secondary)}.auth-tab.active{color:var(--primary)}.auth-tab.active:after{transform:scaleX(1)}.auth-form{flex-direction:column;gap:16px;display:flex}.form-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.auth-error{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;padding:10px 12px;font-size:13px;display:none}.auth-error.visible{display:block}.auth-submit{width:100%;margin-top:8px;padding:12px}.auth-submit .btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.auth-submit.loading .btn-text{display:none}.auth-submit.loading .btn-loading{display:flex!important}.auth-footer{justify-content:center}.auth-info{color:var(--text-muted);text-align:center;font-size:12px}.migration-modal{max-width:440px}.migration-info{text-align:center}.migration-icon{width:48px;height:48px;stroke:var(--primary);fill:none;stroke-width:1.5px;margin-bottom:16px}.migration-info p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.migration-stats{background:var(--bg-input);border-radius:var(--radius-sm);padding:16px}.migration-stat{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:8px 0;display:flex}.migration-stat:last-child{border-bottom:none}.migration-stat-label{color:var(--text-muted);font-size:13px}.migration-stat-value{color:var(--text-primary);font-size:13px;font-weight:600}@media (max-width:900px){.main-header{height:56px;padding:0 12px}.header-left{gap:6px;max-width:calc(50% - 180px)}.logo-text{display:none}.header-nav .nav-item span{text-overflow:ellipsis;max-width:80px;overflow:hidden}.header-nav .nav-item{padding:6px 8px}.header-nav .nav-separator{display:inline}.header-center{max-width:400px;padding:0 12px}button.header-search{padding:10px 14px}button.header-search .search-placeholder{font-size:13px}#galaxyCanvas{margin-top:56px;height:calc(100vh - 56px)!important}}.mobile-search-btn{border:1px solid var(--border-subtle);cursor:pointer;background:#0a1428cc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.mobile-search-btn:hover,.mobile-search-btn:active{border-color:var(--primary);background:#0a1432f2}.mobile-search-btn svg{width:20px;height:20px;stroke:var(--text-secondary);fill:none;stroke-width:2px}@media (max-width:640px){.main-header{gap:8px;height:52px;padding:0 10px}.header-left{flex-shrink:0;gap:4px;max-width:none}.header-logo-wrapper{border-radius:8px}.header-logo{padding:6px}.logo-icon{width:24px;height:24px}.logo-text{display:none}.logo-dropdown-btn{width:24px;height:32px;padding:0 4px 0 0}.logo-dropdown-btn svg{width:14px;height:14px}.header-nav,.header-breadcrumb{display:none}.management-panel,.management-panel.sidebar,.management-panel.half{top:52px}.mobile-search-btn{display:none}.header-search-container{width:100%;max-width:none;display:block}.header-center{flex:1;min-width:0;max-width:calc(100% - 90px);margin:0 8px;padding:0;position:relative;left:auto;transform:none}.header-search-input-wrapper{gap:6px;padding:8px 10px}.header-search-input-wrapper .search-icon{width:16px;height:16px}.header-search-input{font-size:16px}.header-search-input::placeholder{font-size:14px}.search-kbd{display:none}.search-clear-btn{width:24px;height:24px}.header-search-dropdown{z-index:200;border-left:none;border-right:none;border-top:1px solid var(--primary);border-radius:0;max-height:calc(100dvh - 52px);position:fixed;top:52px;left:0;right:0}.search-dropdown-section{padding:12px 16px}.search-dropdown-header{padding:0 0 10px;font-size:11px}.search-result-row{min-height:52px;padding:12px 0}.result-info .result-name{font-size:15px}.result-info .result-desc,.result-info .result-path{font-size:13px}.search-recent-item{min-height:48px;padding:12px 0}.search-dropdown-footer{padding:16px;font-size:13px}.search-dropdown-empty{padding:32px 20px}.search-dropdown-loading{padding:24px}.header-right{flex-shrink:0;gap:8px}.header-user .user-auth-btn span{display:none}.header-user .user-auth-btn{border-radius:8px;padding:8px}.header-user .user-name{display:none}.header-user .user-profile-btn{padding:4px}.header-user .user-chevron{display:none}.header-user .user-dropdown{right:-30px}.floating-menu-btn{border-radius:10px;width:44px;height:44px;top:68px;right:12px}.floating-menu-btn svg{width:20px;height:20px}#galaxyCanvas{margin-top:52px;height:calc(100vh - 52px)!important}}@media (max-width:480px){.auth-modal,.migration-modal{max-width:calc(100% - 24px);margin:12px}}.copy-move-modal{width:100%;max-width:450px;max-height:80vh}.copy-move-item-preview{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;margin-bottom:20px;padding:12px 16px}.copy-move-item-preview .item-name{color:var(--primary);font-weight:600}.copy-move-destination label{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:500;display:block}.destination-tree{border:1px solid var(--border);background:#0f172a80;border-radius:8px;max-height:300px;overflow-y:auto}.destination-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.destination-item:last-child{border-bottom:none}.destination-item:hover{background:#38bdf81a}.destination-item.selected{border-color:var(--primary);background:#38bdf833}.destination-item.excluded{opacity:.4;cursor:not-allowed}.destination-item.system-dest{padding-left:36px}.dest-icon{font-size:14px}.dest-name{color:var(--text-primary);font-size:14px}.fuse-mode-bar{z-index:1500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172af2,#0f172afa);border-top:2px solid #ec4899;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.fuse-info{color:var(--text-secondary);align-items:center;gap:12px;display:flex}.fuse-info svg{stroke:#ec4899;fill:none;width:24px;height:24px}.fuse-info strong{color:#ec4899}.fuse-actions{gap:12px;display:flex}.fuseable{position:relative;cursor:pointer!important}.fuseable:after{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #ec489966;animation:2s infinite fusePulse;position:absolute;inset:-2px}.fuse-selected:after{background:#ec48991a;border-style:solid;border-color:#ec4899}@keyframes fusePulse{0%,to{opacity:.4}50%{opacity:1}}.orbit-modal{width:100%;max-width:500px}.orbit-description{color:var(--text-muted);margin-bottom:20px;font-size:14px}.orbit-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.orbit-option{border:2px solid var(--border);cursor:pointer;background:#1e293b99;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.orbit-option:hover{border-color:var(--orbit-color);background:rgba(var(--orbit-color),.1)}.orbit-option.selected{border-color:var(--orbit-color);background:linear-gradient(135deg,rgba(var(--orbit-color-rgb,99,102,241),.15),transparent)}.orbit-icon{background:var(--orbit-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.orbit-icon svg{stroke:#fff;stroke-width:2px;fill:none;width:20px;height:20px}.orbit-name{color:var(--text-primary);flex:1;font-weight:600}.orbit-check{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.orbit-option.selected .orbit-check{background:var(--orbit-color);border-color:var(--orbit-color)}.orbit-check svg{stroke:#fff;stroke-width:3px;fill:none;opacity:0;width:14px;height:14px;transition:all .2s;transform:scale(0)}.orbit-option.selected .orbit-check svg{opacity:1;transform:scale(1)}.ignite-modal{width:100%;max-width:450px}.ignite-description{color:var(--text-muted);margin-bottom:20px;font-size:14px}.ignite-options{flex-direction:column;gap:10px;display:flex}.ignite-option{border:2px solid var(--border);cursor:pointer;background:#1e293b99;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.ignite-option:hover{border-color:var(--primary);background:#38bdf81a;transform:translate(4px)}.ignite-option-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ignite-option-icon svg{stroke:#fff;stroke-width:2px;fill:none;width:22px;height:22px}.ignite-option-info{flex:1}.ignite-option-name{color:var(--text-primary);margin-bottom:2px;font-weight:600}.ignite-option-desc{color:var(--text-muted);font-size:12px}.note-item.cooled,.idea-item.cooled,.note-tree-item.cooled{opacity:.5;filter:grayscale(50%)}.note-item.cooled:before,.idea-item.cooled:before{content:"❄️";font-size:12px;position:absolute;top:8px;right:8px}.note-tree-item.cooled .system-note-title:before{content:"❄️ ";font-size:10px}.note-item.archived,.idea-item.archived,.note-tree-item.archived{opacity:.4;filter:grayscale(70%)}.note-tree-item.archived .system-note-title:before{content:"📦 ";font-size:10px}.note-item.fused:before,.idea-item.fused:before{content:"🔗";font-size:12px;position:absolute;top:8px;right:8px}.note-tree-item.fused .system-note-title:after{content:" 🔗";font-size:10px}.note-item.ignition,.idea-item.ignition,.note-tree-item.ignition{border-left:3px solid #f97316}.note-item.ignition:before,.idea-item.ignition:before{content:"🔥";font-size:12px;position:absolute;top:8px;right:8px}.note-tree-item.ignition .system-note-title:before{content:"🔥 ";font-size:10px}.note-item.has-gravity,.idea-item.has-gravity,.note-tree-item.has-gravity{box-shadow:0 0 15px #6366f14d}.note-item.has-gravity:after,.idea-item.has-gravity:after{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #6366f166;animation:3s infinite gravityPulse;position:absolute;inset:-4px}.note-tree-item.has-gravity{position:relative}.note-tree-item.has-gravity:after{content:"🌀";font-size:12px;animation:3s infinite gravityPulse;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.note-item.attracted,.idea-item.attracted{opacity:.85;border-left:3px solid #6366f1}@keyframes gravityPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.orbit-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.orbit-badge{text-transform:uppercase;letter-spacing:.3px;color:var(--primary);background:#6366f133;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.orbit-badge.business{color:#3b82f6;background:#3b82f633}.orbit-badge.technical{color:#8b5cf6;background:#8b5cf633}.orbit-badge.personal{color:#ec4899;background:#ec489933}.orbit-badge.longterm{color:#10b981;background:#10b98133}.orbit-badge.risk{color:#f59e0b;background:#f59e0b33}.orbit-badge.creative{color:#06b6d4;background:#06b6d433}.lineage-indicator{color:var(--text-muted);background:#ec48991a;border:1px solid #ec48994d;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-size:12px;display:flex}.lineage-indicator svg{stroke:#ec4899;fill:none;width:16px;height:16px}.lineage-sources{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.lineage-source{color:#ec4899;background:#ec489926;border-radius:4px;padding:4px 8px;font-size:11px}.auth-layout{background:var(--bg-dark);background-image:radial-gradient(at top,#6366f126 0%,#0000 50%),radial-gradient(at bottom,#38bdf81a 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-page{justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-box{width:100%;max-width:420px}.auth-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 60px #00000080!important}.landing-page{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg{z-index:0;background-image:radial-gradient(at 20% 30%,#6366f133 0%,#0000 40%),radial-gradient(at 80% 70%,#38bdf826 0%,#0000 40%),radial-gradient(#ec48991a 0%,#0000 50%);position:absolute;inset:0}.landing-content{z-index:1;text-align:center;max-width:600px;padding:40px 20px;position:relative}.landing-logo{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.landing-logo .logo-icon{width:64px;height:64px}.landing-logo .logo-text{font-size:36px;font-weight:700}.landing-tagline{color:var(--text-secondary);margin-bottom:40px;font-size:18px;line-height:1.6}.landing-buttons{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.landing-buttons .action-btn{border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-size:15px;text-decoration:none;display:inline-flex}.landing-features{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.feature{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.feature svg{width:20px;height:20px;stroke:var(--primary);stroke-width:2px;fill:none}.dashboard-layout{background:var(--bg-dark);min-height:100vh}.dashboard-content{width:100%;height:100vh;position:relative}.cl-userButtonBox{width:36px;height:36px}.cl-userButtonTrigger,.cl-userButtonAvatarBox{width:36px!important;height:36px!important}.cl-socialButtonsBlockButton,.cl-socialButtonsIconButton{border:1px solid var(--border)!important;background:#1e293bcc!important}.cl-socialButtonsBlockButton:hover,.cl-socialButtonsIconButton:hover{background:#334155e6!important}.cl-socialButtonsBlockButtonText,.cl-socialButtonsBlockButton__google .cl-socialButtonsBlockButtonText,.cl-socialButtonsBlockButton__github .cl-socialButtonsBlockButtonText,.cl-socialButtonsBlockButton span,.cl-socialButtonsBlockButton__google span,.cl-socialButtonsBlockButton__github span{color:#fff!important}.cl-socialButtonsProviderIcon{filter:brightness(1.2)}.cl-card{background:var(--bg-elevated)!important;border:1px solid var(--border)!important}.cl-headerTitle,.cl-headerSubtitle{color:var(--text-primary)!important}.cl-dividerLine{background:var(--border)!important}.cl-dividerText{color:var(--text-muted)!important}.cl-formFieldLabel{color:var(--text-secondary)!important}.cl-formFieldInput{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text-primary)!important}.cl-formFieldInput:focus{border-color:var(--primary)!important}.cl-footerActionText{color:var(--text-muted)!important}.cl-footerActionLink{color:var(--primary)!important}.clerk-social-btn{background:#1e293be6!important;border:1px solid #94a3b84d!important}.clerk-social-btn:hover{background:#334155!important;border-color:#94a3b880!important}.clerk-social-text{color:#fff!important;font-weight:500!important}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}body{font-family:var(--font-inter)}.search-modal{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1428fa;border-radius:16px;flex-direction:column;width:90%;max-width:680px;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}.search-header{border-bottom:1px solid var(--border-subtle);background:#050f2380;align-items:center;gap:14px;padding:18px 24px;display:flex}.search-modal .search-icon{width:22px;height:22px;color:var(--text-muted);flex-shrink:0}.search-modal .search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:17px;font-weight:400}.search-modal .search-input::placeholder{color:var(--text-muted)}.search-shortcut{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-size:12px}.search-modal .search-filters{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding:14px 24px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff14}.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#38bdf826}.filter-btn svg{width:14px;height:14px}.search-results{flex:1;padding:16px 24px;overflow-y:auto}.search-placeholder,.search-empty{text-align:center;color:var(--text-muted);padding:50px 20px}.search-hint{opacity:.7;margin-top:8px;font-size:13px}.search-group{margin-bottom:20px}.search-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:4px 8px 12px;font-size:11px;font-weight:600}.search-modal .search-result-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:all .15s;display:flex}.search-modal .search-result-item:hover{background:#38bdf814;border-color:#38bdf826}.result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.result-icon.galaxy-icon{background:var(--primary);box-shadow:0 0 12px #38bdf866}.result-icon.system-icon{background:#f59e0b;box-shadow:0 0 12px #f59e0b66}.result-icon.note-icon{background:#22c55e;box-shadow:0 0 12px #22c55e66}.result-content{flex:1;min-width:0}.result-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;display:block;overflow:hidden}.result-description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;display:block;overflow:hidden}.result-path{color:var(--text-muted);opacity:.8;margin-top:2px;font-size:11px;display:block}.result-path:before{content:"";background:var(--primary);opacity:.6;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.search-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px 20px;display:flex}.search-loading-spinner{border:2px solid #38bdf833;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.search-loading p{font-size:14px}.settings-trigger{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:16px;right:80px}.settings-trigger:hover{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.settings-trigger svg{width:20px;height:20px}@media (max-width:640px){.settings-trigger{display:none}}.settings-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:500px;overflow:hidden}.settings-tabs{border-bottom:1px solid var(--border-subtle);display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px;font-size:14px;font-weight:500;transition:all .2s}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{padding:20px}.settings-section h3{color:var(--text-primary);margin-bottom:12px;font-size:16px}.settings-section h4{color:var(--text-secondary);margin:20px 0 12px;font-size:14px}.settings-description{color:var(--text-muted);margin-bottom:16px;font-size:14px}.settings-warning{color:#f59e0b;margin-top:12px;font-size:13px}.account-info,.about-info{background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.info-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted)}.info-value{color:var(--text-primary)}.info-link{color:var(--primary)}.shortcuts-list{background:var(--bg-input);border-radius:var(--radius-sm);padding:12px}.shortcut-item{align-items:center;gap:12px;padding:8px 0;display:flex}.shortcut-item kbd{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:80px;color:var(--text-primary);text-align:center;border-radius:4px;padding:4px 8px;font-size:12px}.shortcut-item span{color:var(--text-muted);font-size:13px}.file-input{background:var(--bg-input);border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;padding:12px}.btn-icon{width:18px;height:18px;margin-right:8px}.action-btn.danger{color:#fff;background:#ef4444}.action-btn.danger:hover{background:#dc2626}.temperature-indicator{background:var(--bg-input);border-radius:3px;width:60px;height:6px;margin-left:auto;margin-right:12px;position:relative;overflow:hidden}.temperature-bar{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.temperature-label{color:var(--text-muted);font-size:11px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.cooled-badge{color:var(--primary);background:#38bdf833;border-radius:100px;margin-left:auto;margin-right:12px;padding:4px 10px;font-size:12px}.cool-down-btn{color:var(--primary)!important;background:#38bdf833!important}.cool-down-btn:hover{background:#38bdf84d!important}.footer-spacer{flex:1}.audio-playback-section{background:var(--bg-input);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.playback-btn{background:var(--primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:background .2s;display:flex}.playback-btn:hover{background:var(--primary-hover)}.playback-btn.playing{background:#f59e0b}.playback-btn svg{width:18px;height:18px}.delete-audio-btn{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;padding:10px 16px;font-size:14px;transition:all .2s}.delete-audio-btn:hover{color:#fff;background:#ef4444}.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;padding:12px 16px;font-size:14px}.form-select:focus{border-color:var(--primary);outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.panel-drag-hint{color:var(--text-muted);opacity:.7;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.panel-drag-hint svg{width:14px;height:14px}.drag-handle{width:20px;height:36px;color:var(--text-muted);opacity:.4;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px}.universe-galaxy-item:hover .drag-handle,.system-item:hover .drag-handle,.note-item:hover .drag-handle{opacity:1}.universe-galaxy-item.dragging,.system-item.dragging,.note-item.dragging{opacity:.5;background:var(--bg-elevated)!important;border:1px dashed var(--primary)!important}.universe-galaxy-item.drag-over,.system-item.drag-over,.note-item.drag-over{border:2px solid var(--primary)!important;background:var(--primary-light)!important}.notes-list{flex-direction:column;gap:4px;padding:0 12px;display:flex}.note-item{background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.note-item:hover{background:var(--bg-card);border-color:var(--border)}.note-item.cooled{opacity:.6}.note-item-content{flex:1;min-width:0}.note-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:500;display:flex;overflow:hidden}.note-voice-icon{font-size:12px}.note-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.note-temp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.note-item-subcount{color:var(--primary);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.note-item-arrow{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;opacity:.5;flex-shrink:0;transition:all .2s}.note-item:hover .note-item-arrow{opacity:1;stroke:var(--primary);transform:translate(2px)}.panel-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-family:inherit;font-size:13px;transition:color .2s;display:flex}.panel-back-btn:hover{color:var(--primary)}.panel-back-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.note-detail-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-left:3px solid var(--note-color,var(--primary));border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.note-detail-level{color:var(--note-color,var(--primary));margin-bottom:8px;font-size:11px;font-weight:500}.note-detail-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 8px;font-size:18px;font-weight:600;display:flex}.note-detail-date{color:var(--text-muted);margin-bottom:12px;font-size:12px}.note-detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.note-tag{background:color-mix(in srgb,var(--tag-color)20%,transparent);color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color)30%,transparent);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.note-detail-section{margin-bottom:16px}.note-detail-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.note-detail-section-label svg{stroke:currentColor}.note-detail-content{color:var(--text-primary);white-space:pre-wrap;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);min-height:60px;padding:14px 16px;font-size:14px;line-height:1.7}.note-detail-empty{color:var(--text-muted);font-size:13px;font-style:italic}.note-detail-transcription{border-radius:var(--radius-sm);background:#4ade801a;border:1px solid #4ade8033;margin-bottom:16px;padding:12px}.transcription-label{color:#4ade80;margin-bottom:6px;font-size:11px;font-weight:600}.note-detail-edit-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.note-detail-edit-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.note-detail-edit-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.note-detail-audio{border-radius:var(--radius-sm);background:#4ade8014;border:1px solid #4ade8033;margin-bottom:16px;padding:12px}.audio-section-label{color:#4ade80;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.audio-section-label svg{stroke:currentColor}.audio-play-btn{border-radius:var(--radius-sm);color:#4ade80;cursor:pointer;background:#4ade8026;border:1px solid #4ade804d;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.audio-play-btn:hover{background:#4ade8040;border-color:#4ade80}.audio-play-btn.playing{background:#4ade804d}.audio-play-btn svg{width:18px;height:18px}.note-detail-transcription{color:var(--text-primary);white-space:pre-wrap;border-radius:var(--radius-sm);background:#4ade8014;border:1px solid #4ade8033;padding:12px 14px;font-size:13px;line-height:1.6}.sub-ideas-section{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.sub-ideas-header{color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.sub-ideas-count{background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:10px}.sub-ideas-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.sub-idea-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.sub-idea-item:hover{background:var(--bg-elevated);border-color:var(--note-color,var(--primary))}.sub-idea-indicator{background:var(--note-color,var(--primary));width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb,var(--note-color,var(--primary))50%,transparent);border-radius:50%;flex-shrink:0}.sub-idea-content{flex:1;min-width:0}.sub-idea-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sub-idea-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.sub-idea-arrow{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;flex-shrink:0;transition:all .2s}.sub-idea-item:hover .sub-idea-arrow{stroke:var(--note-color,var(--primary));transform:translate(2px)}.add-sub-idea-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-sub-idea-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);border-style:solid}.add-sub-idea-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.add-sub-idea-btn.upgrade-hint{color:#fbbf24;background:#fbbf240d;border-color:#fbbf244d}.add-sub-idea-btn.upgrade-hint:hover{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2480}.add-sub-idea-btn.upgrade-hint svg{stroke:currentColor}.max-depth-notice{color:var(--text-muted);text-align:center;padding:10px;font-size:12px;font-style:italic}.cooled-header{opacity:.7;margin-top:16px}.cooled-list .note-item{background:#38bdf80d}.cooled-badge-small{font-size:12px}.universe-galaxy-item,.system-item{align-items:center;display:flex}.pricing-page{background:var(--bg-dark);min-height:100vh;padding:40px 20px;overflow-y:auto}.pricing-header{text-align:center;max-width:600px;margin:0 auto 48px}.pricing-back-link{color:var(--text-secondary);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.pricing-back-link:hover{color:var(--primary)}.pricing-title{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:700}.pricing-subtitle{color:var(--text-secondary);font-size:18px}.billing-toggle{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-top:24px;padding:4px;display:inline-flex}.billing-toggle.compact{margin-top:16px;margin-bottom:16px}.billing-option{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.billing-option.active{background:var(--primary);color:var(--bg-dark)}.billing-discount{background:var(--success);color:var(--bg-dark);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:24px;max-width:900px;margin:0 auto;display:flex}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:32px;transition:transform .2s,border-color .2s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#38bdf81a,#0000)}.pricing-card-badge{background:var(--primary);color:var(--bg-dark);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:24px}.plan-name{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.plan-description{color:var(--text-secondary);font-size:14px}.pricing-card-price{margin-bottom:24px}.price-amount{color:var(--text-primary);font-size:48px;font-weight:700}.price-period{color:var(--text-secondary);font-size:16px}.price-billed{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.plan-features{margin-bottom:32px;list-style:none}.plan-feature{color:var(--text-secondary);align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.feature-check{width:20px;height:20px;color:var(--success);stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0}.pricing-card-action{margin-top:auto}.plan-button{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.plan-button.primary{background:var(--primary);color:var(--bg-dark)}.plan-button.primary:hover:not(:disabled){background:var(--primary-hover)}.plan-button.secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle)}.plan-button.secondary:hover:not(:disabled){background:var(--bg-elevated)}.plan-button:disabled{opacity:.6;cursor:not-allowed}.pricing-faq{text-align:center;max-width:800px;margin:64px auto 0}.pricing-faq h2{color:var(--text-primary);margin-bottom:32px;font-size:24px;font-weight:700}.faq-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px}.faq-item h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.faq-item p{color:var(--text-secondary);font-size:14px;line-height:1.6}.upgrade-modal{text-align:center;background:linear-gradient(#0f172afa 0%,#0a1223fa 100%);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:400px;padding:32px;animation:.3s modalFadeIn;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.upgrade-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.upgrade-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.upgrade-modal-close svg{width:18px;height:18px}.upgrade-modal-header{margin-bottom:24px}.upgrade-modal-logo{margin-bottom:16px}.upgrade-modal-logo svg{width:48px;height:48px;color:var(--primary)}.upgrade-modal-title{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.upgrade-modal-reason{color:var(--text-secondary);margin:0;font-size:14px}.upgrade-billing-toggle{background:#ffffff0d;border-radius:10px;margin-bottom:24px;padding:4px;display:flex}.billing-option{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.billing-option:hover{color:var(--text-secondary)}.billing-option.active{color:var(--text-primary);background:#ffffff1a}.billing-save{color:var(--success);background:#34d39926;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.upgrade-price-display{justify-content:center;align-items:baseline;gap:2px;margin-bottom:4px;display:flex}.upgrade-price-currency{color:var(--text-secondary);font-size:20px;font-weight:600}.upgrade-price-amount{color:var(--text-primary);font-size:48px;font-weight:800;line-height:1}.upgrade-price-period{color:var(--text-muted);margin-left:2px;font-size:16px}.upgrade-price-note{color:var(--text-muted);margin:0 0 20px;font-size:13px}.upgrade-cta-btn{background:var(--primary);width:100%;color:var(--bg-dark);cursor:pointer;border:none;border-radius:12px;margin-bottom:24px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.upgrade-cta-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.upgrade-cta-btn:disabled{opacity:.7;cursor:not-allowed}.upgrade-modal-features{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin-bottom:20px;padding-top:20px;display:flex}.upgrade-modal-feature{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.upgrade-modal-feature svg{width:16px;height:16px;color:var(--success);flex-shrink:0}.upgrade-modal-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.upgrade-modal-footer svg{opacity:.6}@media (max-width:480px){.upgrade-modal{margin:16px;padding:24px}.upgrade-modal-title{font-size:20px}.upgrade-price-amount{font-size:40px}}@media (max-width:768px){.pricing-title{font-size:28px}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{max-width:100%}.price-amount{font-size:36px}}.error-boundary{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.error-boundary-content{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:400px;padding:40px}.error-icon{margin-bottom:16px;font-size:48px}.error-boundary-content h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.error-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.error-actions{justify-content:center;gap:12px;display:flex}button.header-search{border:1px solid var(--border-subtle);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1428e6;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:8px 16px;transition:all .2s;display:flex}button.header-search:hover{border-color:var(--primary-dim);background:#0a1432f2;box-shadow:0 2px 12px #38bdf81a}button.header-search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #38bdf826}button.header-search .search-icon{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0}button.header-search .search-placeholder{color:var(--text-muted);flex:1;font-size:13px;font-weight:400}button.header-search .search-kbd{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;cursor:pointer;background:#02040ad9;justify-content:flex-start;align-items:flex-end;padding:0 0 140px 24px;display:flex;position:fixed;inset:0}.onboarding-overlay.visible{animation:.3s ease-out fadeIn}.onboarding-tooltip{cursor:default;background:linear-gradient(#141e3cfa 0%,#0f1932fa 100%);border:1px solid #6366f14d;border-radius:20px;max-width:320px;padding:28px 32px;animation:.4s cubic-bezier(.16,1,.3,1) tooltipSlideUp;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #6366f133}@keyframes tooltipSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.onboarding-tooltip-icon{margin-bottom:4px}.onboarding-galaxy-icon{width:64px;height:64px;animation:20s linear infinite galaxySpin}@keyframes galaxySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-tooltip-title{color:var(--text-primary);background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.onboarding-tooltip-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.onboarding-tooltip-text strong{color:var(--text-primary)}.onboarding-tooltip-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;margin-top:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #6366f166}.onboarding-tooltip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}.onboarding-tooltip-arrow{background:linear-gradient(135deg,#0f1932fa 0% 100%);border-bottom:1px solid #6366f14d;border-right:1px solid #6366f14d;width:24px;height:24px;position:absolute;bottom:-12px;left:40px;transform:rotate(45deg)}.onboarding-fab-highlight{pointer-events:none;z-index:10000;width:56px;height:56px;position:fixed;bottom:24px;left:24px}.onboarding-fab-ring{border:2px solid #6366f199;border-radius:50%;animation:2s ease-out infinite fabPulse;position:absolute;inset:-8px}.onboarding-fab-ring.delay{animation-delay:.5s}@keyframes fabPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@media (max-width:640px){.onboarding-overlay{padding:0 16px 130px}.onboarding-tooltip{max-width:100%;padding:24px}.onboarding-tooltip-title{font-size:20px}.onboarding-fab-highlight{bottom:20px;left:16px}}.modal-card-lg{max-width:520px}.system-types-grid{flex-direction:column;gap:10px;display:flex}.system-types-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.system-types-row .system-type-btn{text-align:center;flex-direction:column;padding:16px 12px}.system-types-row .system-type-info{flex-direction:column;align-items:center}.system-types-row .system-type-name{font-size:13px}.system-type-disabled-hint{color:var(--text-muted);opacity:.6;margin-top:2px;font-size:10px}.system-type-btn{cursor:pointer;text-align:left;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.system-type-btn:hover{background:#ffffff0f;border-color:#ffffff26}.system-type-btn.active{border-color:var(--primary);background:#38bdf81a}.system-type-icon{background:#0000004d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.system-type-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.system-type-name{color:var(--text-primary);font-size:14px;font-weight:600}.system-type-desc{color:var(--text-muted);font-size:12px;line-height:1.3}.color-picker-row{align-items:center;gap:12px;display:flex;position:relative}.color-preview-btn{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:40px;height:40px;transition:all .2s;position:relative;overflow:visible}.color-preview-btn:hover{border-color:#fff6;transform:scale(1.05)}.color-preview-glow{opacity:.4;filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.color-picker-dropdown{background:var(--bg-elevated);border:1px solid var(--border);z-index:100;border-radius:12px;flex-wrap:wrap;gap:8px;max-width:200px;margin-top:8px;padding:12px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 40px #00000080}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-option:hover{border-color:#ffffff80;transform:scale(1.15)}.color-option.selected{border-color:#fff;box-shadow:0 0 12px}.stars-config-list{flex-direction:column;gap:10px;display:flex}.star-config-item{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.star-color-btn{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:all .2s;position:relative}.star-color-btn:hover{border-color:#fff6;transform:scale(1.1)}.star-glow{opacity:.5;filter:blur(6px);z-index:-1;border-radius:50%;position:absolute;inset:-3px}.star-color-picker{left:44px}.star-name-input{background:var(--bg-input);border:1px solid var(--border-subtle);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.star-name-input:focus{border-color:var(--primary);outline:none}.star-remove-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.star-remove-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.add-star-btn{border:2px dashed var(--border-subtle);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-star-btn:hover{border-color:var(--primary);color:var(--primary);background:#38bdf80d}.add-star-btn svg{stroke:currentColor;fill:none}.link-mode-selector{grid-template-columns:1fr 1fr;gap:12px;display:grid}.link-mode-btn{border:2px solid var(--border-subtle);cursor:pointer;text-align:center;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex}.link-mode-btn:hover{border-color:var(--primary-dim);background:#38bdf80d}.link-mode-btn.active{border-color:var(--primary);background:#38bdf81a}.link-mode-btn svg{stroke:var(--text-muted);transition:stroke .2s}.link-mode-btn.active svg{stroke:var(--primary)}.link-mode-btn span{color:var(--text-secondary);font-size:14px;font-weight:500}.link-mode-btn.active span{color:var(--text-primary)}.link-mode-hint{line-height:1.3;color:var(--text-muted)!important;font-size:11px!important;font-weight:400!important}.linkable-systems-list{flex-direction:column;gap:8px;max-height:200px;margin:-4px;padding:4px;display:flex;overflow-y:auto}.linkable-systems-list::-webkit-scrollbar{width:6px}.linkable-systems-list::-webkit-scrollbar-track{background:0 0}.linkable-systems-list::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}.linkable-system-item{border:2px solid var(--border-subtle);cursor:pointer;text-align:left;background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.linkable-system-item:hover{border-color:var(--primary-dim);background:#38bdf80d}.linkable-system-item.selected{border-color:var(--primary);background:#38bdf81a}.linkable-system-star{border-radius:50%;flex-shrink:0;width:32px;height:32px;position:relative}.linkable-system-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.linkable-system-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.linkable-system-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.linkable-system-check{width:24px;height:24px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.no-linkable-systems{text-align:center;color:var(--text-muted);padding:20px}.no-linkable-systems p{margin-bottom:4px;font-size:13px}.no-linkable-systems .hint{opacity:.7;font-size:11px}.link-preview{background:#38bdf80d;border:1px solid #38bdf833;border-radius:10px;margin-top:16px;padding:12px}.link-preview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.link-preview-visual{justify-content:center;align-items:center;gap:4px;display:flex}.preview-star{border-radius:50%;width:28px;height:28px;position:relative}.preview-star.main{width:36px;height:36px}.preview-star .star-glow{opacity:.5;filter:blur(6px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.link-connector{color:var(--primary);opacity:.5;margin:0 8px}.preview-star-container{flex-direction:column;align-items:center;gap:6px;display:flex}.preview-star-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:80px;font-size:10px;overflow:hidden}.form-hint{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.4}.form-label-required{color:#ef4444;margin-left:2px}.linkable-system-template{color:var(--text-muted);font-size:11px}.system-type-btn.disabled{opacity:.5;cursor:not-allowed}.system-type-btn.disabled:hover{background:#ffffff08;border-color:#ffffff14}.form-label-hint{color:var(--text-muted);margin-left:8px;font-size:12px;font-weight:400}.form-label .optional{color:var(--text-muted);font-size:12px;font-weight:400}.system-type-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffff0d;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.system-type-badge.binary{color:#f97316;background:#f9731626}.system-type-badge.multi-star{color:#ef4444;background:#ef444426}.child-stars-list{border-left:2px solid var(--border-subtle);margin-top:8px;margin-left:20px;padding-left:12px}.child-star-item{cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:10px;margin:4px 0;padding:8px 12px;transition:all .2s;display:flex}.child-star-item:hover{background:#ffffff0d}.child-star-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 8px}.child-star-name{color:var(--text-secondary);flex:1;font-size:13px}.child-star-ideas{color:var(--text-muted);font-size:11px}.merge-systems-btn{cursor:pointer;color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.merge-systems-btn:hover{background:#8b5cf633;border-color:#8b5cf680}.merge-systems-btn svg{stroke:currentColor;fill:none;width:14px;height:14px}.system-item-binary{flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:24px;height:24px;display:flex}.binary-star{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.system-item-multi{flex-wrap:wrap;flex-shrink:0;place-content:center;gap:2px;width:24px;height:24px;display:flex}.multi-star{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.system-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.panel-bio-type-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-bio-stars{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.panel-bio-stars-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.panel-bio-stars-list{flex-direction:column;gap:8px;display:flex}.panel-bio-star-item{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.panel-bio-star-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 10px}.panel-bio-star-item span{color:var(--text-secondary);font-size:13px}@media (pointer:coarse){button,[role=button],a,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}.universe-galaxy-item,.system-item,.note-item,.sub-idea-item,.search-result-row,.search-recent-item{min-height:52px}.form-input,.form-select,select{min-height:50px}}@media (max-width:375px){.main-header{gap:6px;padding:0 6px}.header-logo{padding:4px}.logo-icon{width:22px;height:22px}.header-search-input-wrapper{padding:6px 10px}.header-search-input{font-size:15px}.header-search-input::placeholder{font-size:12px}.fab-container{bottom:16px;left:16px}.fab-main{width:52px;height:52px}.modal-body{padding:12px}.form-group{margin-bottom:14px}}@media (max-height:500px) and (orientation:landscape){.main-header{height:44px}#galaxyCanvas{margin-top:44px;height:calc(100vh - 44px)!important}.management-panel{top:44px}.modal-card{border-radius:12px;max-height:100vh}.modal-body{max-height:calc(100vh - 120px);padding:12px 16px}.fab-container{bottom:12px;left:12px}.fab-main{width:48px;height:48px}.fab-label{display:none}}@media (pointer:coarse){.header-logo,.breadcrumb-item,.nav-item,.fab-main,.floating-menu-btn,.settings-trigger,.back-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.management-panel-content,.modal-body,.search-results,.header-search-dropdown{-webkit-overflow-scrolling:touch}@media (max-width:640px){input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px!important}#galaxyCanvas{touch-action:none}::-webkit-scrollbar{width:0;height:0}.management-panel-content::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar{width:4px}.header-search-dropdown::-webkit-scrollbar{width:4px}.toast{max-width:none;bottom:80px;left:16px;right:16px;transform:translate(0)translateY(40px)}.toast.visible{transform:translate(0)translateY(0)}.loading-container{padding:20px}.loading-spinner{width:40px;height:40px}.galaxy-types-grid{grid-template-columns:repeat(3,1fr);gap:8px}.galaxy-type-option{padding:10px 8px}.galaxy-type-option .galaxy-type-icon svg{width:36px;height:36px}.galaxy-type-name{font-size:11px}}@media (max-width:480px){.galaxy-types-grid{grid-template-columns:repeat(3,1fr);gap:6px}.galaxy-type-option{padding:8px 4px}.galaxy-type-option .galaxy-type-icon svg{width:28px;height:28px}.galaxy-type-name{font-size:10px}.color-presets{gap:6px}.color-preset{width:28px;height:28px}.color-picker-input{width:36px;height:36px}.system-types-row{grid-template-columns:1fr;gap:10px}.color-picker-dropdown{margin-left:0;left:0;right:0}.color-presets-grid{grid-template-columns:repeat(6,1fr);gap:8px}.color-preset-btn{width:36px;height:36px}}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}