html,body,#app{overscroll-behavior:none}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:flex-start;min-height:100dvh;margin:0;font-family:Orbitron,sans-serif;display:flex}#app{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px 0;display:flex}.container{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;width:90%;max-width:1200px;min-height:440px;padding:20px;position:relative;box-shadow:0 0 30px #0ff3}h1{text-align:center;color:#0fc;text-shadow:0 0 10px #0fc;margin-bottom:20px;font-size:2.5em}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;display:grid}.hub-toolbar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:20px}.icon-button,.add-link-button,.add-section-card{font:inherit;color:#0cf;cursor:pointer;background:#0000002e;border:1px solid #0cf6;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.icon-button:hover,.icon-button:focus-visible,.add-link-button:hover,.add-link-button:focus-visible,.add-section-card:hover,.add-section-card:focus-visible{color:#f6c;background:#ff66cc14;border-color:#ff66ccbf;outline:none}.icon-button{border-radius:6px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.icon-button:disabled,.auth-submit:disabled{cursor:wait;opacity:.58}.compact-button{width:32px;height:32px}.danger-button{color:#ff8dad;border-color:#ff669959}.danger-button:hover,.danger-button:focus-visible{color:#ffd2df;background:#ff669921;border-color:#f69c}.save-indicator{box-sizing:border-box;color:#8debd8;background:#0003;border:1px solid #00ffcc47;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:.68em;display:flex}.save-indicator.has-error{color:#ff9ab8;border-color:#ff669973}.save-error{color:#ff9ab8;text-align:center;margin:-10px 20px 12px;font-size:.75em;line-height:1.6}.status-message{text-align:center;color:#b0b0b0;margin:20px}.folder{background:#ffffff1a;border-radius:10px;padding:15px;position:relative;overflow:hidden}.loading-folder{pointer-events:none;min-height:241.336px}.initial-shell{pointer-events:none}.folder:hover{box-shadow:0 0 20px #00ffff80}.folder:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(45deg,#0000,#0ff3,#0000);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.folder:hover:before{opacity:1}.folder h3{color:#0fc;margin:0;font-size:1.2em}.folder-editor-header{align-items:center;gap:8px;display:flex}.drag-handle{color:#8acfe2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.sortable-ghost{opacity:.34}.sortable-chosen{border-color:#00ffccb3;box-shadow:0 0 18px #00ffcc38}.sortable-drag{opacity:.96}.section-title-input,.link-input{box-sizing:border-box;color:#e0e0e0;width:100%;min-width:0;font:inherit;letter-spacing:0;background:#040a1ba8;border:1px solid #00ccff61;border-radius:5px;outline:none}.section-title-input{color:#0fc;height:36px;padding:0 9px;font-size:1em;font-weight:700}.link-input{height:32px;padding:0 8px;font-size:.78em}.section-title-input:focus,.link-input:focus{border-color:#0fc;box-shadow:0 0 0 2px #00ffcc1f}.section-title-input::placeholder,.link-input::placeholder{color:#777f92}.folder ul{color:#b0b0b0;margin:10px 0 0;padding:0;font-size:.9em;line-height:1.7;list-style:none}.folder li+li{margin-top:6px}.edit-link-list{flex-direction:column;gap:12px;display:flex}.folder .edit-link-list li+li{margin-top:0}.link-editor{flex-direction:column;gap:6px;display:flex}.link-name-row,.link-url-row{align-items:center;gap:6px;display:flex}.url-input{flex:auto}.add-link-button{border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:34px;margin-top:14px;font-size:.75em;display:flex}.add-section-card{border-style:dashed;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:150px;font-size:.82em;display:flex}.inactive-link{color:#7f8798}.folder a{color:#0cf;cursor:pointer;text-decoration:none;transition:color .3s}.folder a:hover{color:#f6c;text-decoration:underline}.secure-notes-panel{border-top:1px solid #00ffcc3d;margin:10px 20px 4px;padding-top:20px}.secure-notes-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.secure-notes-header h2{color:#0fc;margin:0;font-size:1.08em;font-weight:700}.secure-notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.secure-note{color:#e0e0e0;background:#ffffff14;border:1px solid #00ccff47;border-radius:7px;min-width:0;transition:border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.secure-note:hover{border-color:#00ffcc94;box-shadow:0 0 16px #00ffcc1f}.secure-note.is-copied{background:#ff66cc14;border-color:#ff66cce0;box-shadow:0 0 16px #ff66cc21}.secure-note-copy{box-sizing:border-box;width:100%;min-height:112px;color:inherit;cursor:pointer;text-align:left;font:inherit;letter-spacing:0;background:0 0;border:0;flex-direction:column;gap:10px;padding:13px;display:flex}.secure-note-copy:focus-visible{outline-offset:-2px;outline:2px solid #0fc}.secure-note-copy-header{color:#0fc;justify-content:space-between;align-items:center;gap:10px;font-size:.8em;display:flex}.secure-note-copy-header strong{overflow-wrap:anywhere;min-width:0}.secure-note-value{color:#bde9f4;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76em;line-height:1.55;display:block}.secure-note-editor-header{align-items:center;gap:7px;padding:10px 10px 0;display:flex}.secure-note-label-input,.secure-note-value-input{box-sizing:border-box;color:#e0e0e0;letter-spacing:0;background:#040a1ba8;border:1px solid #00ccff61;border-radius:5px;outline:none;width:100%;min-width:0}.secure-note-label-input{color:#0fc;height:34px;font:inherit;padding:0 8px;font-size:.76em;font-weight:700}.secure-note-value-input{resize:vertical;width:calc(100% - 20px);min-height:96px;margin:7px 10px 10px;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76em;line-height:1.5}.secure-note-label-input:focus,.secure-note-value-input:focus{border-color:#0fc;box-shadow:0 0 0 2px #00ffcc1f}.secure-note-copy-control{color:#0fc}.secure-notes-loading{color:#0cf;place-items:center;min-height:96px;display:grid}.secure-notes-error{color:#ff9ab8;margin:0 0 14px;font-size:.74em;line-height:1.6}.auth-backdrop{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030714c2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-dialog{box-sizing:border-box;color:#e0e0e0;background:#20263f;border:1px solid #00ccff6b;border-radius:8px;width:min(360px,100%);padding:18px;box-shadow:0 0 28px #00ccff3d}.auth-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.auth-header h2{color:#0fc;margin:0;font-size:1rem;font-weight:700}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input-row{box-sizing:border-box;color:#0cf;background:#040a1bb8;border:1px solid #00ccff61;border-radius:5px;align-items:center;gap:9px;height:42px;padding:0 11px;display:flex}.auth-input-row:focus-within{border-color:#0fc;box-shadow:0 0 0 2px #00ffcc1f}.auth-input{color:#e0e0e0;width:100%;min-width:0;height:100%;font:inherit;letter-spacing:0;background:0 0;border:0;outline:0;padding:0;font-size:.78em}.auth-input::placeholder{color:#777f92}.auth-error{color:#ff9ab8;margin:0;font-size:.72em;line-height:1.6}.auth-submit{color:#05151d;cursor:pointer;min-height:40px;font:inherit;background:#0fc;border:1px solid #0fc;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-size:.76em;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.auth-submit:hover,.auth-submit:focus-visible{background:#65ffe0;border-color:#65ffe0;outline:none;box-shadow:0 0 16px #00ffcc52}@keyframes neonGlow{0%{text-shadow:0 0 10px #0fc}50%{text-shadow:0 0 20px #0fc,0 0 30px #0fc}to{text-shadow:0 0 10px #0fc}}h1{animation:2s infinite neonGlow}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){#app{padding:12px 0}.container{border-radius:14px;width:calc(100% - 20px);padding:16px 10px}h1{padding:0 48px;font-size:2em}.hub-toolbar{top:16px;right:12px}.save-indicator span{display:none}.save-indicator{justify-content:center;width:34px;padding:0}.bookmark-grid{grid-template-columns:minmax(0,1fr);padding:12px}.secure-notes-panel{margin:8px 12px 0;padding-top:16px}.secure-notes-grid{grid-template-columns:minmax(0,1fr)}}