*{margin:0;padding:0;box-sizing:border-box}:root{--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--card-bg: rgba(255, 255, 255, .98);--card-hover-shadow: rgba(0, 0, 0, .15);--text-primary: #1a202c;--text-secondary: #718096;--header-bg: rgba(255, 255, 255, .1);--button-bg: rgba(255, 255, 255, .15);--button-hover-bg: rgba(255, 255, 255, .25);--group-bg: rgba(255, 255, 255, .08);--group-border: rgba(255, 255, 255, .2);--orb-opacity: .3;--ai-chat-bg: rgba(255, 255, 255, .95);--ai-message-bg: rgba(255, 255, 255, .8);--ai-message-user: rgba(102, 126, 234, .1)}body.dark-theme{--bg-gradient-start: #0f0c29;--bg-gradient-end: #302b63;--card-bg: rgba(30, 30, 40, .95);--card-hover-shadow: rgba(0, 0, 0, .5);--text-primary: #e2e8f0;--text-secondary: #a0aec0;--header-bg: rgba(0, 0, 0, .3);--button-bg: rgba(255, 255, 255, .1);--button-hover-bg: rgba(255, 255, 255, .2);--group-bg: rgba(255, 255, 255, .05);--group-border: rgba(255, 255, 255, .1);--orb-opacity: .2;--ai-chat-bg: rgba(30, 30, 40, .95);--ai-message-bg: rgba(50, 50, 60, .8);--ai-message-user: rgba(102, 126, 234, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;overflow:hidden;position:relative;transition:background .3s ease}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:drift 20s linear infinite;pointer-events:none;will-change:transform;transform:translateZ(0)}@keyframes drift{0%{transform:translate(0) translateZ(0)}to{transform:translate(50px,50px) translateZ(0)}}.orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:var(--orb-opacity);pointer-events:none;will-change:transform;animation:float 15s ease-in-out infinite}.orb1{width:400px;height:400px;background:#7877c64d;top:-100px;left:-100px;animation-delay:0s}.orb2{width:300px;height:300px;background:#ff77c64d;bottom:-50px;right:-50px;animation-delay:5s}.orb3{width:250px;height:250px;background:#78dbff4d;top:50%;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1) translateZ(0)}33%{transform:translate(30px,-30px) scale(1.1) translateZ(0)}66%{transform:translate(-20px,20px) scale(.9) translateZ(0)}}.header{position:fixed;top:0;left:0;right:0;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 24px;z-index:1000;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(0) translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.header.hidden{transform:translateY(-100%) translateZ(0)}.header-trigger{position:fixed;top:0;left:0;right:0;height:100px;z-index:998;pointer-events:none}.header-teaser{position:fixed;top:0;left:0;right:0;height:6px;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,transparent 100%);opacity:0;transform:translateY(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-teaser.visible{opacity:1;transform:translateY(0)}.header-teaser.expanded{opacity:0;transform:translateY(-100%)}.header h1{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.header h1:before{content:"✨";font-size:24px}.header-title{display:flex;align-items:baseline;gap:12px}.version{color:#fff;opacity:.5;font-size:11px;font-weight:400;letter-spacing:.5px}.header-actions{display:flex;gap:6px;align-items:center}.btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;padding:8px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:0;transform:translateZ(0);will-change:transform,width;white-space:nowrap;overflow:hidden;position:relative;box-shadow:inset 0 1px #ffffff0d;min-width:40px;height:40px;justify-content:center}.btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a;padding:8px 12px;gap:6px}.btn:hover .btn-text{opacity:1;max-width:100px;margin-left:0}.btn:active{transform:translateY(0) translateZ(0);background:#ffffff1f}.btn-icon{font-size:18px;flex-shrink:0;transition:transform .3s ease}.btn-text{font-size:13px;opacity:0;max-width:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:-6px}@media (max-width: 768px){.btn:hover{padding:8px;gap:0}.btn:hover .btn-text{opacity:0;max-width:0}}.theme-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:18px;padding:8px;width:40px;height:40px;min-width:40px;border-radius:8px;box-shadow:inset 0 1px #ffffff0d}.theme-toggle:hover{transform:rotate(180deg) translateZ(0)}.tabs-container{position:fixed;bottom:0;left:0;right:0;height:48px;background:#1e1e28fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -2px 10px #0000004d;display:flex;align-items:center;padding:0 16px;gap:8px;z-index:900;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header.hidden~.tabs-container{transform:none}.tabs-list{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-list::-webkit-scrollbar{display:none}.tab{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;white-space:nowrap;position:relative;min-width:48px;width:48px;height:32px;font-weight:600;box-shadow:inset 0 1px #ffffff0d}.tab:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.tab.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;box-shadow:0 0 20px #667eea4d,inset 0 1px #ffffff1a}.tab-number{color:#ffffffe6;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}.tab-close{background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0}.tab:hover .tab-close{opacity:1}.tab-close:hover{background:#fff3;color:#fff}.tab-add{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;width:36px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;transition:all .2s ease;flex-shrink:0;box-shadow:inset 0 1px #ffffff0d}.tab-add:hover{background:#ffffff1f;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.tab.dragging{opacity:.5;cursor:grabbing}.tab.drag-over{transform:translate(10px)}#dropZone{position:fixed;top:64px;left:0;right:0;bottom:48px;overflow:auto;scroll-behavior:smooth;transition:top .3s cubic-bezier(.4,0,.2,1)}.header.hidden~.tabs-container~#dropZone{top:40px}#dropZone.dragover:before{content:"";position:fixed;top:104px;left:0;right:0;bottom:0;background:#ffffff1a;border:3px dashed rgba(255,255,255,.5);border-radius:20px;margin:20px;pointer-events:none;z-index:9999}.welcome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none;opacity:1;transition:opacity .5s ease}.welcome-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.welcome h2{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.welcome p{font-size:20px;opacity:.8;font-weight:300}.welcome.hidden{opacity:0;pointer-events:none}.link-item{position:absolute;background:var(--card-bg);border-radius:20px;padding:0;cursor:move;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;overflow:hidden;min-width:200px;width:240px;transform:translateZ(0);will-change:transform;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.collapsed-view .link-item{width:320px;min-width:320px;height:auto!important}body.collapsed-view .link-item .thumbnail{height:0;opacity:0;overflow:hidden;transition:height .3s ease,opacity .3s ease}body.collapsed-view .link-item .content{padding:16px 20px}body.collapsed-view .link-item .favicon{position:absolute;bottom:auto;top:16px;right:16px;width:32px;height:32px}body.collapsed-view .link-item .title{font-size:16px;margin-bottom:4px}body.collapsed-view .link-item .description{display:-webkit-box;-webkit-line-clamp:3;font-size:13px;line-height:1.5}body.collapsed-view .link-item .url{margin-top:8px}.link-item.new{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.link-item.new:nth-child(odd){animation:popInBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes popInBounce{0%{opacity:0;transform:scale(.5) translateY(20px) translateZ(0)}50%{transform:scale(1.05) translateY(-5px) translateZ(0)}to{opacity:1;transform:scale(1) translateY(0) translateZ(0)}}.link-item:hover{transform:translateY(-4px) scale(1.02) translateZ(0);box-shadow:0 20px 40px var(--card-hover-shadow),0 2px 4px #00000014}.link-item.dragging{opacity:.8;transform:scale(1.05) translateZ(0);cursor:grabbing;box-shadow:0 25px 50px #0003,0 5px 10px #0000001a}.link-item .thumbnail{width:100%;height:140px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}body.dark-theme .link-item .thumbnail{background:linear-gradient(135deg,#2d3748,#1a202c)}.link-item .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.link-item .thumbnail .emoji{font-size:48px;-webkit-user-select:none;user-select:none;cursor:pointer}.link-item .thumbnail .emoji:hover{transform:scale(1.2);transition:transform .2s ease}.link-item .favicon{position:absolute;bottom:12px;right:16px;width:40px;height:40px;background:#fffffff2;border-radius:50%;padding:5px;box-shadow:0 2px 6px #00000026;border:1px solid rgba(0,0,0,.1);object-fit:contain;z-index:5}body.dark-theme .link-item .favicon{background:#1e1e28f2;border:1px solid rgba(255,255,255,.2)}.link-item .content{padding:12px 16px;flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.link-item .title{font-size:14px;font-weight:600;color:var(--text-primary);text-align:left;word-break:break-word;max-width:100%;line-height:1.3;cursor:text;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:background .2s ease}.link-item .description{font-size:12px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.8}.link-item .title:hover{background:#0000000d}body.dark-theme .link-item .title:hover{background:#ffffff0d}.link-item .title:focus{outline:none;background:#00000014}body.dark-theme .link-item .title:focus{background:#ffffff14}.link-item .url{font-size:11px;color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;opacity:.6;margin-top:4px}.link-item .actions{position:absolute;top:-12px;right:-12px;opacity:0;transition:opacity .2s ease;display:flex;gap:4px}.link-item:hover .actions{opacity:1}.action-btn{width:28px;height:28px;border-radius:50%;border:none;background:#fff;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}body.dark-theme .action-btn{background:#4a5568;color:#e2e8f0}.action-btn:hover{transform:scale(1.1)}.action-btn.delete{background:#f56565;color:#fff}body.dark-theme .action-btn.delete{background:#fc8181;color:#fff}.group{position:absolute;background:var(--group-bg);border:2px solid var(--group-border);border-radius:24px;padding:48px 24px 24px;min-width:320px;min-height:220px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateZ(0);transition:all .3s ease}.group:hover{background:#ffffff1f;border-color:#ffffff4d}body.dark-theme .group:hover{background:#ffffff14;border-color:#ffffff26}.group-header{position:absolute;top:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.group-title{color:#fff;font-weight:600;font-size:18px;cursor:text;background:#ffffff1a;padding:6px 12px;border-radius:8px;transition:background .2s ease}.group-title:hover{background:#ffffff26}.group-title:focus{outline:none;background:#fff3}.resize-handle{position:absolute;bottom:0;right:0;width:32px;height:32px;cursor:se-resize;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.link-item:hover .resize-handle,.group:hover .resize-handle{opacity:1}.resize-handle:after{content:"⋮⋮";color:#a0aec0;font-size:12px;transform:rotate(45deg)}.emoji-picker{position:absolute;background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0003;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;z-index:2000;opacity:0;transform:scale(.9);pointer-events:none;transition:all .2s ease}body.dark-theme .emoji-picker{background:#2d3748;box-shadow:0 10px 30px #00000080}.emoji-picker.active{opacity:1;transform:scale(1);pointer-events:auto}.emoji-picker button{width:36px;height:36px;border:none;background:transparent;font-size:24px;cursor:pointer;border-radius:8px;transition:all .2s ease}.emoji-picker button:hover{background:#f7fafc;transform:scale(1.2)}body.dark-theme .emoji-picker button:hover{background:#4a5568}#dropZone::-webkit-scrollbar{width:12px}#dropZone::-webkit-scrollbar-track{background:#ffffff1a}#dropZone::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px}#dropZone::-webkit-scrollbar-thumb:hover{background:#fff6}body.dark-theme #dropZone::-webkit-scrollbar-track{background:#0000004d}body.dark-theme #dropZone::-webkit-scrollbar-thumb{background:#fff3}body.dark-theme #dropZone::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.header{padding:15px 20px}.header h1{font-size:20px}.btn{padding:8px 12px;font-size:12px}.btn-icon{display:none}.welcome h2{font-size:28px}.welcome p{font-size:16px}}.ai-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.ai-toggle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f093fb,#f5576c,#4facfe,#00f2fe);border-radius:12px;opacity:0;z-index:-1;transition:opacity .3s ease;animation:gradientRotate 3s linear infinite}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-toggle:hover:before{opacity:1}.ai-status{width:8px;height:8px;background:#4ade80;border-radius:50%;margin-left:4px;animation:pulse 2s ease-in-out infinite}.ai-status.loading{background:#fbbf24}.ai-status.error{background:#f87171;animation:none}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ai-chat-panel{position:fixed;right:-400px;top:80px;bottom:0;width:400px;background:var(--ai-chat-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-10px 0 30px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:999;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1)}.ai-chat-panel.active{right:0}.ai-chat-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff0d}.ai-chat-header h2{color:var(--text-primary);font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.model-info{font-size:12px;color:var(--text-secondary);margin-top:4px}.close-chat{background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease}.close-chat:hover{background:#0000001a}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-message{display:flex;gap:12px;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message.user{flex-direction:row-reverse}.ai-message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ai-message.ai .ai-message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.ai-message.user .ai-message-avatar{background:var(--ai-message-user)}.ai-message-content{background:var(--ai-message-bg);padding:12px 16px;border-radius:16px;max-width:80%;color:var(--text-primary);font-size:14px;line-height:1.5}.ai-message.user .ai-message-content{background:var(--ai-message-user)}.ai-message.loading .ai-message-content{display:flex;gap:4px;padding:16px 20px}.typing-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.ai-chat-input{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ai-input-container{display:flex;gap:12px;align-items:flex-end}.ai-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:14px;resize:none;min-height:44px;max-height:120px;outline:none;transition:all .2s ease}.ai-input:focus{background:#ffffff26;border-color:#ffffff4d}.ai-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.ai-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.model-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.model-loading-overlay.active{opacity:1;pointer-events:auto}.model-loading-content{background:var(--card-bg);border-radius:24px;padding:40px;text-align:center;max-width:400px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.model-loading-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}.model-loading-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.model-loading-info{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.model-loading-progress{background:#0000001a;height:6px;border-radius:3px;overflow:hidden;margin-bottom:12px}.model-loading-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;width:0%;border-radius:3px;transition:width .3s ease}.model-loading-status{color:var(--text-secondary);font-size:12px}@media (max-width: 768px){.ai-chat-panel{width:100%;right:-100%}#dropZone.ai-open{right:100%}}