html,body,#root{width:100%;height:100%;font-family:sans-serif}.gle{-webkit-user-select:none!important;-moz-user-select:-moz-none!important;-ms-user-select:none!important;user-select:none!important}.login-join .status{display:block;left:-20%;position:relative;color:#000;font-weight:700}.jugi{width:60%;height:60%;margin-top:10%;margin-left:20%}.periodic-grid{margin-top:5%;margin-left:5%;margin-right:5%;display:grid;grid-template-columns:repeat(18,minmax(50px,1fr));grid-template-rows:repeat(10,minmax(50px,1fr));gap:.675rem}.element-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;border:1px solid #9ca3af;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.75rem;transition:transform .2s;cursor:pointer}.element-box:hover{transform:scale(1.05)}.element-box-id{position:absolute;top:.25rem;left:.25rem;font-size:.625rem;font-weight:700}.element-box-symbol{font-size:1.25rem;font-weight:700}.element-box-name{font-size:.625rem}.selected-ring{box-shadow:0 0 0 4px #3b82f6,0 0 0 6px #bfdbfe}.bg-alkali{background-color:#fca5a5}.bg-alkali-earth{background-color:#fdba74}.bg-lanthanide{background-color:#fde047}.bg-actinide{background-color:#d9f99d}.bg-transition{background-color:#a7f3d0}.bg-post-transition{background-color:#99f6e4}.bg-metalloid{background-color:#67e8f9}.bg-nonmetal{background-color:#93c5fd}.bg-halogen{background-color:#a5b4fc}.bg-noble-gas{background-color:#d8b4fe}.bg-unknown{background-color:#d1d5db}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;position:relative;border:3px solid #e5e7eb}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-top-left-radius:14px;border-top-right-radius:14px;position:relative;text-align:center}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d}.modal-symbol{font-size:72px;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.modal-name{font-size:24px;font-weight:600;color:#fff;margin:8px 0 4px}.modal-atomic-number{font-size:14px;color:#ffffffe6;margin:0}.modal-content{padding:32px 24px}.modal-info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:12px;margin-bottom:16px;border:1px solid #e2e8f0}.modal-info-row:last-child{margin-bottom:0}.modal-info-label{font-weight:600;color:#475569;font-size:15px}.modal-info-value{color:#667eea;font-weight:700;font-size:16px}@media (max-width: 1200px){.periodic-grid{gap:.5rem}.element-box-symbol{font-size:1.1rem}.element-box-id,.element-box-name{font-size:.55rem}.modal-symbol{font-size:64px}.modal-name{font-size:22px}.modal-info-label,.modal-info-value{font-size:14px}}@media (max-width: 1024px){.logo{font-size:24px}.nav-tabs div{margin:0 20px;font-size:15px}.periodic-grid{margin-top:3%;margin-left:3%;margin-right:3%;gap:.4rem;grid-template-columns:repeat(18,minmax(40px,1fr));grid-template-rows:repeat(10,minmax(40px,1fr))}.element-box{font-size:.65rem}.element-box-symbol{font-size:1rem}.element-box-id,.element-box-name{font-size:.5rem}.modal-container{max-width:600px}.modal-symbol{font-size:56px}.modal-name{font-size:20px}.modal-atomic-number{font-size:13px}.modal-content{padding:24px 20px}.modal-info-row{padding:14px 16px}}@media (max-width: 768px){header{padding:12px 15px}.logo{font-size:20px}.search-box input{width:180px;font-size:13px}.login-join{font-size:11px}.nav-tabs div{margin:0 15px;padding:6px;font-size:14px}.jugi{width:70%;margin-left:15%}.periodic-grid{margin:2%;gap:.3rem;grid-template-columns:repeat(18,minmax(30px,1fr));grid-template-rows:repeat(10,minmax(30px,1fr))}.element-box{font-size:.55rem;padding:.15rem}.element-box-symbol{font-size:.85rem}.element-box-id{font-size:.45rem;top:.15rem;left:.15rem}.element-box-name{font-size:.45rem}.modal-container{max-width:500px}.modal-header{padding:20px}.modal-symbol{font-size:48px}.modal-name{font-size:18px}.modal-atomic-number{font-size:12px}.modal-close-btn{width:28px;height:28px;font-size:18px}.modal-content{padding:20px 16px}.modal-info-row{padding:12px 14px;margin-bottom:12px}.modal-info-label,.modal-info-value{font-size:13px}}@media (max-width: 480px){.logo{font-size:18px}.search-box{display:none}.login-join{font-size:10px}.login-join .status{left:0}.nav-tabs div{margin:0 10px;padding:5px;font-size:13px}.jugi{width:80%;margin-left:10%}.periodic-grid{margin:2% 1%;gap:.2rem;grid-template-columns:repeat(18,minmax(22px,1fr));grid-template-rows:repeat(10,minmax(22px,1fr))}.element-box{font-size:.45rem;padding:.1rem;border-width:.5px}.element-box-symbol{font-size:.7rem}.element-box-id{font-size:.35rem;top:.1rem;left:.1rem}.element-box-name{font-size:.35rem;display:none}.modal-container{max-width:95%;border-width:2px}.modal-header{padding:16px}.modal-symbol{font-size:40px}.modal-name{font-size:16px}.modal-atomic-number{font-size:11px}.modal-close-btn{width:26px;height:26px;font-size:16px;top:12px;right:12px}.modal-content{padding:16px 12px}.modal-info-row{padding:10px 12px;margin-bottom:10px;flex-direction:column;align-items:flex-start;gap:4px}.modal-info-label,.modal-info-value{font-size:12px}}@media (max-width: 1024px) and (orientation: landscape){.periodic-grid{margin:2% 3%}}@media (max-width: 640px){.element-box-symbol{font-size:.75rem}.element-box-id{font-size:.4rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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}.page-container{min-height:100vh;background-color:#f3f4f6;padding:20px}.header{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:#000}.auth-buttons{display:flex;gap:10px;align-items:center;font-size:14px}.divider{color:#9ca3af;margin:0 5px}.content-box{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center}.content-box h1{font-size:32px;margin-bottom:20px;color:#1f2937}.content-box p{color:#6b7280;font-size:18px}.auth-container{min-height:100vh;background-color:#f3f4f6;display:flex;justify-content:center;align-items:center;padding:20px}.auth-box{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:10px}.auth-header p{color:#6b7280;font-size:14px}.error-message{padding:12px;background-color:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:20px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.input-field{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.input-field:focus{border-color:#3b82f6}.input-field:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-full{width:100%;padding:14px;margin-bottom:15px}.profile-info{color:#6b7280;font-size:18px;line-height:1.8;text-align:left;max-width:400px;margin:0 auto}.profile-info p{margin-bottom:10px;font-size:16px}.profile-info strong{color:#1f2937}@media (max-width: 1024px){.content-box h1{font-size:28px}.content-box p{font-size:16px}.auth-header h2{font-size:26px}.profile-info{font-size:16px}.profile-info p{font-size:15px}}@media (max-width: 768px){.page-container{padding:15px}.header{padding:16px;flex-direction:column;gap:12px}.logo{font-size:22px}.auth-buttons{font-size:13px}.content-box{padding:30px 20px}.content-box h1{font-size:26px;margin-bottom:16px}.content-box p{font-size:15px}.auth-container{padding:15px}.auth-box{padding:32px 24px}.auth-header h2{font-size:24px}.auth-header p,.form-group label{font-size:13px}.input-field{padding:11px;font-size:15px}.btn{padding:9px 18px;font-size:15px}.btn-full{padding:12px}.error-message{font-size:13px;padding:10px}.profile-info{font-size:15px}.profile-info p{font-size:14px}}@media (max-width: 480px){.page-container{padding:10px}.header{padding:14px}.logo{font-size:20px}.auth-buttons{font-size:12px;gap:8px}.content-box{padding:24px 16px}.content-box h1{font-size:22px;margin-bottom:14px}.content-box p{font-size:14px}.auth-box{padding:28px 20px}.auth-header{margin-bottom:24px}.auth-header h2{font-size:22px;margin-bottom:8px}.auth-header p{font-size:12px}.form-group{margin-bottom:16px}.form-group label{font-size:12px;margin-bottom:6px}.input-field{padding:10px;font-size:14px}.btn{padding:8px 16px;font-size:14px}.btn-full{padding:11px;margin-bottom:12px}.error-message{font-size:12px;padding:9px;margin-bottom:16px}.profile-info{font-size:14px}.profile-info p{font-size:13px;margin-bottom:8px}}@media (max-width: 360px){.logo{font-size:18px}.auth-buttons{font-size:11px}.content-box h1{font-size:20px}.content-box p{font-size:13px}.auth-box{padding:24px 16px}.auth-header h2{font-size:20px}.input-field,.btn{font-size:13px}}.ai-discussion-page{min-height:100vh;background-color:#e5e5e5;-webkit-user-select:none!important;-moz-user-select:-moz-none!important;-ms-user-select:none!important;user-select:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#fff;border-bottom:1px solid #ddd;position:relative}.search-box{position:absolute;left:50%;transform:translate(-50%)}.search-box input{width:220px;padding:8px 35px 8px 12px;border:1px solid #ccc;border-radius:20px;outline:none;font-size:14px}.search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:14px;cursor:pointer}.login-join{font-size:12px;text-align:right}.login-join .status{display:block;color:#000;font-weight:700;margin-bottom:4px}.login-join a{text-decoration:none;color:#000;margin:0 3px}.nav-tabs div{margin:0 30px;padding:8px;cursor:pointer;font-size:16px}.nav-tabs .active:hover{text-decoration:underline;font-weight:700}.discussion-main{max-width:1400px;margin:0 auto;padding:40px 20px}.mode-select-container{max-width:1000px;margin:60px auto;padding:0 20px}.mode-select-title{font-size:2.5rem;text-align:center;color:#1a1a1a;margin-bottom:10px}.mode-select-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:50px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.mode-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #00000012;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center}.mode-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:#4a90e2}.mode-icon{font-size:4rem;text-align:center;margin-bottom:20px}.mode-title{font-size:1.8rem;text-align:center;color:#1a1a1a;margin-bottom:15px}.mode-description{text-align:center;color:#666;line-height:1.6;margin-bottom:25px;font-size:1rem}.mode-features{list-style:none;padding:0;margin:0}.mode-features li{padding:8px 0;color:#4a90e2;font-size:.95rem;text-align:center}.topic-input-container{background-color:transparent}.back-btn{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:8px 12px;margin-bottom:20px;transition:color .2s}.back-btn:hover{color:#4a90e2}.topic-heading{text-align:center;font-size:32px;font-weight:700;margin-bottom:60px;color:#000}.chat-preview-area{display:flex;justify-content:space-between;gap:40px;margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}.preview-message{flex:1;padding:40px;border-radius:30px;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;line-height:1.6}.ai-preview{background-color:#d9d9d9;color:#333}.user-preview{background-color:#d9d9d9;color:#666}.examples-section{max-width:1200px;margin:0 auto 50px}.examples-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.example-card{background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s}.example-card:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.example-topic{font-size:16px;font-weight:600;color:#667eea;margin-bottom:8px}.example-question{font-size:14px;color:#666;line-height:1.5}.topic-input-area{max-width:1200px;margin:0 auto}.input-group{margin-bottom:20px}.input-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px;padding-left:12px}.input-wrapper{position:relative}.topic-input-field,.question-input-field{width:100%;padding:18px 24px;border:2px solid #999;border-radius:50px;font-size:16px;outline:none;background-color:#fff;box-sizing:border-box}.topic-input-field:focus,.question-input-field:focus{border-color:#666}.start-btn{width:100%;padding:16px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:20px;transition:background .2s}.start-btn:hover:not(:disabled){background:#357abd}.start-btn:disabled{background:#ccc;cursor:not-allowed}.chat-active-container{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;overflow:hidden;height:700px;display:flex;flex-direction:column}.chat-header-bar{background-color:#f5f5f5;padding:20px 24px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.mode-badge{display:inline-block;padding:4px 12px;background:#f0f7ff;color:#4a90e2;border-radius:12px;font-size:.85rem;font-weight:600;margin-bottom:8px}.current-topic{font-size:20px;font-weight:700;color:#000;margin:0}.topic-subtitle{font-size:14px;color:#666;margin-top:4px}.header-actions{display:flex;gap:10px}.save-discussion-btn{padding:8px 20px;background-color:#000;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.save-discussion-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-discussion-btn:disabled{opacity:.6;cursor:not-allowed}.change-topic-btn{padding:8px 20px;background-color:#000;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.change-topic-btn:hover{background-color:#333}.messages-area{flex:1;overflow-y:auto;padding:24px;background-color:#fafafa}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:#f1f1f1}.messages-area::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-message{margin-bottom:16px;display:flex}.user-msg{justify-content:flex-end}.ai-msg{justify-content:flex-start}.message-content{max-width:70%;padding:16px 20px;border-radius:20px;word-wrap:break-word;white-space:pre-wrap;line-height:1.5;font-size:15px}.user-msg .message-content{background-color:#000;color:#fff;border-bottom-right-radius:6px}.ai-msg .message-content{background-color:#e5e5e5;color:#333;border-bottom-left-radius:6px}.loading-msg{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-input-area{padding:20px 24px;background-color:#fff;border-top:1px solid #ddd;position:relative}.chat-input-field{width:100%;padding:14px 140px 14px 20px;border:2px solid #ddd;border-radius:50px;font-size:15px;outline:none;box-sizing:border-box}.chat-input-field:focus{border-color:#999}.chat-input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-actions{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.action-btn{padding:8px 20px;border-radius:20px;border:none;cursor:pointer;font-size:14px;transition:all .2s}.submit-btn{background-color:#000;color:#fff}.submit-btn:hover:not(:disabled){background-color:#333}.submit-btn:disabled{background-color:#999;cursor:not-allowed}@media (max-width: 1024px){.logo{font-size:24px}.nav-tabs div{margin:0 20px;font-size:15px}.mode-select-title{font-size:2rem}.mode-cards{gap:20px}.mode-card{padding:30px}.topic-heading{font-size:28px;margin-bottom:50px}.preview-message{padding:35px;font-size:15px}.input-label{font-size:15px}.topic-input-field,.question-input-field{font-size:15px;padding:16px 22px}.current-topic{font-size:18px}.topic-subtitle{font-size:13px}}@media (max-width: 768px){header{padding:12px 15px}.logo{font-size:20px}.search-box{display:none}.login-join{font-size:11px}.nav-tabs div{margin:0 15px;padding:6px;font-size:14px}.discussion-main{padding:30px 15px}.mode-select-container{margin:40px auto;padding:0 15px}.mode-select-title{font-size:1.8rem}.mode-select-subtitle{font-size:1rem;margin-bottom:30px}.mode-cards{grid-template-columns:1fr;gap:20px}.mode-card{padding:30px 20px}.mode-icon{font-size:3rem}.mode-title{font-size:1.5rem}.mode-description{font-size:.9rem}.chat-preview-area{flex-direction:column;gap:20px;margin-bottom:40px}.topic-heading{font-size:24px;margin-bottom:40px}.preview-message{min-height:120px;padding:30px 20px;font-size:14px;border-radius:20px}.examples-section{margin-bottom:40px}.examples-title{font-size:18px;margin-bottom:16px}.examples-grid{grid-template-columns:1fr;gap:12px}.example-card{padding:16px}.example-topic{font-size:15px}.example-question{font-size:13px}.input-label{font-size:14px;padding-left:8px}.topic-input-field,.question-input-field{padding:14px 18px;font-size:14px;border-radius:40px}.start-btn{font-size:1rem;padding:14px}.chat-active-container{height:600px}.chat-header-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}.current-topic{font-size:16px}.topic-subtitle{font-size:12px}.header-actions{width:100%;justify-content:space-between}.save-discussion-btn,.change-topic-btn{padding:6px 16px;font-size:13px}.messages-area{padding:20px 16px}.message-content{max-width:85%;padding:14px 16px;font-size:14px}.chat-input-area{padding:16px 20px}.chat-input-field{padding:12px 16px;font-size:14px}.input-actions{position:static;transform:none;margin-top:10px;justify-content:flex-end}}@media (max-width: 480px){.logo{font-size:18px}.nav-tabs div{margin:0 10px;font-size:13px}.mode-select-title{font-size:1.5rem}.mode-select-subtitle{font-size:.9rem}.mode-card{padding:25px 15px}.mode-icon{font-size:2.5rem}.mode-title{font-size:1.3rem}.mode-description,.mode-features li{font-size:.85rem}.topic-heading{font-size:20px;margin-bottom:30px}.preview-message{padding:25px 15px;font-size:13px;min-height:100px}.examples-section{margin-bottom:30px}.examples-title{font-size:16px;margin-bottom:12px}.example-card{padding:14px;border-radius:12px}.example-topic{font-size:14px;margin-bottom:6px}.example-question{font-size:12px}.input-label{font-size:13px}.topic-input-field,.question-input-field{font-size:13px;padding:12px 16px}.start-btn{font-size:.95rem;padding:12px}.current-topic{font-size:15px}.message-content{font-size:13px;padding:12px 14px}.save-discussion-btn,.change-topic-btn{font-size:12px;padding:6px 14px}}.individual-page{min-height:100vh;background-color:#f3f4f6;-webkit-user-select:none!important;-moz-user-select:-moz-none!important;-ms-user-select:none!important;user-select:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#fff;border-bottom:1px solid #ddd}.logo{font-size:28px;font-weight:700}.login-join{font-size:12px;text-align:right;display:flex;gap:12px;align-items:center}.status{color:#666;font-weight:500}.nav-tabs{display:flex;justify-content:center;border-bottom:1px solid #000;background-color:#fff}.nav-tabs div{margin:0 30px;padding:8px;cursor:pointer;font-size:16px;color:#666;transition:color .2s}.nav-tabs .active:hover{text-decoration:underline;font-weight:700;color:#4a90e2}.individual-main{max-width:1400px;margin:0 auto;padding:40px 20px}.profile-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 2px 10px #0000001a;text-align:center}.profile-avatar{margin-bottom:20px;display:flex;justify-content:center}.avatar-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;box-shadow:0 4px 15px #4a90e266}.profile-name{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.profile-email{font-size:16px;color:#6b7280}.content-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 2px 10px #0000001a;min-height:500px}.section-header{margin-bottom:30px}.tabs-container{display:flex;gap:12px;border-bottom:2px solid #e0e0e0}.tab-btn{padding:12px 24px;background:none;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover,.tab-btn.active{color:#4a90e2}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4a90e2}.count-badge{background:#4a90e2;color:#fff;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.tab-btn:not(.active) .count-badge{background:#e0e0e0;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:24px;color:#1f2937;margin-bottom:12px}.empty-state p{font-size:16px;color:#6b7280;margin-bottom:30px}.start-btn{padding:14px 32px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4a90e24d}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.items-container{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:500px}.items-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.item-card{background:#f8f9fa;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;border:2px solid transparent}.item-card:hover,.item-card.selected{background:#f0f7ff;border-color:#4a90e2}.item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.item-topic{font-size:1.1rem;color:#1a1a1a;margin:0;flex:1;word-break:break-word}.item-question{color:#666;font-size:.9rem;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#999}.message-count{display:flex;align-items:center;gap:4px}.delete-btn{width:28px;height:28px;border-radius:50%;border:none;background:#f44;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.delete-btn:hover{background:#c00}.item-detail{background:#f8f9fa;border-radius:12px;padding:24px;display:flex;flex-direction:column;max-height:600px}.detail-header{display:flex;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.detail-badge{display:inline-block;padding:4px 12px;background:#4a90e2;color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;margin-bottom:12px}.detail-header h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 8px;word-break:break-word}.detail-question{color:#666;font-size:1rem;margin:0;word-break:break-word}.close-detail-btn{width:32px;height:32px;border-radius:50%;border:none;background:#e0e0e0;color:#666;font-size:1.5rem;cursor:pointer;transition:background .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.close-detail-btn:hover{background:#ccc}.messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.message{display:flex}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:12px;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:15px}.user-message .message-bubble{background:#4a90e2;color:#fff}.ai-message .message-bubble{background:#fff;color:#1a1a1a;border:1px solid #e0e0e0}@media (max-width: 1200px){.profile-name{font-size:28px}.item-topic{font-size:1rem}}@media (max-width: 1024px){.items-container{grid-template-columns:1fr}.item-detail{position:fixed;inset:0;z-index:1000;border-radius:0;max-height:100vh}.profile-name{font-size:26px}}@media (max-width: 768px){header{padding:12px 15px}.logo{font-size:24px}.login-join{font-size:11px}.nav-tabs div{margin:0 20px;font-size:15px}.individual-main{padding:20px 15px}.profile-section{padding:30px 20px}.avatar-circle{width:100px;height:100px;font-size:40px}.profile-name{font-size:24px}.content-section{padding:24px 20px}.tab-btn{padding:10px 16px;font-size:.9rem}.empty-state h3{font-size:20px}.item-card{padding:16px}.delete-btn{width:26px;height:26px;font-size:1.1rem}.detail-header{padding:16px 20px 16px 16px}.message-bubble{max-width:85%;font-size:14px;padding:12px 16px}}@media (max-width: 480px){.logo{font-size:20px}.nav-tabs div{margin:0 15px;font-size:14px;padding:6px}.individual-main{padding:15px 10px}.profile-section{padding:25px 15px}.avatar-circle{width:80px;height:80px;font-size:32px}.profile-name{font-size:20px}.content-section{padding:20px 15px}.tab-btn{padding:8px 12px;font-size:.85rem}.count-badge{padding:1px 5px;font-size:.7rem}.empty-state{padding:60px 15px}.empty-state h3{font-size:18px}.item-card{padding:14px}.item-topic{font-size:.95rem}.delete-btn{width:24px;height:24px;font-size:1rem}.detail-header h3{font-size:1.1rem}.message-bubble{font-size:13px;padding:10px 14px}}.summary-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.summary-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#333}.summary-content{font-size:14px;line-height:1.6;color:#555;white-space:pre-wrap}.messages-section{margin-top:20px}.messages-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#333}.summary-badge{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px}