:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.inspiration-echo-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.inspiration-echo-content{background:linear-gradient(135deg,#2d1b69,#1a1a3e,#0c0c1e);border:2px solid rgba(255,215,0,.3);border-radius:24px;padding:2.5rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #ffd70033}.echo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.echo-title{display:flex;align-items:center;gap:.75rem}.echo-title h2{color:gold;margin:0;font-size:1.8rem;font-weight:600}.echo-icon{color:#ff6b9d;width:2rem;height:2rem;animation:heartbeat 2s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.echo-subtitle{display:flex;align-items:center;gap:.5rem;color:#b8b8d4;margin-bottom:2rem;font-style:italic}.subtitle-icon{color:#4ecdc4;width:1rem;height:1rem}.echo-star{display:flex;justify-content:center;margin-bottom:2rem}.star-visual{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.star-visual .star-core{width:24px;height:24px;background:var(--star-color, #ffd700);border-radius:50%;box-shadow:0 0 30px var(--star-color, #ffd700);animation:starGlow 3s infinite}@keyframes starGlow{0%,to{box-shadow:0 0 30px var(--star-color, #ffd700);transform:scale(1)}50%{box-shadow:0 0 50px var(--star-color, #ffd700),0 0 80px var(--star-color, #ffd700);transform:scale(1.1)}}.star-visual .star-aura{position:absolute;width:45px;height:45px;border:2px solid var(--star-color, #ffd700);border-radius:50%;opacity:.6;animation:pulse 2s infinite}.star-visual .star-corona{position:absolute;width:60px;height:60px;border:1px solid var(--star-color, #ffd700);border-radius:50%;opacity:.4;animation:pulse 3s infinite}.echo-content{text-align:center;color:#fff}.echo-quote{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:2rem;margin:0 0 2rem;font-size:1.3rem;font-style:italic;line-height:1.6;color:#fff;position:relative}.echo-quote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#ffd7004d;font-family:serif}.echo-thoughts{margin-bottom:2rem;text-align:left}.echo-thoughts h4{color:#4ecdc4;margin-bottom:1rem;text-align:center}.echo-thought{background:#ffffff0d;border-left:3px solid #4ecdc4;padding:1rem;margin-bottom:1rem;border-radius:0 8px 8px 0;line-height:1.6}.echo-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.echo-tag{color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.echo-date{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#b8b8d4;font-size:.9rem;margin-bottom:2rem}.date-icon{color:gold;width:1rem;height:1rem}.echo-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.nav-button{background:#ffd70033;border:1px solid rgba(255,215,0,.3);color:gold;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500}.nav-button:hover{background:#ffd7004d;transform:translateY(-2px)}.nav-indicator{color:#b8b8d4;font-size:.9rem}.echo-message{text-align:center;color:#b8b8d4;font-style:italic;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.echo-message p{margin:0;font-size:1.1rem}@media (max-width: 768px){.inspiration-echo-overlay{padding:1rem}.inspiration-echo-content{padding:2rem}.echo-title h2{font-size:1.5rem}.echo-quote{font-size:1.1rem;padding:1.5rem}.echo-navigation{flex-direction:column;gap:1rem}.nav-button{width:100%}}.data-manager-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.data-manager-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:900px;max-height:80vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.data-manager-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.data-manager-header h2{color:#fff;margin:0;display:flex;align-items:center;gap:.75rem;font-size:1.5rem}.header-icon{color:#4ecdc4;width:1.5rem;height:1.5rem}.close-button{background:none;border:none;color:#b8b8d4;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.data-manager-tabs{display:flex;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.tab{flex:1;background:none;border:none;color:#b8b8d4;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#4ecdc433;color:#4ecdc4;border-bottom:2px solid #4ecdc4}.data-manager-body{flex:1;overflow-y:auto;padding:2rem}.overview-section{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon{width:3rem;height:3rem;background:#4ecdc433;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4ecdc4}.star-icon,.tag-icon,.capsule-icon{font-size:1.5rem}.stat-content h3{margin:0 0 .25rem;font-size:2rem;font-weight:700;color:#fff}.stat-content p{margin:0;color:#b8b8d4;font-size:.9rem}.storage-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.storage-info h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#4ecdc4}.storage-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.storage-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);transition:width .3s ease}.storage-details{display:flex;justify-content:space-between;font-size:.9rem;color:#b8b8d4}.backup-section,.maintenance-section{color:#fff}.action-group{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.action-group.danger{border-color:#ff6b6b4d;background:#ff6b6b0d}.action-group h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#4ecdc4}.action-group.danger h3{color:#ff6b6b}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.action-button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;min-width:140px;justify-content:center}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.action-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.action-button.secondary{background:#ffffff1a;color:#b8b8d4;border:1px solid rgba(255,255,255,.2)}.action-button.secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.action-button.warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.action-button.warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f39c124d}.action-button.danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.action-button.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.action-description{color:#8a8aa8;font-size:.9rem;margin:0;line-height:1.4}.import-area{display:flex;gap:1rem;flex-wrap:wrap}.message{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500;z-index:10}.message.success{border-left:4px solid #4ecdc4}.message.error{border-left:4px solid #ff6b6b}.message.info{border-left:4px solid #3498db}.loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:20}.spinner{width:3rem;height:3rem;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.data-manager-overlay{padding:1rem}.data-manager-content{max-height:90vh}.data-manager-header,.data-manager-body{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{min-width:auto}.import-area{flex-direction:column}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a3e,#2d1b69);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.bg-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}.landing-content{max-width:1200px;width:100%;text-align:center;z-index:1}.hero-section{margin-bottom:4rem}.app-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.title-icon{color:gold;animation:sparkle 2s infinite}.app-subtitle{font-size:1.5rem;color:#b8b8d4;margin:0}.navigation-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.nav-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.nav-card:hover:before{left:100%}.nav-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.library-card:hover{border-color:#4ecdc4;box-shadow:0 20px 40px #4ecdc44d}.starfield-card:hover{border-color:gold;box-shadow:0 20px 40px #ffd7004d}.capsules-card:hover{border-color:#9b59b6;box-shadow:0 20px 40px #9b59b64d}.nav-icon{width:3rem;height:3rem;margin-bottom:1rem}.nav-card h3{font-size:1.8rem;margin-bottom:.5rem}.nav-card p{color:#b8b8d4;margin-bottom:1rem}.stats{display:inline-block;background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.daily-light-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.daily-light-title{color:gold;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.daily-icon{animation:sparkle 2s infinite}.daily-light-content blockquote{font-size:1.2rem;font-style:italic;color:#fff;margin:0 0 1rem;line-height:1.6}.daily-thought{color:#b8b8d4;margin-bottom:1rem}.daily-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.daily-tag{background:#ffd70033;color:gold;padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.footer-section{color:#8a8aa8;font-style:italic;position:relative}.data-manager-button{position:absolute;bottom:0;right:0;background:#4ecdc433;border:1px solid rgba(78,205,196,.3);color:#4ecdc4;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.data-manager-button:hover{background:#4ecdc44d;transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}@media (max-width: 768px){.app-title{font-size:2.5rem}.app-subtitle{font-size:1.2rem}.navigation-section{grid-template-columns:1fr}.nav-card{padding:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.mode-selection{text-align:center}.mode-selection h2{color:#fff;margin-bottom:.5rem}.mode-selection p{color:#b8b8d4;margin-bottom:2rem}.mode-options{display:grid;gap:1rem}.mode-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:center}.mode-option:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translateY(-2px)}.mode-icon{width:2.5rem;height:2.5rem;color:#4ecdc4;margin-bottom:1rem}.mode-option h3{color:#fff;margin-bottom:.5rem}.mode-option p{color:#b8b8d4;margin:0;font-size:.9rem}.text-form{color:#fff}.text-form h2,.form-group{margin-bottom:1.5rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4ecdc4;background:#ffffff14}.form-group textarea{resize:vertical;min-height:200px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.secondary-button{background:#ffffff1a;color:#b8b8d4;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:#ffffff26;color:#fff}.primary-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.primary-button:disabled{opacity:.6;cursor:not-allowed}.file-upload{text-align:center;color:#fff}.file-upload h2{margin-bottom:2rem}.upload-area{border:2px dashed rgba(78,205,196,.3);border-radius:16px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.upload-area:hover{border-color:#4ecdc480;background:#4ecdc40d}.upload-icon{width:3rem;height:3rem;color:#4ecdc4;margin-bottom:1rem}.upload-area h3{margin-bottom:.5rem}.upload-area p{color:#b8b8d4;margin:.5rem 0}.file-size-hint{font-size:.8rem;opacity:.7}.loading-state{text-align:center;padding:3rem 2rem;color:#fff}.spinner{width:3rem;height:3rem;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-content{padding:1.5rem}.form-actions{flex-direction:column}.upload-area{padding:2rem 1rem}}.export-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.export-modal-content{background:#1a1a2e;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.modal-header h2{display:flex;align-items:center;gap:12px;margin:0;color:#fff;font-size:1.5rem;font-weight:600}.header-icon{width:24px;height:24px;color:#4ecdc4}.close-button{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.modal-body{padding:0 24px}.section{margin-bottom:32px}.section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.section h4{color:#b8b8d4;font-size:1rem;font-weight:500;margin:16px 0 12px}.format-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.format-option{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ffffff05}.format-option:hover{border-color:#4ecdc480;background:#4ecdc40d}.format-option.selected{border-color:#4ecdc4;background:#4ecdc41a}.format-option input[type=radio]{display:none}.format-icon{width:32px;height:32px;color:#4ecdc4;margin-bottom:8px}.format-option span{color:#fff;font-weight:500;margin-bottom:4px}.format-option small{color:#888;font-size:.85rem;text-align:center}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ffffff05}.filter-option:hover{border-color:#4ecdc480;background:#4ecdc40d}.filter-option.selected{border-color:#4ecdc4;background:#4ecdc41a}.filter-option input[type=radio]{accent-color:#4ecdc4}.filter-icon{width:20px;height:20px;color:#4ecdc4}.filter-option span{color:#fff;font-weight:500}.tags-selection{margin-top:16px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.no-tags{color:#888;text-align:center;padding:20px}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:flex;align-items:center;gap:4px;padding:8px 12px;border:2px solid;border-radius:20px;background:none;cursor:pointer;font-size:.9rem;transition:all .3s ease}.tag-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.tag-count{font-size:.8rem;opacity:.8}.date-range-selection{margin-top:16px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.date-input{display:flex;flex-direction:column;gap:8px}.date-input label{color:#b8b8d4;font-size:.9rem;font-weight:500}.date-input input[type=date]{padding:12px;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.date-input input[type=date]:focus{outline:none;border-color:#4ecdc4}.export-options{display:flex;flex-direction:column;gap:16px}.option-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;color:#fff}.option-checkbox input[type=checkbox]{accent-color:#4ecdc4;width:18px;height:18px}.sort-option{display:flex;align-items:center;gap:12px}.sort-option label{color:#b8b8d4;font-weight:500}.sort-option select{padding:8px 12px;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.sort-option select:focus{outline:none;border-color:#4ecdc4}.preview-section{padding:16px;background:#4ecdc41a;border-radius:12px;border:1px solid rgba(78,205,196,.3);margin-bottom:24px}.preview-info{color:#fff;text-align:center;font-size:1rem}.preview-info strong{color:#4ecdc4;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button{padding:12px 24px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:none;color:#b8b8d4;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-button:hover{border-color:#fff6;color:#fff}.export-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.export-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.export-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.export-modal-content{margin:10px;max-height:95vh}.format-options,.date-inputs{grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-button,.export-button{width:100%;justify-content:center}}.ai-summary-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-summary-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-summary-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ai-summary-title{display:flex;align-items:center;gap:12px}.ai-summary-icon{color:#4f46e5;animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-summary-title h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.ai-summary-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.ai-summary-close:hover{background:#ffffff1a;color:#fff}.ai-summary-content{padding:24px;max-height:60vh;overflow-y:auto}.ai-summary-content::-webkit-scrollbar{width:6px}.ai-summary-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.ai-summary-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.ai-summary-article-info{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.ai-summary-article-info h3{margin:0 0 8px;color:#fff;font-size:1.2rem;font-weight:600}.ai-summary-article-preview{margin:0;color:#9ca3af;font-size:.9rem;line-height:1.5}.ai-summary-model-selection{margin-bottom:24px}.ai-summary-model-selection label{display:block;color:#fff;font-weight:500;margin-bottom:8px}.ai-summary-model-selection select{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.ai-summary-model-selection select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.ai-summary-model-selection select option{background:#1a1a2e;color:#fff}.ai-summary-model-description{margin:8px 0 0;color:#9ca3af;font-size:.85rem}.ai-summary-start{text-align:center;padding:32px 16px}.ai-summary-start p{color:#9ca3af;margin-bottom:20px}.ai-summary-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-summary-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.ai-summary-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-summary-loading{text-align:center;padding:32px 16px}.ai-summary-spinner{color:#4f46e5;animation:spin 1s linear infinite;margin-bottom:16px}.ai-summary-loading p{color:#9ca3af;margin-bottom:20px}.ai-summary-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ai-summary-error{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:16px}.ai-summary-error-content h4{margin:0 0 8px;color:#ef4444;font-size:1rem;font-weight:600}.ai-summary-error-content p{margin:0 0 12px;color:#fca5a5;font-size:.9rem;line-height:1.4}.ai-summary-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ai-summary-result{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;overflow:hidden}.ai-summary-result-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.2)}.ai-summary-success{display:flex;align-items:center;gap:8px;color:#22c55e;font-weight:500}.ai-summary-success-icon{color:#22c55e}.ai-summary-actions{display:flex;gap:8px}.ai-summary-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.ai-summary-action-btn:hover{background:#fff3}.ai-summary-text{padding:20px;color:#fff;line-height:1.6}.ai-summary-text p{margin:0 0 12px}.ai-summary-text p:last-child{margin-bottom:0}.ai-summary-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ai-summary-powered{display:flex;align-items:center;gap:6px;margin:0;color:#9ca3af;font-size:.85rem;justify-content:center}@media (max-width: 768px){.ai-summary-modal{width:95%;margin:20px}.ai-summary-header{padding:16px 20px}.ai-summary-content{padding:20px}.ai-summary-actions{flex-wrap:wrap}.ai-summary-action-btn{font-size:.8rem;padding:5px 10px}}.virtualized-library{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1e3a8a,#1e1b4b,#312e81);color:#fff;overflow:hidden}.library-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);gap:1rem;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:1rem;flex:1}.toolbar-right{display:flex;align-items:center;gap:1rem}.search-box{position:relative;display:flex;align-items:center;min-width:300px}.search-icon{position:absolute;left:12px;color:#fff9;z-index:1}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;transition:all .3s ease}.search-box input::placeholder{color:#fff9}.search-box input:focus{outline:none;border-color:#60a5fa;background:#ffffff26;box-shadow:0 0 0 3px #60a5fa33}.category-filter{padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;min-width:120px;cursor:pointer;transition:all .3s ease}.category-filter:focus{outline:none;border-color:#60a5fa;background:#ffffff26}.category-filter option{background:#1e1b4b;color:#fff}.sort-controls{display:flex;align-items:center;gap:8px}.sort-controls select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer}.sort-controls select option{background:#1e1b4b;color:#fff}.sort-order{padding:8px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center}.sort-order:hover{background:#fff3}.view-mode-toggle{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.view-mode-btn{padding:8px 12px;background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-mode-btn:hover{background:#fff3;color:#fff}.view-mode-btn.active{background:#60a5fa;color:#fff}.view-mode-btn+.view-mode-btn{border-left:1px solid rgba(255,255,255,.3)}.library-stats{padding:.5rem 2rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;color:#fffc;display:flex;gap:1rem}.virtual-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 2rem}.virtual-scroll-container::-webkit-scrollbar{width:8px}.virtual-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.virtual-scroll-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.virtual-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.virtual-scroll-content{position:relative;width:100%}.visible-items{position:absolute;top:0;left:0;right:0}.visible-items.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem 0}.visible-items.list{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.article-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.article-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 8px 32px #0000004d}.article-card.grid-mode{padding:1.5rem;height:200px;display:flex;flex-direction:column}.article-title{font-size:1.1rem;font-weight:600;margin:0;line-height:1.4;color:#fff;flex:1;margin-right:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-preview{flex:1;font-size:.9rem;color:#fffc;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{margin-top:auto}.article-card.list-mode{padding:1rem 1.5rem;height:80px;display:flex;align-items:center;justify-content:space-between}.article-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.list-mode .article-title{font-size:1rem;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#ffffffb3}.article-date,.article-stars{display:flex;align-items:center;gap:.5rem}.delete-button{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;padding:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.delete-button:hover{background:#ef44444d;border-color:#ef444499;color:#ef4444;opacity:1;transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#ffffffb3}.empty-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.empty-state p{font-size:1rem;max-width:400px;line-height:1.6}@media (max-width: 1200px){.visible-items.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.visible-items.grid{grid-template-columns:repeat(2,1fr)}.library-toolbar{flex-direction:column;gap:1rem}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.search-box{min-width:200px;flex:1}}@media (max-width: 600px){.visible-items.grid{grid-template-columns:1fr}.virtual-scroll-container{padding:0 1rem}.library-toolbar{padding:1rem}.library-stats{padding:.5rem 1rem}}.library-view{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.library-header h1{color:#fff;margin:0;display:flex;align-items:center;gap:.5rem;font-size:2rem}.header-icon{color:#4ecdc4}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fffc;padding:10px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:500}.view-toggle-button:hover{background:#ffffff26;border-color:#fff6;color:#fff;transform:translateY(-1px)}.view-toggle-button.active{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.view-toggle-button.active:hover{background:#fbbf244d;border-color:#fbbf2499}.export-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#b8b8d4;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.export-button:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b;transform:translateY(-2px)}.add-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.add-button:disabled{opacity:.6;cursor:not-allowed}.library-content{max-width:1200px;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;color:#b8b8d4}.empty-state h3{color:#fff;margin-bottom:.5rem}.empty-add-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.empty-add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.article-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;min-height:200px;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.article-card:hover{background:#ffffff14;border-color:#4ecdc44d;box-shadow:0 8px 32px #0000004d}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.article-title{color:#fff;margin:0;font-size:1.2rem;line-height:1.4;flex:1;margin-right:1rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:2.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.delete-button{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;opacity:.7}.delete-button:hover{background:#ff6b6b1a;opacity:1}.article-content{margin-bottom:1rem;flex:1;overflow:hidden}.article-preview{color:#b8b8d4;line-height:1.6;margin:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:4.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;white-space:pre-wrap}.article-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-top:auto}.article-meta{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.article-meta span{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#8a8aa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-icon{width:.8rem;height:.8rem}.article-type{background:#4ecdc433;color:#4ecdc4;padding:.25rem .5rem;border-radius:8px;font-size:.7rem;text-transform:uppercase;font-weight:500}@media (max-width: 768px){.library-view{padding:1rem}.library-header{flex-direction:column;gap:1rem;align-items:stretch}.header-left{justify-content:center}.articles-grid{grid-template-columns:1fr}.article-card{padding:1rem}}.star-detail-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.star-detail-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.star-info{display:flex;align-items:center;gap:1rem;flex:1}.star-visual{display:flex;align-items:center;justify-content:center}.star-preview{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.star-preview .star-core{width:16px;height:16px;background:var(--star-color, #ffd700);border-radius:50%;box-shadow:0 0 20px var(--star-color, #ffd700)}.star-preview .star-aura{position:absolute;width:30px;height:30px;border:1px solid var(--star-color, #ffd700);border-radius:50%;opacity:.5;animation:pulse 2s infinite}.star-preview .star-corona{position:absolute;width:40px;height:40px;border:1px solid var(--star-color, #ffd700);border-radius:50%;opacity:.3;animation:pulse 3s infinite}.star-meta{display:flex;flex-direction:column;gap:.5rem}.star-meta span{display:flex;align-items:center;gap:.5rem;color:#b8b8d4;font-size:.9rem}.article-link{cursor:pointer;transition:color .3s ease}.article-link:hover{color:#4ecdc4}.external-icon{width:.8rem;height:.8rem}.header-actions{display:flex;gap:.5rem}.delete-button,.close-button{background:none;border:none;color:#b8b8d4;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.delete-button:hover{background:#ff6b6b1a;color:#ff6b6b}.star-content{color:#fff}.star-content h3{color:#4ecdc4;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-icon{width:1.2rem;height:1.2rem}.original-text{margin-bottom:2rem}.original-text blockquote{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;margin:0;font-style:italic;line-height:1.6;font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.audio-section{margin-bottom:2rem}.audio-player{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:1rem;border-radius:12px}.play-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.delete-audio-button{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.tags-section{margin-bottom:2rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.no-tags{color:#8a8aa8;font-style:italic}.thoughts-section{margin-bottom:1rem}.thoughts-list{margin-bottom:1.5rem}.thought-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.thought-item p{margin:0;line-height:1.6;flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.delete-thought-button{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;opacity:.7;flex-shrink:0}.delete-thought-button:hover{background:#ff6b6b1a;opacity:1}.no-thoughts{color:#8a8aa8;font-style:italic;text-align:center;padding:2rem}.add-thought{display:flex;flex-direction:column;gap:1rem}.add-thought textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;color:#fff;font-family:inherit;resize:vertical;transition:all .3s ease}.add-thought textarea:focus{outline:none;border-color:#4ecdc4;background:#ffffff14}.add-thought-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;align-self:flex-end}.add-thought-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.add-thought-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.star-detail-overlay{padding:1rem}.star-detail-content{padding:1.5rem}.modal-header{flex-direction:column;gap:1rem}.star-info{flex-direction:column;text-align:center}.thought-item{flex-direction:column;align-items:stretch}.delete-thought-button{align-self:flex-end}}.modal-footer{padding:1.5rem 0 0;border-top:1px solid rgba(255,255,255,.1);margin-top:1.5rem}.view-original-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.view-original-button:hover{background:linear-gradient(135deg,#44a08d,#4ecdc4);transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.recording-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.record-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.record-button:hover{background:linear-gradient(135deg,#ee5a52,#ff6b6b);transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}.record-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.recording-active{display:flex;align-items:center;gap:1rem}.stop-button{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.stop-button:hover{background:linear-gradient(135deg,#ff9800,#ffa726);transform:translateY(-2px);box-shadow:0 4px 15px #ffa7264d}.recording-time{color:#ff6b6b;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace;animation:pulse 1s infinite}.no-audio{color:#8a8aa8;font-style:italic;padding:1rem 0}.tag-filter-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:500;padding-top:120px}.tag-filter-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:70vh;overflow-y:auto;position:relative}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-header h3{color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.filter-content{color:#fff}.no-tags{text-align:center;padding:2rem;color:#b8b8d4}.no-tags p{margin:.5rem 0}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.selected-count{color:#b8b8d4;font-size:.9rem}.clear-button{background:none;border:1px solid #ff6b6b;color:#ff6b6b;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.clear-button:hover{background:#ff6b6b1a}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:2rem}.tag-item{background:transparent;border:1px solid;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.tag-item:hover,.tag-item.selected{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tag-name{font-weight:500}.tag-count{background:#fff3;padding:.2rem .5rem;border-radius:10px;font-size:.8rem;font-weight:500}.selected-tags{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.selected-tags h4{color:#4ecdc4;margin-bottom:1rem;font-size:1rem}.selected-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;margin-left:.25rem;opacity:.8;transition:opacity .3s ease}.selected-tag button:hover{opacity:1}@media (max-width: 768px){.tag-filter-overlay{padding:1rem;padding-top:100px}.tag-filter-content{padding:1.5rem}.tags-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}}.data-stats-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.data-stats-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:1000px;max-height:80vh;overflow-y:auto;position:relative;color:#fff}.data-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#fff}.data-stats-loading .spinner{width:3rem;height:3rem;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.stats-header h2{margin:0;display:flex;align-items:center;gap:.75rem;color:#4ecdc4;font-size:1.5rem}.header-icon{width:1.5rem;height:1.5rem}.time-range-selector{display:flex;gap:.5rem;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.time-range-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#b8b8d4;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.time-range-button:hover{background:#ffffff1a;color:#fff}.time-range-button.active{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem}.stat-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.stat-section h3{margin:0 0 1rem;color:#4ecdc4;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.section-icon{width:1rem;height:1rem}.overview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.overview-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.stat-number{display:block;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#b8b8d4}.trend-chart{display:flex;align-items:end;gap:2px;height:100px;margin-bottom:1rem;padding:.5rem;background:#ffffff05;border-radius:8px}.trend-bar{flex:1;display:flex;align-items:end;justify-content:center}.trend-fill{width:100%;min-height:2px;border-radius:2px 2px 0 0;transition:all .3s ease}.trend-info{display:flex;align-items:center;gap:.5rem;color:#b8b8d4;font-size:.9rem;margin:0}.info-icon{width:.9rem;height:.9rem;color:#4ecdc4}.top-tags{display:flex;flex-direction:column;gap:.75rem}.tag-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px}.tag-name{color:#4ecdc4;font-weight:500}.tag-count{background:#4ecdc433;color:#4ecdc4;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.type-distribution{display:flex;flex-direction:column;gap:1rem}.type-stat{display:flex;align-items:center;gap:1rem}.type-name{min-width:60px;font-size:.8rem;font-weight:500;color:#b8b8d4}.type-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.type-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);transition:width .3s ease}.type-count{min-width:30px;text-align:right;font-size:.9rem;color:#fff;font-weight:500}.storage-stats{display:flex;flex-direction:column;gap:.75rem}.storage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px}.storage-item span:first-child{color:#b8b8d4}.storage-item span:last-child{color:#fff;font-weight:500}.no-data{color:#8a8aa8;font-style:italic;text-align:center;margin:2rem 0}@media (max-width: 768px){.data-stats-overlay{padding:1rem}.data-stats-content{max-height:90vh}.stats-header{padding:1.5rem}.time-range-selector{padding:1rem 1.5rem;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr;padding:1.5rem}.overview-stats{grid-template-columns:1fr}.trend-chart{height:80px}}.starfield-view{min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a3e,#2d1b69);position:relative;overflow:hidden}.starfield-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.back-button{color:#b8b8d4;text-decoration:none;padding:.5rem;border-radius:8px;transition:all .3s ease}.starfield-header h1{color:#fff;margin:0;display:flex;align-items:center;gap:.5rem;font-size:2rem}.header-icon{color:gold}.header-controls{display:flex;align-items:center;gap:1rem}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#b8b8d4;width:1rem;height:1rem}.search-box input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem .75rem .75rem 2.5rem;color:#fff;width:250px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:gold;background:#ffffff26}.filter-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#b8b8d4;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-button:hover,.filter-button.active{background:#ffd70033;border-color:gold;color:gold}.stats-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#b8b8d4;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.stats-button:hover{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.export-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#b8b8d4;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.export-button:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.starfield-container{position:relative;height:calc(100vh - 120px);overflow:hidden}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bg-star{position:absolute;width:1px;height:1px;background:#ffffff4d;border-radius:50%;animation:twinkle 3s infinite}.stars-container{position:relative;width:100%;height:100%}.star{position:absolute;cursor:pointer;transform:translate(-50%,-50%);z-index:10}.star-core{width:8px;height:8px;background:var(--star-color, #ffd700);border-radius:50%;box-shadow:0 0 10px var(--star-color, #ffd700);transition:all .3s ease}.star.normal .star-core{width:10px;height:10px;box-shadow:0 0 15px var(--star-color, #ffd700)}.star.bright .star-core{width:12px;height:12px;box-shadow:0 0 20px var(--star-color, #ffd700)}.star.brilliant .star-core{width:14px;height:14px;box-shadow:0 0 25px var(--star-color, #ffd700)}.star-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:1px solid var(--star-color, #ffd700);border-radius:50%;opacity:.5;animation:pulse 2s infinite}.star-corona{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid var(--star-color, #ffd700);border-radius:50%;opacity:.3;animation:pulse 3s infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.star.flash .star-core{animation:flash 1s ease-in-out}@keyframes flash{0%,to{box-shadow:0 0 15px var(--star-color, #ffd700)}50%{box-shadow:0 0 40px var(--star-color, #ffd700),0 0 60px var(--star-color, #ffd700)}}.star-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;margin-bottom:.5rem;min-width:200px;max-width:300px;z-index:20}.tooltip-content{color:#fff;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tooltip-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tooltip-tag{color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem}.empty-starfield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#b8b8d4;max-width:400px}.empty-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.empty-starfield h3{color:#fff;margin-bottom:1rem}.go-library-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:12px;display:inline-block;margin-top:1rem;transition:all .3s ease}.go-library-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.starfield-stats{position:fixed;bottom:2rem;right:2rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1rem;color:#b8b8d4;font-size:.9rem;display:flex;gap:1rem;z-index:50}@media (max-width: 768px){.starfield-header{padding:1rem;flex-direction:column;gap:1rem}.header-controls{width:100%;justify-content:space-between}.search-box input{width:200px}.starfield-stats{bottom:1rem;right:1rem;flex-direction:column;gap:.25rem}}.excerpt-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.excerpt-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{color:#fff;margin:0}.close-button{background:none;border:none;color:#b8b8d4;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.selected-text{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.selected-text blockquote{color:#fff;font-style:italic;margin:0;line-height:1.6;font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.form-section{margin-bottom:2rem}.form-section label{display:block;color:#b8b8d4;margin-bottom:.75rem;font-weight:500}.form-section textarea,.form-section input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;color:#fff;font-family:inherit;transition:all .3s ease;resize:vertical}.form-section textarea:focus,.form-section input:focus{outline:none;border-color:#4ecdc4;background:#ffffff14}.audio-controls{display:flex;align-items:center;gap:1rem}.record-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.record-button.recording{background:linear-gradient(135deg,#ff4757,#ff3742);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.record-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.audio-player{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:.75rem 1rem;border-radius:12px;flex:1}.play-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.play-button:hover{transform:scale(1.1)}.audio-actions{display:flex;gap:.5rem;align-items:center}.rerecord-button{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.rerecord-button:hover:not(:disabled){background:linear-gradient(135deg,#ff9800,#f57c00);transform:scale(1.1)}.rerecord-button:disabled{opacity:.5;cursor:not-allowed}.delete-audio-button{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.delete-audio-button:hover:not(:disabled){background:#ff6b6b1a;transform:scale(1.1)}.delete-audio-button:disabled{opacity:.5;cursor:not-allowed}.tags-section{display:flex;flex-direction:column;gap:1rem}.existing-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-button{background:transparent;border:1px solid;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tag-button:hover{transform:translateY(-1px)}.new-tag-input{display:flex;gap:.5rem}.new-tag-input input{flex:1;margin:0}.add-tag-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.add-tag-button:hover:not(:disabled){transform:scale(1.1)}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selected-tag{color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.selected-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;margin-left:.25rem}.save-button{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.save-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd7004d}@media (max-width: 768px){.excerpt-modal-overlay{padding:1rem}.excerpt-modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.audio-player{flex-direction:column;align-items:stretch;text-align:center}}.api-key-config-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.api-key-config-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:1px solid #2a2a4a}.api-key-config-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a4a;background:linear-gradient(135deg,#1a1a2e,#16213e)}.api-key-config-title{display:flex;align-items:center;gap:12px}.api-key-config-icon{color:#4ade80}.api-key-config-title h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.api-key-config-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.api-key-config-close:hover{color:#fff;background:#ffffff1a}.api-key-config-content{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.api-key-config-notice{display:flex;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:24px}.notice-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.notice-text p{margin:0;color:#e5e7eb;font-size:.9rem;line-height:1.5}.notice-text p:first-child{font-weight:600;margin-bottom:4px}.api-key-platforms{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.api-key-platform{background:#ffffff0d;border:1px solid #2a2a4a;border-radius:12px;padding:20px;transition:all .2s ease}.api-key-platform:hover{border-color:#4ade80;background:#4ade800d}.platform-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.platform-info h3{margin:0 0 4px;color:#fff;font-size:1.1rem;font-weight:600}.platform-info p{margin:0;color:#9ca3af;font-size:.9rem}.get-key-link{display:flex;align-items:center;gap:6px;color:#4ade80;text-decoration:none;font-size:.9rem;padding:6px 12px;border:1px solid #4ade80;border-radius:6px;transition:all .2s ease;flex-shrink:0}.get-key-link:hover{background:#4ade801a;transform:translateY(-1px)}.api-key-input-group{display:flex;flex-direction:column;gap:8px}.api-key-input-wrapper{position:relative;display:flex;align-items:center}.api-key-input{width:100%;padding:12px 48px 12px 16px;background:#0000004d;border:1px solid #374151;border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease}.api-key-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.api-key-input::placeholder{color:#6b7280}.toggle-visibility-btn{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toggle-visibility-btn:hover{color:#fff;background:#ffffff1a}.key-status{display:flex;align-items:center;gap:6px;color:#4ade80;font-size:.8rem}.api-key-config-footer{border-top:1px solid #2a2a4a;padding-top:20px}.config-tips{margin-bottom:20px}.config-tips p{margin:0 0 8px;color:#e5e7eb;font-weight:600;font-size:.9rem}.config-tips ul{margin:0;padding-left:20px;color:#9ca3af;font-size:.85rem;line-height:1.6}.config-tips li{margin-bottom:4px}.config-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px}.config-cancel-btn,.config-save-btn{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.config-cancel-btn{background:transparent;border:1px solid #6b7280;color:#9ca3af}.config-cancel-btn:hover{border-color:#9ca3af;color:#fff}.config-save-btn{background:#4ade80;border:1px solid #4ade80;color:#000}.config-save-btn:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.config-save-btn:disabled{opacity:.5;cursor:not-allowed}.save-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500}.save-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.save-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}@media (max-width: 640px){.api-key-config-overlay{padding:10px}.api-key-config-modal{max-height:95vh}.api-key-config-header,.api-key-config-content{padding:16px}.platform-header{flex-direction:column;gap:12px;align-items:flex-start}.config-actions{flex-direction:column}.config-cancel-btn,.config-save-btn{width:100%;justify-content:center}}.ai-summary-panel{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.ai-summary-panel:hover{border-color:#4f46e54d;box-shadow:0 12px 40px #4f46e533}.ai-summary-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff0d;cursor:pointer;transition:background .2s ease}.ai-summary-panel-header:hover{background:#ffffff14}.ai-summary-panel-title{display:flex;align-items:center;gap:12px}.ai-summary-panel-icon{color:#4f46e5;animation:brainPulse 3s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.ai-summary-panel-title h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.ai-summary-panel-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.ai-summary-panel-controls{display:flex;align-items:center;gap:8px}.ai-summary-settings-btn,.ai-summary-copy-btn,.ai-summary-collapse-btn{background:#ffffff1a;border:none;color:#9ca3af;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ai-summary-settings-btn:hover,.ai-summary-copy-btn:hover,.ai-summary-collapse-btn:hover{background:#fff3;color:#fff}.ai-summary-panel-content{padding:20px;max-height:600px;overflow-y:auto}.ai-summary-panel-content::-webkit-scrollbar{width:6px}.ai-summary-panel-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.ai-summary-panel-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.ai-summary-loading{text-align:center;padding:24px 16px}.ai-summary-spinner{color:#4f46e5;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-summary-loading p{color:#9ca3af;margin-bottom:16px;font-size:.9rem}.ai-summary-progress{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ai-summary-progress-bar{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);animation:progressMove 2s ease-in-out infinite}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-summary-error{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.ai-summary-error-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.ai-summary-error-content h4{margin:0 0 6px;color:#ef4444;font-size:.95rem;font-weight:600}.ai-summary-error-content p{margin:0 0 10px;color:#fca5a5;font-size:.85rem;line-height:1.4}.ai-summary-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.ai-summary-retry-btn:hover{background:#ef44444d}.ai-summary-placeholder{text-align:center;padding:24px 16px;color:#9ca3af}.ai-summary-placeholder-icon{color:#6b7280;margin-bottom:8px}.ai-summary-placeholder p{margin:0;font-size:.9rem}.api-key-required{text-align:center}.api-key-required p{margin-bottom:16px;color:#fbbf24}.config-api-key-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#4ade80;color:#000;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 auto}.config-api-key-btn:hover{background:#22c55e;transform:translateY(-1px)}.ai-summary-result{background:#ffffff05;border-radius:8px;overflow:hidden}.ai-summary-actions{display:flex;gap:8px;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.ai-summary-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.ai-summary-action-btn:hover{background:#fff3;transform:translateY(-1px)}.ai-summary-markdown-content{padding:24px;color:#f1f5f9;line-height:1.8;font-size:15px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Segoe UI,Tahoma,Arial,sans-serif;white-space:pre-wrap;word-wrap:break-word;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.ai-summary-markdown-content h1,.ai-summary-markdown-content h2,.ai-summary-markdown-content h3,.ai-summary-markdown-content h4,.ai-summary-markdown-content h5,.ai-summary-markdown-content h6{color:#fff;margin:16px 0 8px;font-weight:600}.ai-summary-markdown-content h1{font-size:1.4rem;border-bottom:2px solid rgba(79,70,229,.3);padding-bottom:8px}.ai-summary-markdown-content h2{font-size:1.2rem;color:#e2e8f0}.ai-summary-markdown-content h3{font-size:1.1rem;color:#cbd5e1}.ai-summary-markdown-content p{margin:12px 0;color:#e2e8f0}.ai-summary-markdown-content ul,.ai-summary-markdown-content ol{margin:12px 0;padding-left:20px}.ai-summary-markdown-content li{margin:6px 0;color:#e2e8f0}.ai-summary-markdown-content strong{color:#fff;font-weight:600}.ai-summary-markdown-content em{color:#cbd5e1;font-style:italic}.ai-summary-markdown-content code{background:#ffffff1a;color:#fbbf24;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.ai-summary-markdown-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;overflow-x:auto;margin:12px 0}.ai-summary-markdown-content pre code{background:none;padding:0;color:#e2e8f0}.ai-summary-markdown-content blockquote{border-left:3px solid #4f46e5;padding-left:16px;margin:12px 0;color:#cbd5e1;font-style:italic}.ai-summary-panel-footer{padding:8px 20px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.ai-summary-powered{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.75rem;justify-content:center}@media (max-width: 768px){.ai-summary-panel{margin-bottom:16px}.ai-summary-panel-header{padding:12px 16px}.ai-summary-panel-content{padding:16px;max-height:400px}.ai-summary-markdown-content{padding:16px;font-size:.9rem}.ai-summary-actions{flex-wrap:wrap;gap:6px}.ai-summary-action-btn{font-size:.75rem;padding:5px 10px}}.ai-platform-selector{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.ai-platform-selector h4{color:#e2e8f0;margin:0 0 16px;font-size:16px;font-weight:600}.platform-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.platform-option{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;transition:all .2s ease}.platform-option:hover{background:#ffffff14;border-color:#fff3}.platform-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.platform-label input[type=radio]{margin-top:2px;accent-color:#3b82f6}.platform-info{flex:1;display:flex;flex-direction:column;gap:4px}.platform-name{color:#e2e8f0;font-weight:500;font-size:14px}.platform-desc{color:#9ca3af;font-size:12px;line-height:1.4}.platform-unavailable{color:#f59e0b;font-size:11px;font-weight:500}.model-selector{margin-top:8px;padding:6px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e2e8f0;font-size:12px;width:100%}.model-selector option{background:#1e293b;color:#e2e8f0}.platform-actions{display:flex;justify-content:flex-end}.generate-with-platform-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.generate-with-platform-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.generate-with-platform-btn:disabled{background:#ffffff1a;color:#6b7280;cursor:not-allowed}.reader-view{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.reader-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.back-button{color:#b8b8d4;text-decoration:none;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center}.back-button:hover{background:#ffffff1a;color:#fff}.article-info{flex:1}.article-title{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.article-meta{display:flex;align-items:center;gap:1rem}.star-count{display:flex;align-items:center;gap:.25rem;color:gold;font-size:.9rem}.meta-icon{width:1rem;height:1rem}.header-actions{display:flex;gap:1rem}.action-button{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;text-decoration:none;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd7004d}.reader-content{max-width:1200px;margin:0 auto;padding:3rem 2rem;line-height:1.8;width:100%}.article-content{color:#fff;font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word}.article-content p{margin-bottom:1.5rem;text-align:justify}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#4ecdc4;margin:2rem 0 1rem}.article-content blockquote{border-left:4px solid #4ecdc4;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#b8b8d4}.article-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all;overflow-wrap:break-word}.article-content pre{background:#ffffff0d;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:none;padding:0}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem}.article-content li{margin-bottom:.5rem}.article-content a{color:#4ecdc4;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.article-content a:hover{border-bottom-color:#4ecdc4}.content-link{color:#4ecdc4;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;cursor:pointer;display:inline;word-break:break-all;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.content-link:hover{border-bottom-color:#4ecdc4;background:#4ecdc41a;border-radius:2px}.highlight{background:#facc1566;border-radius:4px;padding:2px 4px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid rgba(250,204,21,.3);box-shadow:0 1px 3px #facc1533}.highlight:hover{background:#facc1599;box-shadow:0 2px 8px #facc1566;transform:translateY(-1px)}.highlighted-text--flash{animation:highlightFlash 1.5s ease-in-out}@keyframes highlightFlash{0%{background:#facc1566;box-shadow:0 0 #facc1566}25%{background:#facc15cc;box-shadow:0 0 20px #facc1599}50%{background:#facc15;box-shadow:0 0 30px #facc15cc}75%{background:#facc15cc;box-shadow:0 0 20px #facc1599}to{background:#facc1566;box-shadow:0 0 #facc1566}}.highlight:active{transform:translateY(0);box-shadow:0 1px 3px #ffd7004d}.target-highlight{background:linear-gradient(120deg,#4ecdc4b3,#4ecdc466)!important;box-shadow:0 0 25px #4ecdc499!important;border-radius:6px!important;border:2px solid rgba(78,205,196,.8)!important;animation:pulse-highlight 2s ease-in-out infinite;position:relative}.target-highlight:before{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,transparent,rgba(78,205,196,.3),transparent);border-radius:8px;animation:rotate-border 3s linear infinite;z-index:-1}.flash-highlight{background:linear-gradient(120deg,#ffd700e6,#ffd70099)!important;box-shadow:0 0 20px #ffd700cc!important;border:2px solid rgba(255,215,0,.9)!important}@keyframes pulse-highlight{0%,to{background:linear-gradient(120deg,#4ecdc4b3,#4ecdc466);transform:scale(1);box-shadow:0 0 25px #4ecdc499}50%{background:linear-gradient(120deg,#4ecdc4e6,#4ecdc499);transform:scale(1.08);box-shadow:0 0 35px #4ecdc4cc}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-not-found{text-align:center;padding:4rem 2rem;color:#fff}.article-not-found h2{margin-bottom:1rem}.article-not-found p{color:#b8b8d4}::selection{background:#ffd7004d}::-moz-selection{background:#ffd7004d}.jump-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4ecdc4f2,#44a08df2);color:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.indicator-content{display:flex;align-items:center;gap:1rem;font-weight:500;font-size:1.1rem}.indicator-icon{font-size:1.5rem;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.target-highlight{background:linear-gradient(120deg,#4ecdc499,#4ecdc44d);border-radius:8px;padding:4px 8px;box-shadow:0 0 15px #4ecdc480}.flash-highlight{background:linear-gradient(120deg,#4ecdc4cc,#4ecdc466);box-shadow:0 0 25px #4ecdc4b3}@media (max-width: 768px){.reader-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.header-left{gap:1rem}.article-title{font-size:1.2rem}.reader-content{padding:2rem 1rem}.article-content{font-size:1rem}.jump-indicator{padding:1rem 1.5rem}.indicator-content{font-size:1rem}}.memory-capsule-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.memory-capsule-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(155,89,182,.3);border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#b8b8d4;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.close-button:hover{background:#ffffff1a;color:#fff}.capsule-form{color:#fff}.capsule-form h2{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;color:#9b59b6}.modal-icon{width:2rem;height:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#b8b8d4;font-weight:500}.form-group input,.form-group textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;color:#fff;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#9b59b6;background:#ffffff14}.form-group textarea{resize:vertical;min-height:80px}.stars-selection{margin-bottom:2rem}.stars-selection h3{color:#4ecdc4;margin-bottom:1rem}.stars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding:1rem;background:#ffffff05;border-radius:8px}.star-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.star-item:hover{background:#ffffff14;transform:translateY(-2px)}.star-item.selected{border-color:#9b59b6;background:#9b59b633}.star-visual{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.star-visual .star-core{width:12px;height:12px;background:var(--star-color, #ffd700);border-radius:50%;box-shadow:0 0 15px var(--star-color, #ffd700)}.star-content{flex:1;min-width:0}.star-content p{margin:0 0 .5rem;color:#fff;font-size:.9rem;line-height:1.4}.star-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{background:#ffffff1a;color:#b8b8d4;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff26;color:#fff}.save-button,.open-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.save-button:hover:not(:disabled),.open-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9b59b64d}.save-button:disabled{opacity:.5;cursor:not-allowed}.open-button{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e}.open-button:hover{box-shadow:0 8px 25px #ffd7004d}.capsule-view{color:#fff;text-align:center}.capsule-header{margin-bottom:2rem}.capsule-icon-large{display:flex;justify-content:center;margin-bottom:1rem}.capsule-icon-large svg{width:4rem;height:4rem;color:#9b59b6}.capsule-view h2{margin-bottom:1rem;color:#fff}.capsule-description{color:#b8b8d4;font-size:1.1rem;line-height:1.6}.capsule-info{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:.5rem;color:#b8b8d4}.info-icon{color:#4ecdc4;width:1.2rem;height:1.2rem}.capsule-message{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:left}.capsule-message h3{display:flex;align-items:center;gap:.5rem;color:gold;margin-bottom:1rem}.message-icon{color:#ff6b9d;width:1.2rem;height:1.2rem}.capsule-message blockquote{margin:0;font-style:italic;line-height:1.6;color:#fff}.capsule-stars{text-align:left}.capsule-stars h3{color:#4ecdc4;margin-bottom:1rem}.stars-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.star-item-view{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.star-item-view .star-content{flex:1}.star-item-view blockquote{margin:0 0 1rem;font-style:italic;color:#fff;line-height:1.6}.star-thought{color:#b8b8d4;margin-bottom:1rem;font-size:.9rem}@media (max-width: 768px){.memory-capsule-modal-overlay{padding:1rem}.memory-capsule-modal-content{padding:1.5rem}.stars-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.capsule-info{flex-direction:column;gap:1rem}}.memory-capsule-container{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.capsule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title h2{margin:0;font-size:2rem;color:#fff}.header-icon{color:#9b59b6;width:2rem;height:2rem}.create-capsule-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.create-capsule-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9b59b64d}.ready-capsules,.active-capsules,.opened-capsules{margin-bottom:3rem}.ready-capsules h3,.active-capsules h3,.opened-capsules h3{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#4ecdc4;font-size:1.3rem}.section-icon{width:1.5rem;height:1.5rem}.capsules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.capsule-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.capsule-card:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.capsule-card.ready{border-color:#ffd70080;background:#ffd7001a}.capsule-card.ready:hover{background:#ffd70026;box-shadow:0 10px 30px #ffd7004d}.capsule-card.waiting{border-color:#9b59b64d}.capsule-card.opened{border-color:#4ecdc44d}.capsule-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:glow 3s infinite;pointer-events:none}@keyframes glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.capsule-icon{display:flex;justify-content:center;margin-bottom:1rem}.capsule-icon svg{width:3rem;height:3rem;color:#9b59b6}.capsule-card.ready .capsule-icon svg{color:gold;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.capsule-card.opened .capsule-icon svg{color:#4ecdc4}.capsule-card h4{text-align:center;margin-bottom:1rem;color:#fff;font-size:1.2rem}.capsule-description{color:#b8b8d4;text-align:center;margin-bottom:1rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.capsule-ready{text-align:center;color:gold;font-weight:600;font-size:1.1rem;margin-bottom:1rem;animation:pulse 2s infinite}.capsule-countdown{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9b59b6;font-weight:500;margin-bottom:1rem}.countdown-icon{width:1rem;height:1rem}.capsule-stars{display:flex;align-items:center;justify-content:center;gap:.5rem;color:gold;font-size:.9rem;margin-bottom:1rem}.star-icon{width:1rem;height:1rem}.capsule-date,.capsule-opened-date{text-align:center;color:#8a8aa8;font-size:.8rem}.empty-capsules{text-align:center;padding:4rem 2rem;color:#b8b8d4}.empty-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5;color:#9b59b6}.empty-capsules h3{color:#fff;margin-bottom:1rem}.create-first-capsule{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem}.create-first-capsule:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9b59b64d}@media (max-width: 768px){.memory-capsule-container{padding:1rem}.capsule-header{flex-direction:column;gap:1rem;align-items:stretch}.header-title{justify-content:center}.capsules-grid{grid-template-columns:1fr}.capsule-card{padding:1.5rem}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0c1e;color:#fff;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.shadow{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.btn-secondary{background:#ffffff1a;color:#b8b8d4;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;color:#fff}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;width:100%;min-height:100vh}@media (max-width: 768px){.app-layout{flex-direction:column}.main-content{width:100%}}