body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,select,textarea{font-size:16px!important}.download-page{color:#333;font-family:PingFang SC,Microsoft YaHei,sans-serif;height:100vh;margin:0 auto;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:20px}.app-header{margin-bottom:30px;text-align:center}.app-icon{font-size:60px;margin-bottom:15px}.app-description{color:#666;font-size:18px}.app-features{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.app-features h2{color:#444;margin-top:0}.app-features ul{padding-left:20px}.app-features li{margin-bottom:8px}.download-section{margin-bottom:30px}.download-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.download-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;min-width:250px;padding:20px;text-align:center}.download-btn{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-top:15px;padding:12px 24px;text-decoration:none;transition:all .3s;width:80%}.download-btn.primary{background:#4a89dc;color:#fff}.download-btn.secondary{background:#f5f7fa;border:2px solid #4a89dc;color:#4a89dc}.download-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hint{color:#888;font-size:14px;margin-top:10px}.ios-notice{background:#fff8e1;border-radius:10px;color:#e65100;padding:20px;text-align:center}.android-install-hint{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:14px;margin-top:20px;padding:15px}.footer{color:#999;font-size:14px;margin-top:40px}@media (max-width:600px){.download-options{flex-direction:column}}.guide-section{margin:20px 0;text-align:center}.guide-btn{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s}.guide-btn:hover{background-color:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.analysis-report-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 30px #0000001a;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;margin:0 auto;max-width:800px;padding:20px}.report-header{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px;margin-bottom:10px;padding-bottom:15px}.report-header>div{align-items:center;display:flex;justify-content:space-between}.report-header h2{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:8px;justify-content:center;margin:0;text-align:center;width:100%}.progress-section{color:#555;display:flex;flex-direction:column;font-size:.85rem;gap:5px}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px}.progress-bar>div{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;height:100%}.warning-banner{display:flex;gap:10px;justify-content:center;margin-bottom:10px;overflow-x:auto;padding-bottom:0}.warning-item{background-color:#fff3cd;border-radius:20px;color:#333;gap:5px;padding:5px 10px;white-space:nowrap}.report-version,.warning-item{align-items:center;display:flex;font-size:.85rem}.report-version{color:#666;justify-content:space-between;line-height:1.4;margin:0;padding:0;width:100%}.report-version span{font-family:Roboto Mono,monospace;letter-spacing:.05em;margin:0;opacity:.8;padding:0}.report-version div{margin:0;padding:0;white-space:nowrap}@media (max-width:768px){.report-version{font-size:.75rem}}.report-tabs{display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.1rem;gap:12px;justify-content:center;margin-bottom:15px;padding-bottom:8px}.tab-button{align-items:center;background-color:#e9ecef;border:none;border-radius:24px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:6px;margin-bottom:5px;padding:10px 18px;transition:all .2s ease}.tab-button:hover{background-color:#dee2e6;transform:translateY(-1px)}.tab-button.active{background-color:#4facfe;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 8px #4facfe33;color:#fff;font-weight:500}@media (max-width:768px){.report-tabs{font-size:1rem;gap:8px}.tab-button{font-size:.95rem;padding:8px 14px}}.module-card{background-color:hsla(0,0%,100%,.279);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:10px}.module-card,.module-card h3{color:#333;margin-bottom:15px}.module-card h3{align-items:center;display:flex;font-size:1.2rem;gap:8px;margin-top:0}.core-section{margin-bottom:20px}.core-section h4{color:#555;font-size:1rem;margin-bottom:10px;margin-top:0}.enhanced-core-state{display:flex;flex-direction:column;gap:1.5rem}.metaphor-box{background:hsla(0,100%,98%,.498);border-radius:8px;margin:.5rem 0;padding:1rem}.ecg-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.intensity-bar,.progress-bar>div{border-radius:4px;height:100%;transition:width .5s ease}.salience-indicator{margin-top:.5rem}.personality-section{display:flex;flex-direction:column;gap:15px}.personality-type{align-items:center;display:flex;gap:15px;margin-bottom:10px}.personality-type h4{color:#333;font-size:1.3rem;margin:0}.confidence-badge{background-color:#4facfe1a;border-radius:20px;color:#4facfe;font-size:.85rem;padding:4px 10px}.traits-section h5{color:#555;font-size:.9rem;margin-bottom:10px;margin-top:0}.traits-container{display:flex;flex-wrap:wrap;gap:8px}.trait-pill{background-color:#a18cd11a;border-radius:20px;color:#6f42c1;font-size:.8rem;padding:4px 12px}.trait-pill.hidden{background-color:#00f2fe1a;color:#17a2b8}.keywords-section{display:flex;flex-direction:column;gap:20px}.keywords-cloud{display:flex;flex-wrap:wrap;gap:10px}.keyword{background-color:#00f2fe1a;border-radius:20px;color:#17a2b8;font-size:.85rem;padding:4px 12px}.frequency-section h4{color:#555;font-size:1rem;margin-bottom:10px;margin-top:0}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #e0e0e0;font-size:.85rem;padding:8px}td:first-child{color:#333}td:last-child{color:#555;text-align:right}.relationships-section{background-color:#f8f9fa61;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.energy-flow-diagram{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.energy-flow-diagram:before{background:linear-gradient(90deg,#4facfe4d,#ffffff80 50%,#ff758c4d);content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.energy-drains,.energy-sources{flex:1 1;z-index:2}.energy-center{text-align:center;width:80px;z-index:3}.user-avatar{align-items:center;background-color:#4facfe;border-radius:50%;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.balance-indicator{background-color:#fff;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#333;font-size:.9rem;font-weight:700;padding:5px 10px}.energy-node{background-color:#fff;border-left:4px solid #0000;border-radius:10px;box-shadow:0 3px 6px #0000000d;margin-bottom:15px;padding:12px;position:relative}.energy-node.positive{border-left-color:#4facfe}.energy-node.negative{border-left-color:#ff758c}.energy-node .role{align-items:center;color:#333;display:flex;font-weight:600;margin-bottom:5px}.energy-node .role:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}.energy-node.positive .role:before{background-color:#4facfe}.energy-node.negative .role:before{background-color:#ff758c}.energy-value{font-size:1.2rem;font-weight:700;margin:5px 0}.energy-node.positive .energy-value{color:#4facfe}.energy-node.negative .energy-value{color:#ff758c}.meta{color:#666;display:flex;font-size:.8rem;gap:10px}.meta span{align-items:center;display:flex}.meta span:before{content:"";display:inline-block;height:12px;margin-right:5px;opacity:.6;width:12px}.relationship-advice{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.strategies,.warnings{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:15px}.strategies h4,.warnings h4{align-items:center;color:#333;display:flex;font-size:.95rem;gap:8px;margin-bottom:15px;margin-top:0}.warning-item1{background-color:#fff8e6;border-left:3px solid #ffc107;color:#666}.strategy-item,.warning-item1{border-radius:4px;font-size:.85rem;margin-bottom:10px;padding:10px}.strengthen .strategy-item{background-color:#e8f5e9;border-left:3px solid #4caf50}.defense .strategy-item{background-color:#ffebee;border-left:3px solid #f44336}.strategy-item strong{color:#333;font-weight:600}@media (max-width:768px){.energy-flow-diagram{flex-direction:column}.energy-center{margin:15px 0;order:1}.energy-drains,.energy-sources{width:100%}.relationship-advice{grid-template-columns:1fr}}.energy-node .meta span{align-items:center;display:inline-flex;gap:4px}.strategy-item{padding-left:20px;position:relative}.strategy-item:before{left:0;position:absolute;top:4px}.strategy-header{display:flex;justify-content:space-between;margin-bottom:6px}.expected,.urgency{font-weight:700}.urgency-level{background:#eee;height:4px;margin-top:6px}.urgency-level .stars{background:#ff9800;height:100%}.warning-scenario{color:#666;font-size:.8em;margin-top:4px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.energy-node:hover{animation:pulse .5s ease;box-shadow:0 5px 15px #0000001a}.trends-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trend-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:16px}.timing-table{border-collapse:collapse;width:100%}.timing-table th{padding:8px 12px;text-align:left}.timing-table tr:nth-child(2n){background:#f8f9fa}.behavior-dashboard{background:hsla(0,0%,100%,.169);display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;padding:1rem}.chain-card,.efficiency-card,.gap-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.25rem}.time-slots{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.time-slot{border-radius:8px;padding:.8rem}.time-slot.peak{background:#4facfe14;border-left:3px solid #4facfe}.time-slot.low{background:#ff758c14;border-left:3px solid #ff758c}.slot-header{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.emoji{font-size:1.2rem}.time-range{font-size:1rem;font-weight:500;margin-bottom:.5rem}.progress-bar{background:#e0e0e0;height:6px;margin-top:.3rem}.progress-bar,.progress-fill{border-radius:3px}.time-slot.peak .progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe)}.time-slot.low .progress-fill{background:linear-gradient(90deg,#ff758c,#ff9a9e)}.behavior-chains-section{margin-top:1.5rem}.section-title{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.chains-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.chain-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:1rem;transition:transform .2s ease}.chain-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.chain-header{border-bottom:1px solid #f0f0f0;margin-bottom:.8rem;padding-bottom:.5rem}.chain-header,.chain-number{align-items:center;display:flex}.chain-number{background:#4facfe;border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;height:24px;justify-content:center;margin-right:.8rem;width:24px}.chain-summary{color:#555;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-step{padding:.5rem 0}.chain-step,.step-icon{align-items:center;display:flex}.step-icon{background:#f8f9fa;border-radius:50%;flex-shrink:0;font-size:.9rem;height:24px;justify-content:center;margin-right:.8rem;width:24px}.step-content{flex:1 1}.step-label{color:#888;font-size:.7rem;margin-bottom:.2rem}.step-text{font-size:.85rem;line-height:1.3}@media (max-width:768px){.chains-container{grid-template-columns:1fr}.chain-card{padding:.8rem}}@media (max-width:480px){.chain-summary,.step-text{font-size:.8rem}}.gap-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:1.5rem;padding:1.25rem}.card-title{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.gap-icon{font-size:1.2rem}.gap-count{background:#f0f0f0;border-radius:10px;color:#666;font-size:.8rem;margin-left:auto;padding:.2rem .6rem}.gap-item{background:#f9f9f9;border-left:3px solid #ff9800;border-radius:8px;margin-bottom:1rem;padding:1rem}.gap-header{align-items:center;display:flex;margin-bottom:.8rem}.gap-type-badge{background:#fff8e1;border-radius:12px;color:#ff9800;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.gap-index{color:#999;font-size:.7rem;margin-left:auto}.gap-comparison{align-items:center;display:flex;gap:1rem}.comparison-col{border-radius:6px;flex:1 1;padding:.8rem}.planned{background:#4caf5014}.actual{background:#f4433614}.comparison-label{align-items:center;color:#666;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.5rem}.comparison-icon{font-size:1rem}.comparison-text{font-size:.9rem;line-height:1.4}.comparison-arrow{color:#999;font-size:1.2rem;padding:0 .5rem}@media (max-width:600px){.gap-comparison{flex-direction:column;gap:.5rem}.comparison-arrow{padding:.5rem 0;transform:rotate(90deg)}}.loading-placeholder{align-items:center;color:#555;display:flex;flex-direction:column;height:300px;justify-content:center}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e0e0e0;border-top-color:#4facfe;height:40px;margin-bottom:15px;width:40px}.no-data{align-items:center;color:#adb5bd;display:flex;flex-direction:column;height:300px;justify-content:center}.empty-icon{color:#e0e0e0;font-size:3rem;margin-bottom:15px}.unlock-hint{background-color:#f8f9fa59;border:1px solid #e0e0e0;border-radius:8px;color:#555;display:flex;font-size:.85rem;gap:5px;margin-bottom:5px;margin-top:20px;padding:4px 8px}.unlock-hint strong{color:#333}.streaming-results{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-top:30px;padding:15px}.streaming-results h4{color:#333;font-size:1rem;margin-bottom:15px;margin-top:0}.streaming-message{border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:10px 0}.streaming-message:last-child{border-bottom:none}.streaming-message>div:first-child{color:#333;flex-shrink:0;font-size:1.2rem}.streaming-message>div:last-child{color:#555;font-size:.9rem}.exploration{border-left:2px solid #4facfe80;color:#6c757d;font-size:.8rem;margin-top:5px;padding-left:10px}@media (max-width:600px){.analysis-report-container{padding:15px}.report-tabs{gap:3px}.tab-button{font-size:.75rem;padding:6px 10px}.behavior-section{flex-direction:column;gap:15px}}.self-analysis-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #ffffff4d;border-radius:18px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:600px;padding:25px}:root{--primary-soft:#a18cd1;--secondary-soft:#4facfe;--accent-soft:#00f2fe;--text-soft:#5a5a72;--bg-soft:#f1f1ffb3}.progress-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:16px}.progress-item{margin-bottom:12px}.progress-item,.progress-label{align-items:center;display:flex}.progress-label{color:#495057;font-size:13px;font-weight:500;margin-right:12px;white-space:nowrap;width:80px}.progress-icon{font-size:16px;margin-right:8px}.progress-bar{background-color:#e9ecef;flex:1 1;height:24px;overflow:hidden}.progress-bar,.progress-fill{border-radius:12px;position:relative}.progress-fill{align-items:center;display:flex;height:100%;padding:0 12px;transition:width .6s ease}.progress-text{color:#fff;font-size:12px;font-weight:500;text-shadow:0 1px 2px #0000004d}.progress-fill.streak{background:linear-gradient(90deg,#4facfe,#00f2fe)}.progress-fill.notes{background:linear-gradient(90deg,#a18cd1,#fbc2eb)}.progress-fill[style*="width: 0%"]{background-color:#ced4da!important;justify-content:flex-end;min-width:24px}.progress-fill[style*="width: 0%"] .progress-text{color:#495057;text-shadow:none}.ai-greeting{color:#5a5a72;color:var(--text-soft);font-size:14px;font-weight:500;line-height:1.4;margin:20px 0;text-align:center}.analysis-button{background:linear-gradient(135deg,#a18cd1,#00f2fe);background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));border:none;border-radius:12px;box-shadow:0 4px 15px #a18cd14d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.analysis-button:hover{box-shadow:0 6px 20px #a18cd166;transform:translateY(-2px)}.analysis-button:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin .8s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.streaming-results{margin:25px 0;max-height:300px;overflow-y:auto;padding-right:10px}.streaming-message{background-color:#ffffffb3;border-left:4px solid #a18cd1;border-left:4px solid var(--primary-soft);border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#5a5a72;color:var(--text-soft);font-size:15px;line-height:1.5;margin-bottom:12px;padding:12px 15px}.streaming-message.reasoning{background-color:#fafaffcc;border-left-color:#4facfe;border-left-color:var(--secondary-soft)}.streaming-message.final{background-color:#f0f8ffcc;border-left-color:#00f2fe;border-left-color:var(--accent-soft)}.message-content{white-space:pre-wrap}@media (max-width:480px){.self-analysis-container{border-radius:14px;padding:18px}.analysis-button{padding:12px}}.status-bar{border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;margin-bottom:20px;overflow:hidden}.status-item{color:#fff;cursor:pointer;flex-grow:1;font-weight:700;overflow:hidden;padding:10px;text-align:center;transition:background-color .3s;white-space:nowrap}.status-item.positive{background-color:#b2e0f5;color:#005f73}.status-item.neutral{background-color:#fce2a8;color:#5a4e2e}.status-item.negative{background-color:#f9d5d3;color:#9c1f25}.status-item:hover{opacity:.8}.weather-message{color:#555;font-size:1.2em;margin-bottom:20px;text-align:center}h3{color:#555;font-size:1.8em}.recommendation-category{margin-bottom:20px}.recommendations-horizontal-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;position:relative;scroll-snap-type:x mandatory}.recommendations-horizontal-scroll:after,.recommendations-horizontal-scroll:before{content:"";flex:0 0 30%;max-width:80px}.recommendation-item{border-radius:8px;box-sizing:border-box;flex:0 0 auto;max-width:500px;padding:15px;scroll-snap-align:center;transition:all .3s ease;width:80%}.recommendation-item.positive{background:#b2e0f533;border:1px solid #b2e0f5;color:#005f73}.recommendation-item.negative{background:#f9d5d333;border:1px solid #f9d5d3;color:#9c1f25}.recommendation-item.neutral{background:#fce2a833;border:1px solid #fce2a8;color:#5a4e2e}.recommendation-item:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.recommendation-text{color:inherit;font-size:1.2em;font-weight:400;margin-bottom:5px}.recommendation-result{color:#777;display:block;font-size:.9em;margin-top:5px}.error-text,.no-recommendations{color:#c62828;text-align:center}.analysis-result-container{background-color:#f9f9f93d;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:20px}.analysis-result-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px}.analysis-result-content{margin-top:10px}.message-item{margin-bottom:15px}.analysis-result-reasoning{color:rgba(85,85,85,.863);font-size:14px;font-style:italic;margin-bottom:10px}.analysis-result-final{color:#333;font-size:16px;margin-bottom:10px}.analysis-result-text{line-height:1.5;margin-top:5px}.analysis-result-footer{color:#888;font-size:.9rem;margin-top:20px;text-align:center}.public-notes{display:flex;flex-direction:column;height:80vh;overflow-x:hidden}.public-notes .error-container,.public-notes .loading-container{color:#666;font-size:1.2rem;padding:4rem;text-align:center}.public-notes .error-container{color:#ff5252}.public-notes .header{left:50%;margin-bottom:2rem;padding:1rem 0;position:fixed;text-align:center;top:0;transform:translateX(-50%);z-index:1000}.public-notes .header h1{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.public-notes .header .filter-tabs{background:hsla(0,0%,99%,.473);border-radius:2rem;box-shadow:0 2px 8px #0000000d;display:inline-flex;padding:.5rem}.public-notes .header .filter-tabs .tab{background:none;border:none;border-radius:2rem;cursor:pointer;font-size:.8rem;padding:.2rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.public-notes .header .filter-tabs .tab.active{background:#ff6b6b;box-shadow:0 2px 8px #ff6b6b33;color:#fff}.public-notes .scroll-container{max-height:calc(100vh - 120px);overflow-y:auto;padding-right:1rem}.public-notes .scroll-container::-webkit-scrollbar{background-color:#0000;width:8px}.public-notes .scroll-container::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px}.public-notes .notes-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem;padding:1rem 0;transition:opacity .3s ease}.public-notes .notes-grid.loading{opacity:.5;pointer-events:none}.public-notes .notes-grid .empty-state{color:#666;grid-column:1/-1;padding:3rem;text-align:center}.public-notes .notes-grid .empty-state img{margin-bottom:1rem;opacity:.8;width:150px}.public-notes .notes-grid .empty-state p{font-size:1.1rem}.public-notes .note-card{background:#fff0;border-radius:1rem;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.public-notes .note-card .cover{color:#fff;height:100px;padding:1rem;position:relative}.public-notes .note-card .cover .mood-header{align-items:center;display:flex;margin-bottom:1rem}.public-notes .note-card .cover .mood-header .mood-tag{background:#fff6;border-radius:2rem;box-shadow:0 2px 6px #0000001a;color:#333;font-size:.9rem;padding:.5rem 1rem}.public-notes .note-card .cover .mood-header .tag-count{color:#ffffffe6;font-weight:700;margin-left:.5rem;text-shadow:0 1px 2px #0003}.public-notes .note-card .cover h3{font-size:1rem;line-height:1.3;margin:0;text-shadow:0 2px 4px #0000001a}.public-notes .note-card .card-body{padding:.5rem}.public-notes .note-card .card-body .content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.2;margin-bottom:0;margin-top:.4rem;min-height:2em;overflow:hidden}.public-notes .note-card .card-body .footer{align-items:center;background:#fff0;display:flex;font-size:.8rem;justify-content:space-between;line-height:1;max-height:20px;min-height:10px;padding:.25rem 0}.public-notes .note-card .card-body .footer .stats{align-items:center;display:flex;gap:.5rem}.public-notes .note-card .card-body .footer .stats .like-btn{background:none;border:none;color:#666;cursor:pointer;padding:0;transition:color .2s}.public-notes .note-card .card-body .footer .stats .like-btn:hover{color:#ff6b6b}.public-notes .note-card .card-body .footer .stats .comments{color:#666}.public-notes .note-card .card-body .footer .stats .author{color:#333;font-size:.6rem;text-align:right}.public-notes .note-detail{display:flex;flex-direction:column;height:80vh;overflow-x:hidden;overflow-y:auto;padding-bottom:2rem}.public-notes .note-detail .back-btn{align-items:center;background:#f8f9fa;background:#ebaeae00;border:0;color:#ff6b6b;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:0;position:sticky;top:0;transition:opacity .2s;z-index:10}.public-notes .note-detail .detail-container{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.public-notes .note-detail .detail-container .main-content .cover{border-radius:1rem;height:180px;margin-bottom:1rem;padding:2rem;position:relative}.public-notes .note-detail .detail-container .main-content .cover h1{font-size:2rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.public-notes .note-detail .detail-container .main-content .cover .mood-tags{bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem;left:2rem;position:absolute}.public-notes .note-detail .detail-container .main-content .cover .mood-tags .mood-tag{background:#ffffffe6;border-radius:2rem;box-shadow:0 2px 6px #0000001a;color:#333;font-size:.9rem;padding:.5rem 1rem}.public-notes .note-detail .detail-container .main-content .content-section pre{background:hsla(0,0%,100%,.384);border-radius:.5rem;color:#333;font-family:inherit;font-size:1rem;line-height:1.6;margin:1rem 0;padding:1rem;white-space:pre-wrap;word-break:break-word}.public-notes .note-detail .detail-container .main-content .content-section .meta{align-items:center;color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:1rem}.public-notes .note-detail .detail-container .main-content .content-section .meta .activity{display:flex;font-size:.7rem;gap:.5rem}.public-notes .note-detail .detail-container .main-content .content-section .meta .activity span{background:#f8f9fa;border-radius:2rem;padding:.2rem .5rem}.public-notes .note-detail .detail-container .comments-section{background:hsla(0,0%,100%,.384);border-radius:1rem;box-shadow:0 4px 12px #00000014;padding:.5rem}.public-notes .note-detail .detail-container .comments-section h2{color:#333;font-size:1rem;margin-bottom:.5rem}.public-notes .note-detail .detail-container .comments-section .comments-list{max-height:50vh;overflow-y:auto;padding:.5rem}.public-notes .note-detail .detail-container .comments-section .comments-list .comment{background:#fff0;border-radius:.5rem;margin-bottom:.5rem;padding:.5rem}.public-notes .note-detail .detail-container .comments-section .comments-list .comment .user-info{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.public-notes .note-detail .detail-container .comments-section .comments-list .comment .user-info .username{color:#ff6b6b;font-weight:200}.public-notes .note-detail .detail-container .comments-section .comments-list .comment .user-info .time{color:#8c8c8c;font-weight:200}.public-notes .note-detail .detail-container .comments-section .comments-list .comment .content{color:#333;font-weight:200;line-height:1;word-break:break-word}.public-notes .note-detail .detail-container .comments-section .comment-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.public-notes .note-detail .detail-container .comments-section .comment-form input{border:1px solid #e0e0e0;border-radius:.5rem;flex:1 1;font-size:1rem;padding:1rem;transition:border-color .2s}.public-notes .note-detail .detail-container .comments-section .comment-form input:focus{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b1a;outline:none}.public-notes .note-detail .detail-container .comments-section .comment-form .submit-btn{background:#ff6b6b;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s}.public-notes .note-detail .detail-container .comments-section .comment-form .submit-btn:hover{opacity:.9}@media(max-width:768px){.public-notes{padding:0}.public-notes .notes-grid{box-sizing:border-box;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem;width:100%}.public-notes .notes-grid .note-card{margin:0;min-width:0;width:100%}.public-notes .scroll-container{overflow-x:hidden;padding:0}}@media(max-width:480px){.public-notes{max-width:100%}.public-notes .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:.1rem}.public-notes .note-card{border-radius:.75rem;width:100%!important}}.bubble-container{background:#0000;border-radius:8px;height:300px;margin:0 auto 20px;overflow:hidden;position:relative;width:90%}.bubble-cloud{height:100%;position:relative;width:100%}.bubble{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;padding:5px;position:absolute;text-align:center;transition:transform .2s ease,box-shadow .2s ease;will-change:transform,left,top;word-break:keep-all}.no-data-message{color:#666;font-size:16px;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.personal-notes{background-color:#fff0;box-sizing:border-box;color:#636e72;font-family:Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0}@media(max-width:768px){.personal-notes{padding:10px}}.error-container,.loading-container{align-items:center;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.error-container{color:#d63031}.scroll-container{max-height:calc(100vh - 40px);overflow-y:auto;padding-right:10px}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:#dfe6e9;border-radius:3px}@media(max-width:768px){.scroll-container{max-height:calc(100vh - 20px)}}.header{margin-bottom:20px}.header h2{color:#4b5457;font-family:Helvetica Neue,Arial,sans-serif;font-weight:500;margin:0}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-bottom:20px}@media(max-width:768px){.notes-grid{gap:15px;grid-template-columns:1fr}}.empty-state{align-items:center;color:#dfe6e9;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 0}.empty-state img{height:150px;margin-bottom:20px;opacity:.7;width:150px}.empty-state p{font-size:1.2rem;margin:0}.note-card{background-color:#fff0;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.note-card .cover{display:flex;flex-direction:column;height:120px;justify-content:space-between;padding:15px}.note-card .cover .mood-header{align-items:center;display:flex;gap:8px}.note-card .cover h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-size:1.2rem;font-weight:500;line-height:1.3;margin:10px 0 0;overflow:hidden;text-shadow:0 1px 2px #0003}.note-card .card-body{padding:15px}.note-card .card-body .content{-webkit-line-clamp:3;-webkit-box-orient:vertical;background-color:#fff0;color:#636e72;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 15px;overflow:hidden}.note-card .card-body .footer{align-items:center;color:hsla(0,0%,5%,.425);display:flex;font-size:.8rem;justify-content:space-between}.note-card .card-body .timestamp{margin-bottom:2px}.mood-tag,.private-tag,.public-tag,.tag-count{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:3px 8px}.mood-tag{background-color:#ffffff4d;color:#faccae}.public-tag{color:#95ce4b}.private-tag,.public-tag{background-color:#ffffff4d;border:1px solid #fff}.private-tag{color:#fc7e5e}.tag-count{background-color:#ffffff4d;color:#fff}.note-detail{background:#fff0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.note-detail .detail-actions{align-items:center;border-bottom:1px solid #dfe6e9;display:flex;justify-content:space-between;padding:15px 20px}.note-detail .detail-actions .back-btn{background:none;border:none;border-radius:6px;color:#6c5ce7;cursor:pointer;font-size:1rem;padding:5px 10px;transition:background-color .2s ease}.note-detail .detail-actions .back-btn:hover{background-color:#6c5ce71a}.note-detail .detail-actions .action-buttons{display:flex;gap:10px}button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}button.edit-btn{background-color:#fdcb6e;color:#9d6702}button.edit-btn:hover{background-color:#fdc255}button.delete-btn{background-color:#d630311a;color:#d63031}button.delete-btn:hover{background-color:#d6303133}button.cancel-btn{background-color:#dfe6e9;color:#636e72}button.cancel-btn:hover{background-color:#d0dadf}button.save-btn{background-color:#00b894;color:#fff}button.save-btn:hover{background-color:#009f7f}.edit-form{padding:20px}.edit-form .form-group{margin-bottom:20px}.edit-form .form-group label{color:#4b5457;display:block;font-weight:500;margin-bottom:8px}.edit-form .form-group input[type=text],.edit-form .form-group textarea{border:1px solid #dfe6e9;border-radius:6px;font-family:Helvetica Neue,Arial,sans-serif;font-size:.95rem;padding:10px;transition:border-color .2s ease;width:95%}.edit-form .form-group input[type=text]:focus,.edit-form .form-group textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce733;outline:none}.edit-form .form-group textarea{min-height:150px;resize:vertical}.edit-form .form-group .mood-display{display:flex;flex-wrap:wrap;gap:8px}.edit-form .form-group .static-field{background-color:#f5f6fa;border-radius:6px;font-size:.95rem;padding:10px}.edit-form .checkbox-group{align-items:center;display:flex}.edit-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;margin:0}.edit-form .checkbox-group label input{margin-right:8px}.edit-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.detail-container .main-content .cover{display:flex;flex-direction:column;height:180px;justify-content:center;padding:30px;position:relative}.detail-container .main-content .cover h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 1px 3px #0003}.detail-container .main-content .cover .mood-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.detail-container .main-content .cover .public-badge{color:#95ce4b}.detail-container .main-content .cover .private-badge,.detail-container .main-content .cover .public-badge{background-color:#ffffff4d;border:1px solid #fff;border-radius:12px;font-size:.8rem;font-weight:500;padding:5px 10px;position:absolute;right:20px;top:20px}.detail-container .main-content .cover .private-badge{color:#fc7e5e}.detail-container .main-content .content-section{padding:10px}.detail-container .main-content .content-section pre{font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;margin:0 0 30px;white-space:pre-wrap}.detail-container .main-content .content-section .meta{align-items:center;border-top:1px solid #dfe6e9;color:#7b888d;display:flex;font-size:.9rem;justify-content:space-between;padding-top:20px}.detail-container .main-content .content-section .meta .activity{display:flex;gap:15px}.detail-container .main-content .content-section .meta .activity span{align-items:center;display:flex;gap:5px}.user-profile{--primary-color:#78aad299;--text-primary:#5a6a7d;--text-secondary:hsla(180,5%,57%,.897);--border-color:#e6e6e699;--bg-light:#f5f5f5b3}.profile-header{align-items:center;justify-content:space-between;padding-bottom:10px}.profile-header,.profile-tabs{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:10px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tab-btn.active{border-bottom-color:var(--primary-color);color:var(--text-primary)}.profile-content{padding:0 10px}.profile-field{margin-bottom:20px}.profile-field label{color:#506478cc;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-field input{background-color:var(--bg-light);border:1px solid #dcdcdc99;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.profile-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #78aad21a;outline:none}.profile-field textarea{background-color:var(--bg-light);border:1px solid #dcdcdc99;border-radius:6px;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.profile-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #78aad21a;outline:none}.profile-value{background-color:#f0f2f499;border-radius:6px;color:var(--text-primary);min-height:20px;padding:12px}.profile-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.profile-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.profile-actions button:not(.cancel-btn){background-color:#b4dcbecc;color:#ffffffe6}.profile-actions button:not(.cancel-btn):hover{background-color:#64b48299}.profile-actions .cancel-btn{background-color:#ebeef0b3;color:#8c9696cc}.profile-actions .cancel-btn:hover{background-color:#dcdcdccc}.metrics-container{background-color:#fff0;color:#fff0;height:100%;margin:0 auto;max-height:450px;overflow-x:hidden;overflow-y:auto;padding:0;width:85%}.metric-card{border-radius:8px;box-shadow:0 1px 2px #0000001a;margin:4px;padding:6px;transition:all .3s ease}.metric-name{color:#333;font-size:12px;font-weight:500;margin-bottom:5px}.metric-indicator{border-radius:12px;display:inline-block;font-size:10px;font-weight:500;padding:4px 8px}.metrics-category h4{border-bottom:1px solid #eee;color:#555;font-size:16px;margin:8px 0 4px;padding-bottom:8px}.metrics-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:.75rem}.follow-section{align-items:center;display:flex;gap:15px;margin-left:auto}.follow-stats{color:#666;display:flex;font-size:.9rem;gap:10px}.notes-content{background:none;height:calc(100% - 60px);margin:1px;max-height:420px;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.positive{background-color:#e6f7e6}.positive .metric-indicator{background-color:#a8e6a8;color:#1a531b}.strong-positive{background-color:#4caf50!important;color:#fff!important}.medium-positive{background-color:#81c784!important;color:#1b5e20!important}.light-positive{background-color:#c8e6c9!important;color:#2e7d32!important}.neutral{background-color:#f5f5f5}.neutral .metric-indicator{background-color:#e0e0e0;color:#424242}.negative{background-color:#ffebee}.negative .metric-indicator{background-color:#ffcdd2;color:#c62828}.strong-negative{background-color:#f44336!important;color:#fff!important}.medium-negative{background-color:#e57373!important;color:#b71c1c!important}.light-negative{background-color:#ef9a9a!important;color:#c62828!important}.profile-loading{color:var(--text-primary)}.no-data,.profile-loading{padding:20px;text-align:center}.no-data{color:var(--text-secondary)}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.151);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:25px;position:relative;width:70%}.close-button{background:none;border:none;color:red;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px}.membership-plans{display:flex;flex-direction:column;gap:10px;margin:20px 0}.plan-option{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.plan-option.active,.plan-option:hover{border-color:#1890ff}.plan-option.active{background-color:#f0f9ff}.plan-option h3{font-size:16px;margin:0 0 5px}.plan-option .price{color:#1890ff;font-size:14px;font-weight:700;margin:0}.plan-option .discount{color:#ff4d4f;font-size:12px;margin:5px 0 0}.payment-methods{display:flex;gap:15px;margin:20px 0}.method-option{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:5px;transition:all .2s}.method-option:hover{border-color:#1890ff}.method-option.active{background-color:#f0f9ff;border-color:#1890ff}.method-option img{height:30px;margin-right:2px;width:100px}.method-option input{margin-right:8px}.pay-button{background-color:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s;width:100%}.pay-button:hover{background-color:#40a9ff}.pay-button:disabled{background-color:#ccc;cursor:not-allowed}.terms{margin-top:15px}.qr-code-section{margin:20px 0;text-align:center}.qr-code-container{background:#fff;display:inline-block;margin:15px auto;padding:10px}.qr-code{border:1px solid #eee;height:180px;width:180px}.contact-info{color:#666;font-size:14px;margin-top:10px}.membership-note{color:#333;font-size:14px;font-weight:700;margin-top:15px}.terms{color:#999;font-size:12px;margin-top:20px;text-align:center}.membership-error,.membership-loading,.membership-required{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:20px;padding:10px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-top-color:#1890ff;height:40px;margin-bottom:20px;width:40px}.membership-error{color:#ff4d4f}.membership-error .retry-button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px}.membership-required{background-color:#f8f9fa00;border-radius:8px;margin:10px;max-width:500px}.membership-required h2{color:#1890ff;margin-bottom:15px}.membership-required p{color:#666;margin-bottom:10px}.membership-expired{color:#faad14;font-weight:700}.subscribe-button{background-color:#399dfaa1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 24px;transition:background-color .3s}.subscribe-button:hover{background-color:#40a9ff}.membership-container{position:relative;width:100%}.membership-content{transition:filter .3s ease}.membership-content.non-member{filter:blur(2px);pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.membership-overlay{left:50%;max-width:400px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.messages-content{--primary-color:#4361ee;--text-primary:#2b2d42;--text-secondary:#6c757d;--bg-unread:#f8f9fa;--border-color:#e9ecef;--hover-color:#f1f3f5f8;--time-color:#adb5bd;--radius-sm:18px;display:flex;flex-direction:column;height:100%}.conversation-list{height:100%;overflow-y:auto;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin;width:100%}.conversation-list::-webkit-scrollbar{width:4px}.conversation-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.conversation-list ul{list-style:none;margin:0;padding:0}.conversation-item{grid-gap:4px;border-bottom:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:grid;gap:4px;grid-template-columns:1fr;grid-template-rows:auto auto;padding:16px;transition:background-color .2s ease}.conversation-item:hover{background-color:var(--hover-color)}.unread-badge{background-color:#ff4d4f;border-radius:10px;color:#fff;font-size:12px;font-weight:400;margin-left:6px;padding:2px 6px}.conversation-item.unread{background-color:#f0f8ff;font-weight:700}.conversation-item.unread .last-message{font-weight:700}.message-unread-count{align-items:center;background-color:#ff4d4f;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:20px;justify-content:center;margin-left:8px;width:20px}.conversation-partner{color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.last-message{color:var(--text-secondary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-time{color:var(--time-color);flex-shrink:0;font-size:12px}.no-conversations{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;height:200px;justify-content:center}.no-conversations:before{content:"💬";font-size:32px;margin-bottom:12px}.message-detail{display:flex;flex-direction:column;height:100%}.message-header{align-items:center;display:flex;padding:10px 12px;position:sticky;top:0;z-index:1}.back-btn{background:none;border:none;color:rgba(111,197,255,.795);cursor:pointer;font-size:15px;margin-right:8px;padding:2px}.message-list{height:100%;margin:0 auto;max-height:350px;max-width:300px;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.message{display:flex;margin-bottom:8px;max-width:80%;position:relative}.message-content{word-wrap:break-word;animation:fadeIn .3s ease;border-radius:16px;font-size:13px;line-height:1.3;padding:8px 12px;position:relative}.message.sent{justify-content:flex-end;margin-left:auto}.message.sent .message-content{background-color:#62b865;border-radius:12px 0 12px 12px;color:#fff}.message.received{justify-content:flex-start;margin-right:auto}.message.received .message-content{background-color:#f1f1f1;border-radius:0 12px 12px 12px;box-shadow:0 1px 2px #0000001a;color:#333}.message-time{color:#95a5a6cc;font-size:10px;margin-top:2px;padding:0 6px;text-align:right}.message-input{align-items:flex-end;border-top:1px solid #f0f0f0b3;display:flex;padding:8px}.message-input textarea{background-color:#fafafa99;border:1px solid #ddddddb3;border-radius:16px;flex:1 1;font-size:13px;margin-right:8px;max-height:40px;min-height:36px;padding:8px 10px;resize:none;transition:border-color .2s}.send-btn{background-color:#9fd9ffcc;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.send-btn:hover{background-color:#78bef0e6}.no-messages{color:var(--text-secondary);padding:20px;text-align:center}@media (max-width:568px){.conversation-item{padding:10px}.message-content{padding:10px 14px}.message-input,.message-input textarea{padding:4px}}.si-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;overflow:hidden;position:relative;scrollbar-color:#0000 #8f898900;width:100%}.si-messages{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:12px;width:100%}.si-message-user{align-self:flex-end;color:#000;font-size:14px;margin:5px 0}.si-message-ai{align-self:flex-start;color:#666;font-size:12px;margin:5px 0}.si-reasoning{color:#888;font-size:12px;font-style:italic;margin-bottom:4px}.si-final{color:#444;font-size:14px;font-weight:700}.si-input-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;overflow:hidden;padding:4px;position:relative;transition:transform .6s ease;width:90%}.si-input{background:hsla(0,0%,100%,.253);border:none;border-radius:10px;box-shadow:0 0 8px #007bff4d;color:#333;font-size:14px;left:0;max-height:120px;min-height:36px;outline:none;padding:8px;resize:none;scrollbar-color:#0000 #8f898900;width:100%}.si-send-button{background:none;border:none;bottom:5px;color:#007bff;cursor:pointer;font-size:14px;position:absolute;right:0}.si-send-button:disabled{color:#ccc;cursor:not-allowed}.si-welcome-message{animation:welcomeFade .8s ease-out;background:hsla(0,0%,100%,.253);border-radius:12px;box-shadow:0 2px 10px #0000001a;left:50%;max-width:60%;min-width:260px;padding:10px;position:absolute;text-align:center;top:35%;transform:translate(-50%,-50%);width:500px;z-index:10}@keyframes welcomeFade{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.si-welcome-message{font-size:16px;width:80%}}.si-prompt-wrapper{margin-left:-5%;padding:0 20%;position:relative;width:100%}.si-prompt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px;padding-right:220px;scrollbar-width:none}.si-prompt-scroll::-webkit-scrollbar{display:none}.si-prompt-container{display:flex;gap:12px;margin:0 auto;padding:0 calc(50% - 10px);width:max-content}.si-prompt-button{background:#f8f8f83b;border:none;border-radius:15px;color:#555;cursor:pointer;flex:0 0 auto;font-size:13px;padding:8px 10px;transition:all .2s;white-space:nowrap}.si-prompt-button:hover{background:#e0e0e000;border-color:hsla(0,0%,100%,.758)}.si-prompt-button:disabled{cursor:not-allowed;opacity:.5}.table-wrap{border:1px solid #e9ecef;border-radius:6px;margin:12px 0;overflow-x:auto}.custom-table{border-collapse:collapse;min-width:100px;width:100%}.custom-table th{background:#f1f3f5;font-weight:500;padding:10px 16px}.custom-table td{border-top:1px solid #e9ecef;padding:8px 16px}.custom-table tr:hover{background-color:#f8f9fa}:root{--primary:#5c8de79f;--primary-light:#a7bb6f86;--light-gray:#f5f6fa;--medium-gray:#dfe6e9;--dark-gray:#636e72;--white:#fff;--success:#00b894;--warning:#fdcb6e;--danger:#d63031;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #00000026;--transition:all 0.25s ease}.user-card-container{display:flex;justify-content:center;width:100%}.user-card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden;transition:all .25s ease;transition:var(--transition);width:90%}.user-card:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#5c8de79f,#a7bb6f86);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;color:var(--white);display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;padding:1rem}.card-header h4{font-size:1.1rem;font-weight:500;margin:0}.card-actions{gap:.75rem;padding-left:1rem}.view-action-button{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.5rem 1rem;transition:all .25s ease;transition:var(--transition)}.view-action-button:hover{background:#ffffff4d;transform:translateY(-1px)}.follow-btn{background:#fff3;border:none;border-radius:6px;color:#fff;color:var(--white);font-size:.9rem;margin-left:10px;padding:6px 12px;right:16px;top:12px;transition:background-color .2s}.data-display-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto;width:90%}.card-body{border-top:1px solid #f5f6fa;border-top:1px solid var(--light-gray);padding:1.25rem}@media (max-width:768px){.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-actions{justify-content:space-between;padding-left:.2rem;width:100%}.view-action-button{flex:1 1;justify-content:center}}.filter-container{font-family:Arial,sans-serif;font-size:14px;margin:0 auto;max-width:1000px;padding:15px}.filter-panel{background:#fafcfd73;border:1px solid #e6eef2;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.filter-title{border-bottom:1px solid #e1e8ed;color:#4a6b82;font-size:18px;font-weight:500;margin:0 0 12px;padding-bottom:8px;text-align:center}.keyword-sort-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.keyword-search{flex:1 1;min-width:0}.sort-options{width:180px}.keyword-input,.sort-select{background-color:#f7fafc79;border:1px solid #d5e0e8;border-radius:4px;color:#5a6c7d;font-size:13px;padding:8px 12px;width:90%}.keyword-input:focus,.sort-select:focus{border-color:#8cb3d9;box-shadow:0 0 0 2px #8cb3d933;outline:none}.filter-toggle{align-items:center;background:#f7fafc73;border:1px solid #d5e0e8;border-radius:6px;color:#5a6c7d;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:12px;padding:10px 14px;transition:all .2s;width:100%}.filter-toggle:hover{background:#f0f5f9;border-color:#c8d6e3}.toggle-icon{color:#7d94a8;font-size:11px;transition:transform .2s}.toggle-icon.open{transform:rotate(180deg)}.filters-dropdown{background:#f7fafc6b;border:1px solid #e1e8ed;border-radius:6px;margin-bottom:12px;padding:12px}.filter-subgroup{margin-bottom:16px}.filter-subgroup:last-child{margin-bottom:0}.filter-label{color:#6a7c8d;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-option{background:#f7fafc;border:1px solid #d5e0e8;border-radius:4px;color:#5a6c7d;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.filter-option:hover{background:#e8f0f7;border-color:#b8cddf}.filter-option.active{background:#8cb3d9;border-color:#7ca3c9;color:#fff}.filter-option:disabled{cursor:not-allowed;opacity:.5}.filter-actions{display:flex;gap:8px;margin-top:12px}.filter-reset,.filter-submit{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-submit{background:#8cb3d9;color:#fff}.filter-submit:hover{background:#7ca3c9}.filter-reset,.filter-submit:disabled{background:#b8c7d6}.filter-reset{color:#fff}.filter-reset:hover{background:#a8b7c6}.filter-error{background:#fdf0f3;border:1px solid #f8d7de;border-radius:4px;color:#d45c72;font-size:13px;margin-top:8px;padding:8px}.filter-results{background:hsla(0,0%,100%,.493);border:1px solid #e6eef2;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:16px}.results-title{color:#4a6b82;font-size:16px;margin:0 0 12px}.results-count{color:#7d94a8;font-size:.85em}.no-results{background:#f7fafc00;border-radius:4px;color:#7d94a8;padding:30px 16px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:16px}@media (max-width:768px){.filter-container{padding:12px}.keyword-sort-row{flex-direction:column;gap:8px}.sort-options{width:100%}.results-grid{gap:12px;grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-reset,.filter-submit{width:100%}}.UserCard_container__FrQkA{margin-bottom:14px;transition:transform .2s ease-out}.UserCard_card__1GV2z{background:#fcfdfe70;border:1px solid #e8edf2;border-radius:8px;box-shadow:0 2px 4px #00000008;padding:16px;transition:all .25s cubic-bezier(.2,0,.1,1)}.UserCard_card__1GV2z:hover{border-color:#d6e0ea;box-shadow:0 4px 8px #0000000f;transform:translateY(-1px)}.UserCard_header__R6PMq{align-items:center;display:flex;margin-bottom:10px}.UserCard_rank__EG4lZ{align-items:center;background:#7fa8d1;border-radius:50%;color:#f8fafc;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;margin-right:10px;width:24px}.UserCard_title__oWB0M{align-items:center;color:#4a5e72;display:flex;flex-grow:1;font-size:15px;justify-content:space-between;letter-spacing:.2px;line-height:1.3;margin:0}.UserCard_stats__ewONH{margin-bottom:10px;padding-left:2px}.UserCard_statsItem__oTeFs{align-items:center;color:#5c6d81;display:flex;font-size:13px;line-height:1.4;margin:5px 0}.UserCard_actions__CVSH5{border-top:1px solid #eef2f6;display:flex;gap:8px;margin-top:10px;padding-top:10px}.UserCard_actionBtn__ioY4p{background:#f8fafd;border:1px solid #e0e8f0;border-radius:5px;color:#5a6f84;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:56px;padding:7px 12px;text-align:center;transition:all .2s}.UserCard_actionBtn__ioY4p:hover{background:#f0f5fa;border-color:#d0dce8;color:#4a6076}.UserCard_followBtn__U9\+Gt{background:#f5f9ff;border:1px solid #d5e3f2;border-radius:5px;color:#5a88b5;cursor:pointer;font-size:12px;font-weight:500;margin-left:10px;padding:5px 12px;transition:all .2s}.UserCard_followBtn__U9\+Gt:hover{background:#ebf2fa}.UserCard_followBtnActive__DW5Uy{background:#7fa8d1;border-color:#6f98c1;color:#f8fafc}.UserCard_modalOverlay__ZJeQs{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s ease;z-index:1000}.UserCard_modalContent__j9-gY{background:#fcfdff;border-radius:10px;box-shadow:0 6px 18px #00000014;max-width:500px;padding:20px;width:90%}@media (max-width:768px){.UserCard_card__1GV2z{padding:14px}.UserCard_actions__CVSH5{gap:6px}.UserCard_actionBtn__ioY4p{font-size:11px;padding:6px 10px}.UserCard_statsItem__oTeFs{font-size:12px}}@media (max-width:480px){.UserCard_card__1GV2z{border-radius:6px;padding:12px}.UserCard_title__oWB0M{font-size:14px}.UserCard_followBtn__U9\+Gt{padding:4px 10px}}.smc-card-container{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.smc-card-container::-webkit-scrollbar{display:none}.smc-card{align-items:center;background:hsla(0,0%,100%,.304);border:1px solid #e0e0e0b3;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex:0 0 auto;flex-direction:column;padding:12px;scroll-snap-align:center;text-align:center;transition:all .3s ease;width:200px}.smc-positive{border-top:4px solid #4caf50b3}.smc-negative{border-top:4px solid #f44336b3}.smc-similar{border-top:4px solid #ff9800b3}.smc-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;width:100%}.smc-header h4{color:#555;font-size:16px;font-weight:500;margin:0 0 8px}.smc-follow-btn{background:#f5f5f5cc;border:1px solid #ddddddb3;border-radius:16px;color:#666;cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s}.smc-follow-btn:hover{background:#e0e0e0cc}.smc-following{background:#e8f5e9cc;border-color:#c8e6c9b3;color:#2e7d32}.smc-metrics{margin:5px 0;width:100%}.smc-metrics h5{color:#666;font-size:13px;font-weight:400;margin:0 0 6px}.smc-metrics ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.smc-metrics li{align-items:center;display:flex;font-size:13px;justify-content:space-between}.smc-metric-name{color:#555;font-weight:400}.smc-metric-value{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.smc-metric-value.positive{background-color:#e8f5e9b3;color:#2e7d32}.smc-metric-value.negative{background-color:#ffebeeb3;color:#c62828}.smc-metric-value.neutral{background-color:#fff8e1b3;color:#ff8f00}.smc-actions{display:flex;gap:8px;justify-content:center;margin-top:12px;width:100%}.smc-actions button{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:13px;max-width:120px;opacity:.9;padding:6px 10px;transition:all .2s}.smc-positive .smc-actions button{background-color:#e8f5e9cc;color:#2e7d32}.smc-negative .smc-actions button{background-color:#ffebeecc;color:#c62828}.smc-similar .smc-actions button{background-color:#fff8e1cc;color:#ff8f00}.smc-actions button:hover{opacity:1;transform:translateY(-1px)}.smc-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0006;display:flex;justify-content:center;position:fixed;z-index:1000}.smc-modal-content{background:#fffffff2;border:1px solid #0000000d;border-radius:12px;box-shadow:0 8px 30px #0000001a;max-height:90vh;max-width:90%;overflow-y:auto;padding:20px;width:500px}.user-matching-container{background-color:#f5fef7;font-family:Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:100%;padding:12px}.um-error{background-color:#ffebebb3;border-radius:6px;color:#d32f2f;font-size:14px;margin:0 8px 16px;padding:10px 12px;text-align:center}.um-section{background-color:initial;margin-bottom:28px}.section-header{margin:0 auto 16px;padding:0 4px;text-align:center}.section-header p{align-items:center;color:#333;display:inline-flex;font-size:17px;font-weight:500;gap:8px;margin:0}.um-icon{border-radius:8px;font-size:1.4em}.um-icon.positive{color:#4caf50}.um-icon.negative{color:#f44336}.um-icon.similar{color:#ff9800}.scroll-container1{-ms-overflow-style:none;display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:8px 0;scrollbar-width:none;width:100%}.scroll-container::-webkit-scrollbar{display:none}.card-grid{display:inline-flex;gap:12px;margin:0 auto;padding:0 calc(50% - 150px)}.smart-match-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;flex:0 0 280px;padding:12px;scroll-snap-align:center}.smart-match-card[data-match-type=positive]{border-top:3px solid #4caf50}.smart-match-card[data-match-type=negative]{border-top:3px solid #f44336}.smart-match-card[data-match-type=similar]{border-top:3px solid #ff9800}.card-username{color:#333;font-weight:500;margin-bottom:8px}.card-anonymous{color:#666;font-size:14px}.follow-button{background:none;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;float:right;font-size:12px;padding:2px 8px}.card-actions{display:flex;justify-content:space-between;margin-top:12px}.action-button{background-color:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:12px;margin:0 2px;padding:4px}.no-results{background-color:#f5f5f599;border-radius:8px;color:#9e9e9e;font-size:14px;min-width:280px;padding:24px;text-align:center}.search-container{margin-top:24px;text-align:center}.search-input{border:1px solid #ddd;border-radius:20px;font-size:14px;max-width:500px;padding:8px 12px;width:80%}.loading:after{animation:loadingDots 1.5s infinite;content:"···";display:inline-block;margin-left:8px}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width:768px){.card-grid{gap:8px;padding:0 calc(50% - 120px)}.smart-match-card{flex:0 0 240px}.section-header p{font-size:15px}.search-input{width:90%}}.community-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:20px}@media (max-width:768px){.community-page{padding:15px}}@media (max-width:480px){.community-page{padding:10px}}body,html{height:100%;margin:0;overflow:hidden;padding:0;touch-action:none;width:100%}.home-container{align-items:stretch;background-attachment:fixed;color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;mix-blend-mode:difference;overflow:hidden;overscroll-behavior:contain;position:fixed;top:0;width:100vw}@supports (-webkit-overflow-scrolling:touch){.home-container{height:-webkit-fill-available}}.home-container>*{max-height:100%;overflow:auto}h1{font-size:25px;text-align:center}.register-link{color:#ff5722;cursor:pointer;font-size:1.1rem;font-weight:700}.register-link:hover{text-decoration:underline}.logout-button{background-color:#f8f8f800;border:none;border-radius:5px;color:#0b0404;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.home-container{background-position:50%;background-size:cover;transition:all .8s cubic-bezier(.65,.05,.36,1)}.morning-bg{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 30%,#bae6fd 70%,#7dd3fc);color:#1e3a8a}.late-morning-bg{background:linear-gradient(135deg,#fdfadb,#fdf8cf 30%,#fcf0b7 70%,#fae389);color:#713f12}.noon-bg{background:linear-gradient(135deg,#ffedd5,#fae0c2 30%,#fad0a4 70%,#fcb57a);color:#7c2d12}.afternoon-bg{background:linear-gradient(135deg,#fce7f3,#f8d4e9 30%,#fab1d9 70%,#f780bd);color:#831843}.dusk-bg{background:linear-gradient(135deg,#f0fdda,#e0fad1 30%,#e2fdb8 70%,#cbf882);color:#2f6d12}.evening-bg{background:linear-gradient(135deg,#5221a8,#4c1eaf 30%,#491dd8 70%,#763bf6);color:#be6ff3}.night-bg{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#e2e8f0}.modal2{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.219);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal2,.modal2-content{overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.modal2-content{animation:modalFadeIn .3s ease-out;background:hsla(0,0%,100%,.658);border-radius:12px;box-shadow:0 8px 16px #0003;height:80vh;padding:10px;width:85vw}.modal2-content::-webkit-scrollbar{display:none}@keyframes modalFadeIn{0%{opacity:.9;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:768px){.modal2-content{margin:0 auto;max-width:none;position:relative;width:80vw}}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff9;background:rgba(0,0,0,.196);border-radius:0;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .4s ease,transform .4s ease;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex}.modal-content{background-color:hsla(0,0%,100%,.644);border-radius:10px;box-shadow:0 2px 4px #0000001a;flex-direction:column;height:auto;max-height:80vh;max-width:600px;overflow:hidden;padding:10px;width:80%}.modal-content h2{align-items:center;color:#333;font-size:2rem;justify-content:center;margin-bottom:10px}.modal-content input,.modal-content textarea{background:#0000;border:none;box-shadow:none;font-size:1rem;margin-bottom:15px;outline:none;padding:10px;width:100%}.title-input{background-color:#f9f9f9;border:2px solid #d1d1d1;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:21px;font-weight:700;margin-left:20px;padding:10px;text-align:center;transition:all .3s ease}.title-input:focus{border-color:#888;outline:none}.input-section{display:flex;gap:40px;justify-content:center;margin-right:20px;margin-top:0;max-width:500px;padding:5px 0}.activity,.mood,.people{color:#333;font-size:8px;text-align:center}.input-box{background-color:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#333;font-size:14px;height:10px;padding:4px;text-align:center;transition:all .3s ease;width:20px}.mood .input-box{border:1px solid #f5b7b7}.activity .input-box{border:1px solid #c5e0fb}.people .input-box{border:1px solid #c5fbc5}textarea{background-color:#fff;border-color:#007bff;border-radius:8px;box-sizing:border-box;color:#333;font-family:Helvetica,sans-serif;font-size:16px;line-height:1.6;min-height:200px;overflow-y:auto;padding:12px;resize:none;transition:border-color .3s ease;width:100%}textarea:focus{box-shadow:0 0 5px #007bff80;outline:none}.character-count{color:#6c757d;font-size:12px;margin-top:8px;text-align:right}.character-count.highlight{color:#007bff}.ai-guidance{background-color:#f0f8ff33;border-left:5px solid #007bff;border-radius:5px;color:#333;font-size:.9rem;margin-bottom:7px;margin-left:0;margin-top:2px;padding:7px}.header{padding:20px 0;text-align:center}.logo h1{font-size:24px;margin:0}.time-location{color:#706e6e;font-size:14px}.note-button-container{bottom:20px;left:50%;padding:0 20px;position:fixed;transform:translateX(-50%);z-index:1000}.note-button{background-color:#92a8c3ba;border:none;border-radius:50px;color:#50f48a;cursor:pointer;font-size:16px;padding:15px 20px}.note-button:hover{background-color:#7c8fa4bb}.note-actions0{align-items:center;display:flex;margin-left:40px}.note-actions0 button{margin-right:40px}.note-actions{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:15px}.note-actions button{background-color:#98c5f8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;max-width:200px;padding:8px 16px;text-align:center;transition:background-color .2s,transform .2s ease;width:100%}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.note-actions1{align-items:center;display:flex;gap:10px}.note-actions1 .visibility-toggle{background-color:hsla(0,0%,100%,.288);cursor:pointer;padding:5px 10px;text-align:center;white-space:nowrap}.note-actions1 .visibility-toggle.public{color:#73e1f7}.note-actions1 .visibility-toggle.private{color:#f89a97}.note-actions1 .visibility-toggle{color:#f9dd7a}.card-container{display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;overflow-x:auto;padding:20px 0;position:relative;scroll-behavior:smooth;scroll-padding:0 16px;scroll-snap-type:x mandatory;touch-action:pan-x}.card-container:before{content:"";flex:0 0 28px}.card-container:after{content:"";flex:0 0 16px}.card-container::-webkit-scrollbar{display:none}.card{flex:0 0 300px}.card-container.hidden{display:none}.card{background-color:#ffffff18;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:0 0 200px;font-size:25px;font-weight:800;outline:none;padding:30px;scroll-snap-align:center;text-align:center;text-shadow:0 0 2px #fff9,0 0 4px #fff6;transition:transform .3s ease,box-shadow .3s ease}.card:hover{background-color:#e0e0e000;box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.card-container:active,.card:active{outline:none;scroll-snap-stop:always}@media screen and (max-width:768px){.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;overflow:hidden;padding:2px;scroll-snap-type:none}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;flex:none;font-size:10px;min-height:80px;min-width:100px;padding:10px;width:calc(18% - 12px)}.card-container:after,.card-container:before{display:none}}@media screen and (max-width:480px){.card-container{gap:15px;margin-bottom:20px;margin-top:40px;padding:10px}.card{font-size:18px;margin-top:10px;min-height:40px;min-width:90px;padding:10px;text-align:center;width:calc(18% - 8px)}}@media screen and (max-width:360px){.card{min-width:80px;width:calc(30% - 8px)}}.danmu-container{animation:fadeIn .5s forwards;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #0000001a;color:#333;font-family:Arial,sans-serif;margin:20px auto;max-width:500px;opacity:0;padding:20px;transform:translateY(20px);transition:all .3s ease}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.danmu-item{animation:fadeInItem .5s forwards;animation-delay:calc(.1s*var(--index));background-color:#f0f8ff;border-radius:5px;box-shadow:0 2px 8px #0000000d;margin:10px 0;opacity:0;padding:12px;transform:translateY(10px)}@keyframes fadeInItem{to{opacity:1;transform:translateY(0)}}.close-button:hover{color:#f79696d2;transform:scale(1.05)}.slider-range{color:#333;font-size:16px;margin-left:10px;margin-top:10px}.activityChar,.moodDistributionChart,.moodSummaryChart,.moodTimelineChart,.relationshipChart,emotionalBalanceChart,frequencyMetricsChart{flex:1 1;margin:10px;min-height:200px}#moodDistributionChart{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:15px;padding:15px;width:100%}#activityChart,#relationshipChart{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:1px;padding:15px;width:100%}.activity-box,.mood-box,.people-box{align-items:center;animation:fadeInScale .5s ease-in-out;border-radius:10px;display:flex;justify-content:center;margin:5px;transition:transform .3s,box-shadow .3s,opacity .3s}.mood-box:hover,.people-box:hover
.activity-box:hover{transform:scale(1.1)}.activity-text,.mood-text,.people-text{text-align:center}.fade-in-scale{animation:fadeInScale .5s ease-in-out forwards;transform:scale(1)}@keyframes fadeInScale{0%{transform:scale(.5)}to{transform:scale(1)}}.mood-positive{background-color:#ff000080;box-shadow:0 0 15px #f00c;color:red}.mood-negative{background-color:#80008080;box-shadow:0 0 15px #800080cc;color:purple}.mood-neutral{background-color:#00800080;box-shadow:0 0 15px #008000cc;color:#006400}.mood-text{color:inherit;font-size:16px}.metrics-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.ƒ{margin-top:30px}h2{font-size:20px}h2,h3{text-align:center}h3{font-size:13px;margin-bottom:15px}.footer{background-color:#f8f8f8;bottom:0;padding:20px 0;position:relative;text-align:center;width:100%}::placeholder{color:#737373;font-size:14px;opacity:1}.music-player{align-items:center;color:#ff7a4d;cursor:pointer;display:flex;font-size:13px;gap:8px;left:20px;position:fixed;top:60px;transition:all .3s ease;z-index:1000}.music-player:hover{opacity:.8}.music-wave{align-items:flex-end;display:flex;gap:3px;height:20px}.wave-bar{background-color:#ff4d4f;border-radius:3px;transition:all .3s ease;width:3px}.wave-bar:first-child{height:6px}.wave-bar:nth-child(2){height:10px}.wave-bar:nth-child(3){height:14px}.music-wave.playing .wave-bar:first-child{animation:wave 1s .1s infinite}.music-wave.playing .wave-bar:nth-child(2){animation:wave 1s .3s infinite}.music-wave.playing .wave-bar:nth-child(3){animation:wave 1s .5s infinite}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}
/*# sourceMappingURL=main.aaf85973.css.map*/