.toast-container{position:fixed;top:80px;right:20px;z-index:999999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:280px;max-width:400px;animation:toastSlideIn .3s ease;pointer-events:auto}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#4caf5026;color:#4caf50}.toast-error .toast-icon{background:#f4433626;color:#f44336}.toast-info .toast-icon{background:#2196f326;color:#2196f3}.toast-warning .toast-icon{background:#ff980026;color:#ff9800}.toast-message{flex:1;font-size:14px;color:var(--color-text);line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-info{border-left:4px solid #2196f3}.toast-warning{border-left:4px solid #ff9800}.handdrawn-header{background:var(--color-bg-white);border-bottom:var(--border-handdrawn);padding:0;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);height:56px}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.logo{text-decoration:none;display:flex;align-items:center}.logo-icon{display:flex;align-items:center;justify-content:center}.nav-links{display:flex;gap:var(--spacing-xs)}.nav-link{color:var(--color-text);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease;font-size:14px;border:2px solid transparent}.nav-link:hover{background:var(--color-bg-warm)}.nav-link.active{background:var(--color-bg-warm);border-color:var(--color-text)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.message-link{position:relative}.badge{position:absolute;top:-2px;right:-2px;background:var(--color-highlight);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;font-weight:600}.user-info-wrapper{position:relative}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s ease}.user-info:hover{background:var(--color-bg-warm)}.user-avatar-small{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-text);overflow:hidden}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.username{font-weight:500;font-size:14px}.auth-links{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.nav-links{gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.username{display:none}}.map-canvas-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.08) 0%,transparent 55%),#f3efe6;box-shadow:inset 0 0 60px #2a3a680d,0 2px 16px #0000000d;touch-action:none}.map-zones-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:visible}.map-zones-svg .zone-fill-center{fill:#6366f114}.map-zones-svg .zone-stroke-center{stroke:#6366f161;stroke-width:2}.map-zones-svg .zone-stroke-mid{stroke:#6366f138;stroke-width:1.5;stroke-dasharray:8 6}.map-zones-svg .zone-stroke-edge{stroke:#2a3a6847;stroke-width:1.5;stroke-dasharray:4 5}.map-zones-svg .zone-svg-label{font-size:12px;font-weight:700;letter-spacing:2px;paint-order:stroke;stroke:#f8f4ece6;stroke-width:4px}.map-zones-svg .zone-label-center{fill:#6366f1}.map-zones-svg .zone-label-mid{fill:#6366f18c}.map-zones-svg .zone-label-edge{fill:#2a3a6880}.map-canvas-inner{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.map-canvas-inner.dragging{cursor:grabbing}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s;z-index:5;padding:10px;margin:-10px}.map-node:hover{z-index:20}.map-node-bubble{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:3px solid var(--node-color, #6366F1);box-shadow:0 3px 10px #0000001a;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s}.map-node:hover .map-node-bubble{transform:scale(1.18);box-shadow:0 6px 20px #0000002e}.map-node:active .map-node-bubble{transform:scale(.95)}.map-node.viewed .map-node-bubble:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:3px solid #D85A30;animation:heatPulse 1.8s ease-out infinite;pointer-events:none}.map-node.viewers-many .map-node-bubble:after{top:-13px;right:-13px;bottom:-13px;left:-13px;border-width:4px}@keyframes heatPulse{0%{transform:scale(.85);opacity:.9}70%{transform:scale(1.15);opacity:.25}to{transform:scale(1.2);opacity:0}}.map-node-viewers{position:absolute;top:-22px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:700;color:#d85a30;background:#fff4eeeb;padding:1px 8px;border-radius:8px;box-shadow:0 1px 4px #d85a3033;pointer-events:none;z-index:2}.map-node-label{max-width:84px;font-size:11px;font-weight:600;color:#2d2b3d;text-align:center;line-height:1.25;background:#f8f4ece0;padding:1px 6px;border-radius:6px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-node-meta{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#a8a5b5;background:#f8f4ecd9;padding:0 5px;border-radius:5px;pointer-events:none;white-space:nowrap}.map-cluster{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:15}.map-cluster-bubble{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:24px;background:linear-gradient(135deg,#2a3a68,#4e5e8e);color:#fff;font-weight:800;font-size:14px;padding:10px 16px;box-shadow:0 4px 16px #2a3a6859;transition:transform .18s}.map-cluster:hover .map-cluster-bubble{transform:scale(1.1)}.map-cluster-hint{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:10px;color:#8e8c9a;white-space:nowrap;background:#f8f4ece6;padding:1px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s}.map-cluster:hover .map-cluster-hint{opacity:1}.map-controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;z-index:30}.map-controls button{width:36px;height:36px;border-radius:10px;border:none;background:#fffffff2;color:#2a3a68;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.map-controls button:hover{background:#2a3a68;color:#fff;transform:translateY(-1px)}.map-legend{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;border-radius:10px;font-size:11px;color:#6b7280;z-index:30;box-shadow:0 2px 8px #0000000f}.map-legend .legend-item{display:flex;align-items:center;gap:5px}.map-legend .heat-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #D85A30}.map-legend .node-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #6366F1}.map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a8a5b5;font-size:14px;z-index:4}.map-empty .empty-emoji{font-size:42px;opacity:.5}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4}.map-loading .spinner{width:34px;height:34px;border:3px solid #EDE9E0;border-top-color:#2a3a68;border-radius:50%;animation:mapSpin .8s linear infinite}@keyframes mapSpin{to{transform:rotate(360deg)}}.map-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999;opacity:1;visibility:visible;pointer-events:auto}.confirm-dialog{min-width:320px;max-width:420px;width:min(92vw,420px);padding:var(--spacing-lg);opacity:1!important;transform:none!important;visibility:visible!important;animation:none!important;position:relative;z-index:1}.confirm-dialog-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.confirm-dialog-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.confirm-dialog-icon-danger{background:#f4433626;color:#f44336}.confirm-dialog-icon-warning{background:#ff980026;color:#ff9800}.confirm-dialog-icon-info{background:#2196f326;color:#2196f3}.confirm-dialog-title{font-size:18px;font-weight:500;color:var(--color-text);margin:0}.confirm-dialog-content{margin-bottom:var(--spacing-lg)}.confirm-dialog-content p{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}.confirm-dialog-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.confirm-dialog-actions .handdrawn-btn{min-width:80px}.share-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121e73;z-index:1300;display:flex;align-items:flex-end;justify-content:center;animation:ssFade .2s ease}@keyframes ssFade{0%{opacity:0}to{opacity:1}}.share-sheet{background:#f8f4ec;border-radius:22px 22px 0 0;width:min(520px,96vw);padding:22px 26px 30px;box-shadow:0 -8px 40px #0003;animation:ssUp .28s cubic-bezier(.2,.8,.3,1)}@keyframes ssUp{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.share-sheet-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:#2d2b3d;margin-bottom:6px}.share-sheet-preview{font-size:13px;color:#8e8c9a;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-link-row{display:flex;gap:8px;margin-bottom:18px}.share-link-row input{flex:1;border:1.5px solid #EDE9E0;background:#fff;border-radius:10px;padding:9px 12px;font-size:12.5px;color:#6b7280;font-family:monospace;outline:none}.share-link-row .copy-btn{padding:0 18px;border-radius:10px;border:none;background:#2a3a68;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.share-link-row .copy-btn:hover{background:#3d4f7c}.share-channels{display:flex;gap:18px;justify-content:center}.share-channel{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;cursor:pointer;font-family:inherit;padding:0}.share-channel-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #EDE9E0;background:#fff;transition:all .2s}.share-channel:hover .share-channel-icon{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.share-channel:active .share-channel-icon{transform:scale(.92)}.share-channel span{font-size:11.5px;color:#6b7280}.resonance-wall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121e99;display:flex;align-items:center;justify-content:center;z-index:1100;animation:rwFadeIn .2s ease}.resonance-wall{background:#f8f4ec;border-radius:24px;width:min(680px,92vw);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000040;animation:rwSlideUp .3s cubic-bezier(.2,.8,.3,1);overflow:hidden}.resonance-wall-header{padding:24px 28px 16px;border-bottom:1px solid #EDE9E0}.resonance-wall-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.resonance-wall-title{font-size:18px;font-weight:800;color:#2d2b3d;display:flex;align-items:center;gap:8px}.resonance-wall-close{width:32px;height:32px;border-radius:50%;border:none;background:#ede9e0;color:#555;font-size:18px;cursor:pointer;transition:all .2s;line-height:1}.resonance-wall-close:hover{background:#ddd9d0;transform:rotate(90deg)}.resonance-wall-post{background:#fff;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.6;color:#2d2b3d;border-left:4px solid var(--wall-emotion, #6366F1)}.resonance-wall-post .post-meta{margin-top:8px;font-size:12px;color:#a8a5b5;display:flex;gap:12px}.resonance-wall-stats{display:flex;align-items:center;gap:16px;padding:12px 28px;font-size:13px;color:#8e8c9a;border-bottom:1px solid #EDE9E0;background:#f3efe6}.resonance-wall-stats .stat-item strong{color:#2d2b3d;font-size:15px;margin-left:2px}.resonance-wall-grid{flex:1;overflow-y:auto;padding:20px 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-content:start}.resonance-wall-grid::-webkit-scrollbar{width:6px}.resonance-wall-grid::-webkit-scrollbar-thumb{background:#ddd9d0;border-radius:3px}.resonance-cell{background:#fff;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;animation:cellEnter .3s ease backwards;transition:transform .2s ease,box-shadow .2s ease}.resonance-cell:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.resonance-cell.own{border:2px solid #6366F1;background:#f5f3ff}.resonance-cell-top{display:flex;align-items:center;justify-content:space-between}.resonance-cell-id{font-size:12px;color:#8e8c9a;font-weight:600}.resonance-cell.own .resonance-cell-id{color:#6366f1}.resonance-cell-claim{font-size:11px;color:#10b981;background:#ecfdf5;padding:2px 8px;border-radius:8px;font-weight:600}.resonance-cell-annotation{font-size:13px;color:#2d2b3d;line-height:1.5;word-break:break-word}.resonance-cell-annotation.empty{color:#c5c2ba;font-style:italic;font-size:12px}.resonance-cell-time{font-size:11px;color:#c5c2ba}.resonance-wall-empty{grid-column:1 / -1;text-align:center;padding:40px 0;color:#a8a5b5;font-size:14px}.resonance-wall-empty .empty-emoji{font-size:40px;display:block;margin-bottom:12px}.resonance-wall-footer{padding:16px 28px 20px;border-top:1px solid #EDE9E0;background:#f8f4ec}.resonance-wall-claim-bar{display:flex;gap:10px}.resonance-wall-claim-bar input{flex:1;border:2px solid #EDE9E0;border-radius:12px;padding:10px 16px;font-size:14px;font-family:inherit;background:#fff;outline:none;transition:border-color .2s}.resonance-wall-claim-bar input:focus{border-color:#6366f1}.resonance-wall-claim-btn{padding:10px 24px;border-radius:12px;border:none;background:#2a3a68;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.resonance-wall-claim-btn:hover:not(:disabled){background:#3d4f7c}.resonance-wall-claim-btn:disabled{background:#c5c1b8;cursor:not-allowed}.resonance-wall-claimed-hint{text-align:center;font-size:13px;color:#10b981;background:#ecfdf5;padding:10px;border-radius:10px}@keyframes rwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rwSlideUp{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cellEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cell-inspect{display:flex;align-items:center;gap:10px;margin:10px 28px 0;padding:8px 14px;background:#fff;border-radius:10px;font-size:12.5px;color:#555;border:1.5px solid #EDE9E0}.cell-inspect.own{border-color:#c7d2fe;background:#f5f3ff}.cell-inspect-id{font-weight:700;color:#2d2b3d}.cell-inspect-anno{flex:1;color:#10b981}.cell-inspect-time{color:#c5c2ba}.cell-anno-btn{border:none;background:#6366f1;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;cursor:pointer;font-family:inherit}.cell-anno-btn.save{background:#10b981}.resonance-wall.full{width:min(920px,95vw);max-height:92vh}.resonance-wall-title .wall-sub{font-size:12px;font-weight:500;color:#a8a5b5;margin-left:6px}.resonance-wall-post .post-meta{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:#a8a5b5;flex-wrap:wrap}.wall-emotion-chip{font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px}.wall-actions{margin-left:auto;display:flex;gap:8px}.wall-btn{display:inline-flex;align-items:center;gap:4px;border:1.5px solid #EDE9E0;background:#fff;color:#6b7280;font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit}.wall-btn:hover{border-color:#c5c2ba}.wall-btn.active{border-color:#f472b6;color:#f472b6;background:#fff0f6}.wall-canvas-area{padding:12px 16px 0}.wall-canvas-hint{text-align:center;font-size:12px;color:#a8a5b5;padding:8px 0 4px}.wall-canvas-hint strong{color:#6366f1}.cancel-reply{border:none;background:#ede9e0;color:#555;font-size:11px;padding:2px 10px;border-radius:8px;cursor:pointer;margin-left:8px;font-family:inherit}.comment-detail{text-align:left;background:#fff;border:1.5px solid #E5E1D8;border-radius:12px;padding:10px 16px}.comment-detail .cd-content{font-size:14px;line-height:1.6;color:#2d2b3d;word-break:break-word;margin-bottom:8px}.comment-detail .cd-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#a8a5b5;flex-wrap:wrap}.comment-detail .cd-author{font-weight:700;color:#555}.comment-detail .cd-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.wall-btn.dm{border-color:#a7f3d0;color:#10b981}.wall-btn.dm:hover{background:#ecfdf5}.emotion-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.emotion-picker-modal{background:#f8f4ec;border-radius:20px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease}.emotion-picker-title{text-align:center;font-size:20px;font-weight:700;color:#2d2b3d;margin-bottom:8px}.emotion-picker-subtitle{text-align:center;font-size:14px;color:#8e8c9a;margin-bottom:24px}.emotion-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.emotion-grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;border-radius:16px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#fff}.emotion-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.emotion-grid-item.selected{border-color:var(--emotion-color, #FFB340);box-shadow:0 4px 16px #0000001f;transform:scale(1.05)}.emotion-grid-item.selected .emotion-grid-emoji{transform:scale(1.2)}.emotion-grid-emoji{font-size:28px;transition:transform .2s ease;line-height:1}.emotion-grid-label{font-size:11px;color:#555;text-align:center;font-weight:500;line-height:1.2}.emotion-grid-item.selected .emotion-grid-label{color:var(--emotion-color, #FFB340);font-weight:600}.emotion-picker-actions{display:flex;gap:12px;justify-content:center}.emotion-picker-actions button{padding:10px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.emotion-picker-cancel{background:#e8e5dd;color:#555}.emotion-picker-cancel:hover{background:#ddd9d0}.emotion-picker-confirm{background:#2a3a68;color:#fff}.emotion-picker-confirm:hover{background:#3d4f7c}.emotion-picker-confirm:disabled{background:#c5c1b8;cursor:not-allowed}.emotion-picker-secret-hint{text-align:center;font-size:12px;color:#6b7280;margin-top:-12px;margin-bottom:16px;padding:6px 12px;background:#f3f4f6;border-radius:8px}.emotion-picker-secret-hint .lock-icon{display:inline-block;margin-right:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.emotion-grid{grid-template-columns:repeat(3,1fr);gap:8px}.emotion-grid-item{padding:10px 4px 8px}.emotion-grid-emoji{font-size:24px}.emotion-grid-label{font-size:10px}.emotion-picker-modal{padding:24px 20px;border-radius:16px}}.discover-search{width:100%;max-width:720px;margin:0 auto 16px;display:flex;flex-direction:column;gap:10px}.discover-input-wrap{display:flex;gap:8px;background:#fff;border:1.5px solid #E5E3F2;border-radius:999px;padding:6px 6px 6px 20px;box-shadow:0 4px 18px #6366f114}.discover-input{flex:1;border:none;outline:none;font-size:14px;color:#2a3a68;background:transparent}.discover-input::placeholder{color:#a8a5b5}.discover-btn{border:none;border-radius:999px;padding:9px 22px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;cursor:pointer;white-space:nowrap}.discover-btn:disabled{opacity:.5;cursor:not-allowed}.discover-examples{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.discover-example{border:1px solid #E5E3F2;background:#ffffffb3;border-radius:999px;padding:4px 14px;font-size:12px;color:#6366f1;cursor:pointer}.discover-example:hover{border-color:#6366f1}.discover-error{text-align:center;color:#e11d48;font-size:13px}.discover-result{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 6px 24px #2a3a6814}.discover-result-head{font-size:13px;color:#55597a;margin-bottom:10px}.discover-result-head strong{color:#6366f1}.discover-parsed{color:#a8a5b5}.discover-empty{text-align:center;color:#a8a5b5;font-size:13px;padding:18px 0}.discover-cards{display:flex;flex-direction:column;gap:10px}.discover-card{text-align:left;border:1px solid #EFEFF7;border-radius:14px;padding:12px 14px;background:#fbfbfe;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.discover-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f11f}.discover-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.discover-card-emotion{font-size:11px;border-radius:999px;padding:2px 10px;color:#fff;background:#8b5cf6}.discover-card-emotion.emotion-sorrow{background:#5b8def}.discover-card-emotion.emotion-anxiety{background:#8b5cf6}.discover-card-emotion.emotion-joy{background:#ffb340}.discover-card-emotion.emotion-gratitude{background:#10b981}.discover-card-emotion.emotion-secret{background:#ec4899}.discover-card-emotion.emotion-memory{background:#f97316}.discover-card-emotion.emotion-comfort{background:#2ac3a2}.discover-card-reason{font-size:11px;color:#6366f1;background:#6366f11a;border-radius:999px;padding:2px 10px}.discover-card-content{margin:4px 0 6px;font-size:14px;color:#2a3a68;line-height:1.7}.discover-card-meta{font-size:12px;color:#a8a5b5}.hot-digest-card{width:100%;max-width:720px;margin:0 auto 16px;background:linear-gradient(135deg,#fff,#f6f5ff);border:1px solid #E9E6FB;border-radius:18px;padding:14px 16px;box-shadow:0 6px 24px #8b5cf614;display:flex;flex-direction:column;gap:10px}.hot-digest-head{display:flex;align-items:center;justify-content:space-between}.hot-digest-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;border-radius:999px;padding:3px 12px}.hot-digest-date{font-size:12px;color:#a8a5b5}.hot-digest-summary{margin:0;font-size:14px;line-height:1.8;color:#2a3a68}.hot-digest-highlights{display:flex;flex-direction:column;gap:6px}.hot-digest-highlight{display:flex;align-items:center;gap:8px;border:1px dashed #D9D6F2;background:#fff;border-radius:12px;padding:7px 12px;cursor:pointer;font-size:13px}.hot-digest-highlight:hover{border-color:#8b5cf6}.hot-digest-emotion{font-size:11px;color:#fff;border-radius:999px;padding:1px 8px;background:#8b5cf6;flex-shrink:0}.hot-digest-emotion.emotion-sorrow{background:#5b8def}.hot-digest-emotion.emotion-anxiety{background:#8b5cf6}.hot-digest-emotion.emotion-joy{background:#ffb340}.hot-digest-emotion.emotion-gratitude{background:#10b981}.hot-digest-emotion.emotion-secret{background:#ec4899}.hot-digest-emotion.emotion-memory{background:#f97316}.hot-digest-emotion.emotion-comfort{background:#2ac3a2}.hot-digest-line{color:#55597a}.hot-digest-emotions{display:flex;gap:8px;flex-wrap:wrap}.hot-digest-emotion-chip{border:1px solid #E9E6FB;background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;color:#55597a;cursor:pointer}.hot-digest-emotion-chip strong{color:#6366f1;margin-right:4px}.home-page{min-height:100vh;background:linear-gradient(180deg,#f8f4ec,#f3efe6 60%,#efeae0)}.home-main{padding-bottom:90px}.home-container{max-width:1500px;margin:0 auto;padding:0 24px}.home-tide-band{display:flex;align-items:center;gap:14px;padding:22px 8px 14px}.home-tide-band .tide-icon{font-size:30px}.home-tide-band .tide-text{display:flex;flex-direction:column;gap:2px}.home-tide-band strong{font-size:20px;font-weight:800;color:#2d2b3d;letter-spacing:-.3px}.home-tide-band span{font-size:13px;color:#8e8c9a}.home-today-band{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:8px 12px;margin-bottom:12px;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;border:1px solid #EDE9E0;scrollbar-width:none}.home-today-band::-webkit-scrollbar{display:none}.today-item{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#6b7280;cursor:pointer;white-space:nowrap}.today-item strong{color:#2a3a68;font-weight:800}.today-item:last-child{max-width:240px;overflow:hidden;text-overflow:ellipsis}.home-map-hint{text-align:center;font-size:12px;color:#a8a5b5;padding:12px 0 4px}.home-fab{position:fixed;right:28px;bottom:88px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 6px 24px #6366f166;transition:all .25s cubic-bezier(.2,.8,.3,1);z-index:400;display:flex;align-items:center;justify-content:center}.home-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 30px #6366f180}.home-fab:active{transform:scale(.95)}.home-goto-circle{position:fixed;left:50%;transform:translate(-50%);bottom:84px;padding:9px 20px;border-radius:20px;border:none;background:#2a3a68eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #2a3a684d;z-index:390;font-family:inherit;transition:all .2s}.home-goto-circle:hover{background:#2a3a68;transform:translate(-50%) translateY(-2px)}.home-page.night-mode{background:linear-gradient(180deg,#1e1b2e,#171524)}.home-page.night-mode .home-tide-band strong{color:#e8e6f0}.home-page.night-mode .home-tide-band span{color:#7a7890}.home-page.night-mode .home-today-band{background:#1e1b2ebf;border-color:#322e4a}.home-page.night-mode .today-item{color:#8e8ca8}.home-page.night-mode .today-item strong{color:#b9b6e0}.home-page.night-mode .home-map-hint{color:#5e5c78}.home-page.night-mode .map-canvas-wrap{background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.12) 0%,transparent 55%),#1b1830;box-shadow:inset 0 0 80px #0000004d}.home-page.night-mode .map-node-bubble{background:#262238}.home-page.night-mode .map-node-label{color:#d5d3e8;background:#1e1b2ed9}.home-page.night-mode .map-node-meta{color:#7a7890;background:#1e1b2ed9}.home-page.night-mode .map-legend{background:#1e1b2ee6;color:#8e8ca8}.home-page.night-mode .map-canvas-zones .zone-ring{border-color:#c8c6f01a}.home-page.night-mode .map-canvas-zones .zone-label{color:#c8c6f04d}.home-page.night-mode .map-cluster-bubble{background:linear-gradient(135deg,#4e5e8e,#6b7bb8)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--spacing-xl)}.auth-container{width:100%;max-width:420px;padding:var(--spacing-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-family:var(--font-handwriting);font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:500;color:var(--color-text);font-size:14px}.auth-error{background:#fff0f0;border:2px solid #D4736E;border-radius:var(--radius-md);padding:var(--spacing-md);color:#d4736e;font-size:14px;text-align:center}.handdrawn-input.input-invalid,.handdrawn-input.input-invalid:focus{border-color:#d4736e!important;box-shadow:0 0 0 2px #d4736e2e}.field-error{color:#d4736e;font-size:12px;line-height:1.4;margin-top:2px}.field-hint{color:#b08968;font-size:12px;margin-top:2px}.auth-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:14px}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.full-width{width:100%}.code-input-wrapper{display:flex;gap:var(--spacing-sm)}.code-input-wrapper .code-input{flex:1}.code-input-wrapper button{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md)}.circle-square-page{min-height:100vh;background:var(--color-bg)}.circle-square-main{padding:var(--spacing-lg)}.square-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.mini-spinner{width:16px;height:16px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.slogan-section{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-lg);background:var(--color-bg-white);text-align:center}.slogan-text{font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:2px}.filter-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;flex:1}.filter-tab{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);cursor:pointer;transition:all .2s ease;font-size:14px}.filter-tab:hover{background:var(--color-bg-warm);transform:translateY(-2px)}.tab-icon{width:16px;height:16px;border-radius:50%;background:var(--color-text-muted)}.filter-tab.active .tab-icon{background:#fff}.tab-icon.all{background:#888}.tab-icon.emotion{background:#ff6b6b}.tab-icon.team{background:#4ecdc4}.tab-icon.normal{background:#45b7d1}.tab-icon.interest{background:#f9ca24}.tab-icon.business{background:#6c5ce7}.tab-label{font-size:14px;font-weight:500}.sort-control{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white)}.sort-label{font-size:14px;color:var(--color-text-secondary)}.sort-dropdown{position:relative}.sort-dropdown-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-bg-warm);border:var(--border-handdrawn);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all .2s ease}.sort-dropdown-btn:hover{background:var(--color-primary-light)}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--color-text);z-index:100;min-width:120px;overflow:hidden}.sort-option{display:block;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;cursor:pointer;font-size:14px;transition:all .2s ease}.sort-option:hover{background:var(--color-bg-warm)}.sort-option.active{background:var(--color-primary);color:#fff}.sort-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text-secondary);font-size:14px}.opacity-50{opacity:.5;transition:opacity .3s ease}.circles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.circle-card{display:flex;flex-direction:column;padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:all .3s ease;animation:fadeInUp .5s ease-out forwards;opacity:0;transform:translateY(20px)}.circle-card:hover{transform:translateY(-4px);box-shadow:4px 4px 0 var(--color-text)}.card-main{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-avatar{flex-shrink:0;width:80px;height:80px;border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-warm)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.card-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-btn{flex-shrink:0;padding:4px 12px;background:var(--color-primary);color:#fff;border:var(--border-handdrawn);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.join-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.card-stats-row{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px}.stat-label{color:var(--color-text-muted)}.card-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-pill{padding:2px 8px;border:var(--border-handdrawn);border-radius:12px;font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-warm)}.type-pill{padding:2px 8px;border:var(--border-handdrawn);border-radius:12px;font-size:11px;color:var(--color-primary);background:var(--color-bg-light);font-weight:500}.type-badge{padding:2px 8px;border:var(--border-handdrawn);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted);background:var(--color-bg-white);text-transform:capitalize}.card-desc{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.card-desc p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 992px){.filter-section{flex-direction:column;align-items:stretch}.sort-control{align-self:flex-end}.circles-grid{grid-template-columns:repeat(2,1fr)}.slogan-text{font-size:20px}}@media (max-width: 768px){.circles-grid{grid-template-columns:1fr}.filter-tabs{justify-content:center}.slogan-text{font-size:18px}}@media (max-width: 576px){.circle-square-main{padding:var(--spacing-md)}.slogan-section{padding:var(--spacing-lg) var(--spacing-md)}.slogan-text{font-size:16px;letter-spacing:1px}.filter-tab{padding:6px 10px;font-size:12px}.tab-label{font-size:12px}.card-main{gap:var(--spacing-sm)}.card-avatar{width:60px;height:60px}.card-title{font-size:14px}.join-btn{padding:3px 8px;font-size:11px}.stat-item{font-size:11px}.tag-pill,.type-badge{font-size:10px;padding:2px 6px}.card-desc p{font-size:12px}}@media (max-width: 375px){.slogan-text{font-size:14px}.filter-tab{padding:4px 8px}.tab-icon{width:12px;height:12px}}@media (min-width: 1440px){.square-container{max-width:1400px}.circles-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (min-width: 1920px){.square-container{max-width:1600px}.circles-grid{grid-template-columns:repeat(4,1fr)}}.circle-square-page{min-height:100vh;background:linear-gradient(180deg,#f8f4ec,#f3efe6)}.cs-main{padding-bottom:40px}.cs-container{max-width:1500px;margin:0 auto;padding:0 16px}.cs-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 8px 14px;flex-wrap:wrap}.cs-hero-text h1{font-size:22px;font-weight:800;color:#2d2b3d;margin-bottom:4px}.cs-hero-text p{font-size:13px;color:#8e8c9a}.cs-search{position:relative;display:flex;align-items:center}.cs-search input{width:220px;padding:9px 34px 9px 14px;border-radius:12px;border:1.5px solid #EDE9E0;background:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.cs-search input:focus{border-color:#6366f1}.cs-search-clear{position:absolute;right:8px;width:22px;height:22px;border-radius:50%;border:none;background:#ede9e0;cursor:pointer;font-size:13px;line-height:1}.cs-map-hint{text-align:center;font-size:12px;color:#a8a5b5;padding:12px 0 4px}.cs-join-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#2a3a68f0;color:#fff;font-size:13px;font-weight:600;padding:10px 22px;border-radius:20px;box-shadow:0 6px 20px #2a3a6859;z-index:500;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cs-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cs-create-btn{white-space:nowrap}.circle-create-page{min-height:100vh;background:var(--color-bg)}.circle-create-main{padding:var(--spacing-lg)}.create-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-steps{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg)}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);opacity:.5}.step-item.active{opacity:1}.step-num{width:40px;height:40px;border:var(--border-handdrawn);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--color-bg-white)}.step-item.active .step-num{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.step-label{font-size:14px;color:var(--color-text-secondary)}.step-item.active .step-label{color:var(--color-text);font-weight:500}.create-form{padding:var(--spacing-xl)}.form-step{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-title{font-size:1.3rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md) 0;text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:14px;font-weight:500;color:var(--color-text)}.textarea{resize:vertical;min-height:100px}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.type-card{padding:var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--color-bg-white);text-align:center}.type-card:hover{background:var(--color-bg-warm)}.type-card.selected{border-color:var(--color-primary);background:#2a3a681a}.type-label{font-weight:500;color:var(--color-text)}.section-config{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-type-group{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-lg)}.subsection-title{font-size:1rem;color:var(--color-text);margin:0 0 var(--spacing-md) 0}.section-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.section-name,.section-type{flex:1;font-size:13px;color:var(--color-text)}.section-action-btn{width:28px;height:28px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-bg-white);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.section-action-btn:disabled{opacity:.5;cursor:not-allowed}.char-hint{font-size:12px;color:var(--color-text-muted);font-weight:400;margin-left:var(--spacing-sm)}.selected-type-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-warm);border:var(--border-handdrawn);border-radius:var(--radius-md);text-align:center}.selected-type-info p{margin:0;color:var(--color-text)}.type-desc-text{font-size:13px;color:var(--color-text-secondary)!important;margin-top:var(--spacing-xs)!important}.type-card .type-desc{display:block;font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-weight:400}.section-row-config{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-md)}.add-section-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.add-section-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tags-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white)}.tag-option{padding:var(--spacing-xs) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease}.tag-option:hover{background:var(--color-bg-warm)}.tag-option.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.selected-tags{margin-top:var(--spacing-sm);font-size:13px;color:var(--color-text-secondary)}.form-actions{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px dashed var(--color-text)}.form-actions .handdrawn-btn{padding:var(--spacing-sm) var(--spacing-xl)}@media (max-width: 576px){.create-steps{gap:var(--spacing-md)}.step-label{font-size:12px}.type-grid{grid-template-columns:1fr}}.type-grid.resonance-only{grid-template-columns:1fr}.type-card.resonance-card{cursor:default;border:2px solid #6366F1;background:#f5f3ff}.type-card.resonance-card .type-label{font-size:18px}.circle-detail-page{min-height:100vh;background:var(--color-bg)}.circle-detail-main{padding:var(--spacing-lg)}.circle-detail-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg)}.circle-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.circle-info-card{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.circle-info-header{display:flex;gap:var(--spacing-md);align-items:center}.circle-avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-text);flex-shrink:0}.circle-info-text{flex:1}.circle-name{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.circle-stats{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text-secondary)}.circle-intro-box{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.circle-intro{margin:0;font-size:14px;color:var(--color-text)}.circle-actions{display:flex;gap:var(--spacing-sm)}.circle-actions .handdrawn-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.circle-nav-menu{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-menu-item{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.nav-menu-item:hover{background:var(--color-bg-warm)}.nav-menu-item.active{background:var(--color-bg-warm);font-weight:500}.nav-item-wrapper{display:flex;flex-direction:column}.nav-arrow{font-size:10px;margin-left:4px}.chat-sub-nav{display:flex;flex-direction:column;gap:2px;padding-left:var(--spacing-md);margin-top:2px}.sub-nav-item{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-left:2px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left;border-radius:var(--radius-sm);position:relative}.sub-nav-item:hover{background:var(--color-bg-light);color:var(--color-primary);border-left-color:var(--color-primary)}.sub-nav-item.active{background:var(--color-primary-light);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.sub-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 2px 2px 0}.circle-content-area{background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:600px;height:calc(100vh - 140px);overflow:hidden;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.not-found{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}@media (max-width: 992px){.circle-detail-container{grid-template-columns:1fr}.circle-sidebar{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.circle-info-card{flex:1;min-width:280px}.circle-nav-menu{flex:1;min-width:200px;flex-direction:row;flex-wrap:wrap}.nav-menu-item{flex:1;min-width:100px;text-align:center}.nav-item-wrapper{display:contents}.nav-item-wrapper>.nav-menu-item{flex:1;min-width:calc(50% - var(--spacing-xs))}.chat-sub-nav{width:100%;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);padding-left:0;padding-top:var(--spacing-xs)}.sub-nav-item{flex:1;min-width:calc(50% - var(--spacing-xs));text-align:center;border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm)}.sub-nav-item:hover,.sub-nav-item.active{border-left:none;border-bottom-color:var(--color-primary)}.sub-nav-item.active:before{display:none}.nav-item-wrapper{position:relative}}@media (max-width: 576px){.circle-detail-main{padding:var(--spacing-md)}.circle-sidebar{flex-direction:column}.circle-info-card,.circle-nav-menu{width:100%;min-width:unset}.nav-menu-item{min-width:unset}.circle-avatar{width:60px;height:60px}.circle-name{font-size:1rem}.sub-nav-item{min-width:unset;padding:var(--spacing-xs);font-size:12px}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{width:420px;max-width:90vw;padding:var(--spacing-lg)}.share-modal-title{margin:0 0 var(--spacing-md) 0;font-size:1.2rem;color:var(--color-text)}.share-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.share-info-row{display:flex;align-items:center;gap:var(--spacing-sm)}.share-info-label{font-size:14px;color:var(--color-text-secondary);white-space:nowrap;min-width:80px}.share-info-value-wrap{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.share-info-value{flex:1;font-size:14px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-text{font-size:13px;color:var(--color-primary)}.share-modal-actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-end}.post-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-cream);border:var(--border-handdrawn);border-radius:var(--radius-lg)}.section-title{display:flex;align-items:center;gap:var(--spacing-md)}.section-title .section-name{font-size:16px;font-weight:600;color:var(--color-text)}.section-type-badge{font-size:12px;padding:4px 10px;background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;font-weight:500}.section-selector{padding:var(--spacing-lg)}.selector-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md) 0}.section-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-item{border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden}.section-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-white);border:none;width:100%;cursor:pointer;transition:all .2s ease}.section-toggle:hover{background:var(--color-bg-warm)}.section-toggle.expanded{background:var(--color-bg-warm);border-bottom:var(--border-handdrawn)}.section-name{flex:1;font-size:14px;font-weight:500;color:var(--color-text);text-align:left}.section-type{font-size:12px;color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-warm);border-radius:10px}.toggle-icon{font-size:10px;color:var(--color-text-muted)}.section-posts{padding:var(--spacing-sm);background:var(--color-bg-white)}.section-post-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px dashed var(--color-text-muted)}.section-post-item:last-child{border-bottom:none}.post-preview-text{font-size:13px;color:var(--color-text);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-preview-time{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.no-posts{text-align:center;color:var(--color-text-muted);font-size:13px;padding:var(--spacing-md);margin:0}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-text);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.post-creator{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.creator-header{display:flex;gap:var(--spacing-md)}.creator-avatar{width:48px;height:48px;border:var(--border-handdrawn);border-radius:50%;overflow:hidden;flex-shrink:0}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-input-wrap{flex:1}.post-input{width:100%;resize:none;min-height:80px;padding:var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-family:inherit;font-size:14px;background:var(--color-bg-white)}.post-input:focus{outline:none;border-color:var(--color-primary)}.creator-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px dashed var(--color-text);flex-wrap:wrap;gap:var(--spacing-sm)}.locked-type-indicator{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-md);border:1px solid var(--color-primary)}.locked-type-label{font-size:12px;color:var(--color-primary);font-weight:500}.action-tools{display:flex;gap:var(--spacing-sm)}.tool-btn{width:36px;height:36px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);cursor:pointer;position:relative;transition:all .2s ease}.tool-btn:hover{background:var(--color-bg-white);transform:scale(1.05)}.tool-btn.image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:16px;border:2px solid var(--color-text);border-radius:2px}.tool-btn.emoji:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--color-text);border-radius:50%}.tool-btn.tag:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:var(--color-text) transparent transparent transparent}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-wrapper{position:relative}.emoji-picker-popup{position:absolute;bottom:45px;left:0;z-index:100;border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000026}.post-images-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.preview-image-item{position:relative;width:80px;height:80px;border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden}.preview-image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.remove-image-btn:hover{background:#000c}.publish-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-icon{width:16px;height:16px;position:relative}.btn-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent white}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-card{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeInUp .4s ease-out forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.post-header{display:flex;justify-content:space-between;align-items:center}.author-info{display:flex;align-items:center;gap:var(--spacing-sm)}.author-info .author-name{font-size:14px;font-weight:600;color:var(--color-text)}.author-avatar{position:relative;width:32px;height:32px;border:var(--border-handdrawn);border-radius:50%;overflow:hidden}.author-avatar.clickable{cursor:pointer;transition:transform .2s ease}.author-avatar.clickable:hover{transform:scale(1.05)}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-name.clickable{cursor:pointer;transition:color .2s ease}.author-name.clickable:hover{color:var(--color-primary)}.own-post{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-sm) 0}.own-post-label{font-size:12px;color:var(--color-text-muted);padding:2px 10px;background:var(--color-bg-warm);border-radius:10px}.anon-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center}.anon-mask:before{content:"?";color:#fff;font-size:20px;font-weight:700}.author-meta{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:600;color:var(--color-text)}.post-time{width:60px;height:8px;background:var(--color-bg-warm);border-radius:4px}.post-badge{width:32px;height:32px;border:var(--border-handdrawn);border-radius:50%;display:flex;align-items:center;justify-content:center}.post-badge.normal{background:#45b7d1}.post-badge.anonymous{background:#888}.post-badge.help{background:#f9ca24}.post-badge.recruit{background:#6c5ce7}.badge-icon{width:16px;height:16px;background:#fff;border-radius:50%}.post-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-content{font-size:14px;color:var(--color-text);line-height:1.6;margin:0}.post-images{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.image-thumb{width:80px;height:80px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.post-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-text)}.action-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--color-bg-warm);transform:translateY(-1px)}.action-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.action-btn.like .action-icon,.action-btn.dislike .action-icon,.action-btn.hug .action-icon,.action-btn.comment .action-icon{background:transparent}.thumb-icon{width:14px;height:14px;position:relative}.thumb-icon:before{content:"";position:absolute;width:6px;height:10px;background:#ff6b6b;border-radius:3px;top:2px;left:2px}.thumb-icon:after{content:"";position:absolute;width:4px;height:6px;background:#ff6b6b;border-radius:2px;bottom:2px;right:2px;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.action-btn.like:hover .thumb-icon:before,.action-btn.like:hover .thumb-icon:after{background:#f44}.dislike-icon{width:14px;height:14px;position:relative}.dislike-icon:before{content:"";position:absolute;width:6px;height:10px;background:#888;border-radius:3px;bottom:2px;left:2px}.dislike-icon:after{content:"";position:absolute;width:4px;height:6px;background:#888;border-radius:2px;top:2px;right:2px;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.action-btn.dislike:hover .dislike-icon:before,.action-btn.dislike:hover .dislike-icon:after{background:#666}.hug-heart-icon{width:14px;height:14px;position:relative}.hug-heart-icon:before{content:"";position:absolute;width:7px;height:11px;background:#ff9ff3;border-radius:7px 7px 0 0;transform:rotate(-45deg);left:2px;top:0}.hug-heart-icon:after{content:"";position:absolute;width:7px;height:11px;background:#ff9ff3;border-radius:7px 7px 0 0;transform:rotate(45deg);right:2px;top:0}.action-btn.hug:hover .hug-heart-icon:before,.action-btn.hug:hover .hug-heart-icon:after{background:#ff6bb3}.comment-icon{width:14px;height:12px;position:relative;border:2px solid #4ecdc4;border-radius:0 4px 4px;background:transparent}.comment-icon:before{content:"";position:absolute;width:4px;height:4px;border-left:2px solid #4ecdc4;border-bottom:2px solid #4ecdc4;border-radius:0 0 0 2px;transform:rotate(-45deg);top:-4px;left:2px;background:transparent}.action-btn.comment:hover .comment-icon,.action-btn.comment:hover .comment-icon:before{border-color:#3dbdb5}.action-btn.comment.active .comment-icon,.action-btn.comment.active .comment-icon:before{border-color:#4ecdc4}.action-btn.comment.active{color:#4ecdc4}.action-count{font-size:13px;color:var(--color-text-secondary)}.best-reply-box{padding:var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:#f9ca241a;border-color:#f9ca24}.best-reply-header{display:flex;align-items:center;gap:6px;margin-bottom:var(--spacing-sm)}.best-icon{width:16px;height:16px;background:#f9ca24;border-radius:50%}.best-label{font-size:12px;font-weight:600;color:#f9ca24}.best-reply-content{font-size:13px;color:var(--color-text);padding:var(--spacing-sm);background:var(--color-bg-white);border-radius:var(--radius-sm)}.recruit-box{padding-top:var(--spacing-sm);border-top:1px dashed var(--color-text)}.apply-input-row{display:flex;gap:var(--spacing-sm);align-items:center}.apply-message-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--color-bg-white)}.apply-message-input:focus{outline:none;border-color:var(--color-primary)}.apply-btn{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.apply-btn:hover{background:var(--color-secondary);transform:translateY(-1px)}.apply-icon{width:16px;height:16px;position:relative}.apply-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent white}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.empty-icon{width:80px;height:80px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-bg-warm);position:relative}.empty-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--color-text-muted);border-radius:50%}.empty-lines{display:flex;flex-direction:column;gap:8px;width:100%;max-width:200px}.empty-line{height:12px;background:var(--color-bg-warm);border-radius:6px;width:100%}.empty-line.short{width:60%}.action-btn.animating{animation:actionPop .6s ease-out}@keyframes actionPop{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.action-btn.like.animating .action-icon{animation:heartBeat .6s ease-out}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.4)}40%{transform:scale(1)}60%{transform:scale(1.3)}to{transform:scale(1)}}.action-btn.dislike.animating .action-icon{animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.action-btn.hug.animating .action-icon{animation:hugPulse .6s ease-out}@keyframes hugPulse{0%{transform:scale(1);box-shadow:0 0 #ff9ff3b3}50%{transform:scale(1.2);box-shadow:0 0 0 10px #ff9ff300}to{transform:scale(1);box-shadow:0 0 #ff9ff300}}.apply-btn.animating{animation:applySlide .6s ease-out}@keyframes applySlide{0%{transform:translate(0)}30%{transform:translate(10px)}60%{transform:translate(-5px)}to{transform:translate(0)}}.apply-btn.animating .apply-icon:before{animation:arrowBounce .6s ease-out}@keyframes arrowBounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-30%,-50%)}}.action-btn.like.animating:after{content:"";position:absolute;width:6px;height:6px;background:#ff6b6b;border-radius:50%;animation:particleExplode .6s ease-out forwards}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(0)}}.action-count{transition:transform .3s ease}.action-btn.animating .action-count{animation:countBump .4s ease-out}@keyframes countBump{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.post-search-bar{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.post-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:60px;border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px;background:var(--color-bg-white);font-family:inherit}.post-search-input:focus{outline:none;border-color:var(--color-primary)}.search-loading{position:absolute;right:40px;font-size:12px;color:var(--color-text-muted)}.search-clear-btn{position:absolute;right:8px;width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--color-text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{background:var(--color-bg-warm);color:var(--color-text)}.post-tabs{display:flex;gap:var(--spacing-sm)}.post-tab-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);background:transparent;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.post-tab-btn:hover{background:var(--color-bg-warm)}.post-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.post-status-badge{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.post-status-badge.unresolved{background:#fff3cd;color:#856404}.post-status-badge.resolved{background:#d4edda;color:#155724}.post-status-badge.recruiting{background:#e2d5f1;color:#6c5ce7}.post-type-label{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.post-type-label.help{background:#fff3cd;color:#856404}.post-type-label.recruit{background:#e2d5f1;color:#6c5ce7}.post-card.help{border-left:4px solid #f9ca24}.post-card.recruit{border-left:4px solid #6c5ce7}.post-card.anonymous{background:#faf8f0}.post-card.anonymous .author-name{color:#888}.post-header-right{display:flex;align-items:center;gap:6px}.post-type-label.anonymous{background:#e0e0e0;color:#666}.help-box{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-md);background:#fff8e1;border:1px dashed #f9ca24;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.help-box.resolved{background:#e8f5e9;border-color:#4caf50}.help-status-icon{font-size:16px}.help-status-text{font-size:13px;color:var(--color-text-muted)}.help-box.resolved .help-status-text{color:#4caf50;font-weight:500}.help-status-badge{font-size:12px;padding:2px 10px;background:#fff3cd;color:#856404;border-radius:10px;font-weight:600}.recruit-status-badge{font-size:12px;padding:2px 10px;background:#e2d5f1;color:#6c5ce7;border-radius:10px;font-weight:600}.help-stats,.recruit-stats{font-size:12px;color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-warm);border-radius:10px}.anonymous-avatar{background:#e0e0e0;display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;font-size:14px}.anonymous-body{position:relative}.anonymous-hint{display:inline-block;font-size:12px;color:#999;padding:4px 12px;background:#f5f5f5;border-radius:12px;margin-top:var(--spacing-xs)}.help-action-area{margin-top:var(--spacing-md);text-align:center}.help-me-btn{padding:10px 32px;background:#f9ca24;color:#333;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.help-me-btn:hover{background:#f0b416;transform:translateY(-2px);box-shadow:0 4px 12px #f9ca2466}.emotion-filter-bar{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;scrollbar-width:thin}.emotion-filter-bar::-webkit-scrollbar{height:4px}.emotion-filter-bar::-webkit-scrollbar-thumb{background:#ddd9d0;border-radius:2px}.filter-chip{flex-shrink:0;padding:6px 14px;border-radius:16px;border:1.5px solid #EDE9E0;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-chip:hover{border-color:#c5c2ba;transform:translateY(-1px)}.creator-prompt{display:flex;align-items:center;gap:12px;cursor:pointer}.creator-prompt .creator-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #0000001a}.creator-prompt .creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-prompt .creator-hint{flex:1;font-size:14px;color:#a8a5b5}.creator-prompt .creator-emoji{font-size:20px}.creator-composing{display:flex;flex-direction:column;gap:12px}.composing-header{display:flex;align-items:center;justify-content:space-between}.composing-emotion{font-size:15px;font-weight:700}.composing-change{border:none;background:none;color:#6366f1;font-size:13px;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:8px}.composing-change:hover{background:#f5f3ff}.composing-actions{display:flex;align-items:center;justify-content:space-between}.composing-actions .anon-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.composing-actions .anon-toggle.locked{cursor:not-allowed;opacity:.7}.composing-actions .anon-toggle input{width:16px;height:16px;accent-color:#6366F1}.composing-buttons{display:flex;gap:10px}.empty-state{text-align:center;padding:48px 20px}.empty-state .empty-icon{font-size:40px;margin-bottom:12px}.empty-state .empty-text{color:#a8a5b5;font-size:14px}.posts-map-hint{text-align:center;font-size:12px;color:#a8a5b5;padding:10px 0 4px}.post-image-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.post-image-previews{display:flex;flex-wrap:wrap;gap:6px}.post-image-chip{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1.5px solid rgba(78,59,49,.15)}.post-image-chip img{width:100%;height:100%;object-fit:cover;display:block}.post-image-chip button{position:absolute;top:0;right:0;width:18px;height:18px;border:none;background:#0000008c;color:#fff;cursor:pointer;font-size:12px;line-height:1}.wall-comment-denied{margin-top:8px;font-size:12px;color:#b45309;text-align:center}.wall-btn.danger{color:#ef4444}.chat-section{display:flex;flex-direction:column;height:100%;min-height:500px}.chat-section>.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-cream);border:var(--border-handdrawn);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.chat-section .section-title{display:flex;align-items:center;gap:var(--spacing-md)}.chat-section .section-title .section-name{font-size:16px;font-weight:600;color:var(--color-text)}.chat-section .section-type-badge{font-size:12px;padding:4px 10px;background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;font-weight:500}.chat-sections-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-text)}.section-tab{padding:var(--spacing-xs) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease}.section-tab:hover{background:var(--color-bg-warm)}.section-tab.active{background:var(--color-bg-warm);font-weight:500}.section-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-warm);border:var(--border-handdrawn);border-radius:var(--radius-md)}.hint-icon{font-size:16px}.hint-text{font-size:13px;color:var(--color-text-secondary)}.chat-messages-area{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted)}.chat-message{display:flex;gap:var(--spacing-sm);max-width:80%;align-items:flex-start}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message.other{align-self:flex-start}.message-avatar{width:36px;height:36px;border:var(--border-handdrawn);border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar.clickable{cursor:pointer;transition:transform .2s ease}.message-avatar.clickable:hover{transform:scale(1.1)}.message-content{display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 48px)}.chat-message.own .message-content{align-items:flex-end}.chat-message.other .message-content{align-items:flex-start}.message-sender{font-size:12px;color:var(--color-text-muted)}.message-sender.clickable{cursor:pointer;transition:color .2s ease}.message-sender.clickable:hover{color:var(--color-primary)}.message-bubble{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-white);max-width:100%;font-size:14px;color:var(--color-text);word-break:break-word}.chat-message.own .message-bubble{background:var(--color-primary);color:#fff}.message-time{font-size:11px;color:var(--color-text-muted)}.chat-input-bar{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:auto;border-top:var(--border-handdrawn)}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-emoji-wrapper{position:relative}.emoji-btn{width:36px;height:36px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.emoji-btn:hover{background:var(--color-bg-white);transform:scale(1.05)}.chat-emoji-picker{position:absolute;bottom:45px;left:0;z-index:100;border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000026}.chat-type-5 .section-type-badge{background:#e8d5f5;color:#6c5ce7}.chat-type-6 .section-type-badge{background:#fce4ec;color:#c0392b}.chat-type-7 .section-type-badge{background:#fff3e0;color:#e67e22}.chat-type-8 .section-type-badge{background:#e3f2fd;color:#1565c0}.chat-type-5 .message-avatar.anonymous-avatar{display:flex;align-items:center;justify-content:center;background:#e8d5f5;color:#6c5ce7;font-weight:700;font-size:18px}.chat-message.anonymous .message-bubble{background:#faf5ff;border-color:#d4bcfa}.chat-type-6 .message-bubble{position:relative}.message-ttl{font-size:10px;color:#c0392b;opacity:.7}.chat-type-7 .chat-messages-area{background:linear-gradient(180deg,rgba(255,243,224,.15) 0%,transparent 100%)}.chat-type-8 .chat-messages-area{background:linear-gradient(180deg,rgba(227,242,253,.15) 0%,transparent 100%)}.ws-status-banner{padding:8px 12px;font-size:13px;text-align:center;background:#fef3c7;color:#92400e;border-radius:8px;margin-bottom:8px}.ws-status-banner.error{background:#fee2e2;color:#991b1b}.announcement-section{height:100%}.announcement-section .empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.announcement-section .empty-state p{margin:0;font-size:15px}.announcement-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.announcement-card{padding:var(--spacing-lg);position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}.announcement-card.pinned{background:#ff8c421a;border-color:var(--color-secondary)}.pinned-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:2px 8px;background:var(--color-secondary);color:#fff;font-size:11px;border-radius:var(--radius-sm)}.announcement-content-box{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-lg);background:var(--color-bg-white)}.announcement-card.pinned .announcement-content-box{background:#fffc}.announcement-text{margin:0;font-size:1.2rem;color:var(--color-text);font-weight:500}.announcement-footer{display:flex;justify-content:flex-start}.announcement-time{font-size:12px;color:var(--color-text-muted)}.user-hover-trigger{display:inline-flex;position:relative}.user-hover-card-container{position:fixed;z-index:999999;animation:hoverCardShow .2s ease-out;pointer-events:auto}@keyframes hoverCardShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-hover-card{width:200px;padding:var(--spacing-sm);background:var(--color-bg-white);box-shadow:0 8px 32px #0003;border-radius:var(--radius-md)}.hover-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--color-text-muted)}.hover-avatar{width:24px;height:24px;border-radius:50%;border:var(--border-handdrawn);object-fit:cover;flex-shrink:0}.hover-user-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.hover-username{font-size:12px;font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-user-tag{font-size:9px;color:var(--color-primary);padding:1px 4px;background:var(--color-bg-light);border:var(--border-handdrawn);border-radius:6px;width:fit-content}.hover-user-tags{display:flex;flex-wrap:wrap;gap:2px}.hover-user-tag-badge{font-size:9px;color:var(--color-primary);padding:1px 5px;background:var(--color-bg-light);border:var(--border-handdrawn);border-radius:6px;white-space:nowrap}.hover-bio-section{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-warm);border:var(--border-handdrawn);border-radius:var(--radius-sm)}.hover-bio-text{margin:0;font-size:10px;color:var(--color-text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hover-circles-section{margin-bottom:var(--spacing-xs)}.section-label{display:block;font-size:9px;color:var(--color-text-muted);margin-bottom:2px}.hover-memberships-list{display:flex;flex-direction:column;gap:2px}.membership-item{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;background:var(--color-bg-warm);border:var(--border-handdrawn);border-radius:var(--radius-sm);font-size:10px}.membership-info{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.membership-circle-name{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-role{padding:1px 4px;background:var(--color-bg-light);border:var(--border-handdrawn);border-radius:6px;color:var(--color-text-secondary);font-size:9px;white-space:nowrap}.membership-contribution{font-size:9px;color:var(--color-primary);font-weight:500;white-space:nowrap;flex-shrink:0}.more-circles{font-size:9px;color:var(--color-primary);font-weight:500;padding:2px 6px;background:var(--color-bg-light);border-radius:6px;width:fit-content}.hover-actions{display:flex;gap:var(--spacing-xs)}.hover-btn{flex:1;padding:5px var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.hover-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hover-btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.member-section{height:100%}.member-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.member-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.member-avatar{position:relative;width:32px;height:32px;border:var(--border-handdrawn);border-radius:50%;flex-shrink:0;overflow:hidden}.member-avatar.clickable{cursor:pointer;transition:transform .2s ease}.member-avatar.clickable:hover{transform:scale(1.05)}.member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-avatar-placeholder{width:100%;height:100%;background:var(--color-bg-warm)}.member-info-row{flex:1;display:flex;align-items:center;gap:var(--spacing-lg)}.member-username{font-size:14px;color:var(--color-text);min-width:80px}.member-username.clickable{cursor:pointer;transition:color .2s ease}.member-username.clickable:hover{color:var(--color-primary)}.member-contribution,.member-role{font-size:13px;color:var(--color-text-secondary);min-width:60px}.member-join-time{font-size:12px;color:var(--color-text-muted)}.member-item .handdrawn-btn.small{padding:var(--spacing-xs) var(--spacing-md);font-size:12px;white-space:nowrap}.emotion-stream{position:relative;height:calc(100vh - 108px);min-height:520px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,var(--card-bg, #F3EFE6) 0%,transparent 60%),linear-gradient(180deg,#f8f4ec,#efeae0);display:flex;align-items:center;justify-content:center}.emotion-stream.night-bg{background:#1b1830}.stream-loading{display:flex;align-items:center;justify-content:center}.stream-loading .spinner{width:36px;height:36px;border:3px solid #EDE9E0;border-top-color:#2a3a68;border-radius:50%;animation:esSpin .8s linear infinite}@keyframes esSpin{to{transform:rotate(360deg)}}.stream-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a8a5b5}.stream-card{max-width:640px;width:100%;padding:0 76px 0 32px;animation:cardIn .35s cubic-bezier(.2,.8,.3,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stream-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;position:relative}.stream-explain-bubble{position:absolute;top:calc(100% + 8px);right:0;max-width:320px;background:#fffffff5;color:#55597a;font-size:13px;line-height:1.7;border-radius:12px 12px 12px 2px;padding:10px 14px;box-shadow:0 8px 24px #2a3a682e;z-index:20}.stream-emotion-tag{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:700;padding:6px 16px;border-radius:18px}.stream-recommend{font-size:12px;color:#a8a5b5;display:inline-flex;align-items:center;gap:4px}.stream-content{font-size:clamp(22px,3.2vw,32px);font-weight:700;line-height:1.65;color:#2d2b3d;word-break:break-word;margin-bottom:26px}.stream-meta{display:flex;align-items:center;gap:14px}.stream-circle-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:18px;border:1.5px solid var(--card-color, #6366F1);color:var(--card-color, #6366F1);background:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.stream-circle-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.stream-time{font-size:13px;color:#a8a5b5}.stream-actions{position:absolute;right:26px;bottom:90px;display:flex;flex-direction:column;gap:20px}.stream-action{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;cursor:pointer;color:#8e8c9a;font-family:inherit;padding:0;transition:transform .15s}.stream-action:hover{transform:scale(1.1)}.stream-action:active{transform:scale(.9)}.stream-action .action-avatar,.stream-action span:last-child{font-size:12px;font-weight:600;color:#8e8c9a}.stream-action.active span:last-child{color:#f472b6}.stream-author{position:absolute;left:34px;bottom:34px;font-size:14px;font-weight:700;color:#55537a}.stream-progress{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}.progress-dot{width:6px;height:6px;border-radius:50%;background:#2d2b3d2e;transition:all .25s}.progress-dot.active{background:var(--card-color, #2A3A68);height:18px;border-radius:3px}.stream-swipe-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11.5px;color:#c5c2ba;white-space:nowrap}.emotion-flow-page.night .emotion-stream{background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.12) 0%,transparent 60%),linear-gradient(180deg,#1e1b2e,#171524)}.emotion-flow-page.night .stream-content{color:#e8e6f0}.emotion-flow-page.night .stream-author{color:#8e8ca8}.emotion-flow-page.night .stream-time,.emotion-flow-page.night .stream-recommend,.emotion-flow-page.night .stream-swipe-hint{color:#5e5c78}@media (max-width: 640px){.stream-card{padding:0 64px 0 22px}.stream-actions{right:14px}}.emotion-flow-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8f4ec,#f3efe6)}.emotion-flow-page.night{background:linear-gradient(180deg,#1e1b2e,#171524)}.stream-filter-bar{display:flex;gap:8px;overflow-x:auto;padding:10px 20px 8px;scrollbar-width:none;flex-shrink:0}.stream-filter-bar::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:6px 16px;border-radius:16px;border:1.5px solid #EDE9E0;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-chip:hover{border-color:#c5c2ba}.filter-chip.active{background:#2a3a68;border-color:#2a3a68;color:#fff}.emotion-flow-page>.emotion-stream{flex:1;margin:0 20px 16px;height:auto}.resonance-rank-page{min-height:100vh;background:linear-gradient(180deg,#f8f4ec,#f3efe6);padding-bottom:80px}.resonance-rank-container{max-width:1200px;margin:0 auto;padding:0 16px}.resonance-rank-hero{text-align:center;padding:36px 20px 8px}.resonance-rank-hero h1{font-size:24px;font-weight:800;color:#2d2b3d;margin-bottom:6px}.resonance-rank-hero p{font-size:13px;color:#8e8c9a}.rank-list{display:flex;flex-direction:column;gap:10px;padding-top:16px}.rank-item{display:flex;gap:14px;background:#fff;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;animation:rankEnter .35s ease backwards;border:none;text-align:left;font-family:inherit;width:100%;box-sizing:border-box}@keyframes rankEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rank-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.rank-item:active{transform:scale(.98)}.rank-medal{min-width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff}.rank-medal.gold{background:linear-gradient(135deg,gold,orange)}.rank-medal.silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.rank-medal.bronze{background:linear-gradient(135deg,#d97706,#b45309)}.rank-medal.normal{background:#ede9e0;color:#8e8c9a}.rank-body{flex:1;min-width:0}.rank-content{font-size:14px;line-height:1.55;color:#2d2b3d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;margin-bottom:8px}.rank-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rank-emotion-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#fff;padding:2px 10px;border-radius:10px}.rank-circle{font-size:11px;color:#a8a5b5}.rank-anon{font-size:11px;color:#6b7280;font-style:italic}.rank-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;min-width:64px}.rank-score{font-size:20px;font-weight:800;color:#6366f1}.rank-score-label{font-size:10px;color:#a8a5b5}.rank-composition{font-size:10px;color:#a8a5b5;text-align:right;line-height:1.5}.rank-empty{text-align:center;padding:60px 20px;color:#a8a5b5}.rank-empty .empty-icon{font-size:44px;display:block;margin-bottom:12px;opacity:.6}.rank-week-info{text-align:center;font-size:12px;color:#a8a5b5;padding-top:8px}.share-landing{min-height:100vh;background:linear-gradient(180deg,#f8f4ec,#f3efe6);display:flex;align-items:center;justify-content:center;padding:24px}.share-landing-card{background:#fff;border-radius:24px;width:min(480px,94vw);padding:32px 30px;box-shadow:0 16px 60px #2a3a681f;border-top:6px solid var(--sl-color, #6366F1);animation:slUp .4s cubic-bezier(.2,.8,.3,1)}@keyframes slUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sl-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.sl-brand-icon{width:38px;height:38px;border-radius:50%;background:#2a3a68;color:#f8f4ec;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}.sl-brand-name{font-size:15px;font-weight:800;color:#2d2b3d}.sl-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;padding:3px 12px;border-radius:12px;margin-bottom:14px}.sl-content{font-size:18px;line-height:1.8;color:#2d2b3d;word-break:break-word;margin-bottom:18px}.sl-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#a8a5b5;margin-bottom:8px;flex-wrap:wrap}.sl-parent{font-size:12.5px;color:#8e8c9a;background:#f3efe6;border-left:3px solid var(--sl-color, #6366F1);padding:8px 12px;border-radius:0 10px 10px 0;margin-bottom:20px}.sl-stats{display:flex;gap:18px;font-size:12.5px;color:#a8a5b5;padding-top:14px;border-top:1px solid #F0EDE4;margin-bottom:22px}.sl-open-btn{width:100%;padding:14px;border:none;border-radius:14px;background:#2a3a68;color:#fff;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.sl-open-btn:hover{background:#3d4f7c;transform:translateY(-1px)}.sl-footer{text-align:center;font-size:12px;color:#c5c2ba;margin-top:16px}.sl-error{text-align:center;padding:30px 0}.sl-error .big{font-size:42px;margin-bottom:10px}.sl-error p{color:#a8a5b5;font-size:14px}.dm-page{min-height:100vh;background:var(--color-bg)}.dm-main{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.dm-container{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar-title chat-window" "contacts-list chat-window";gap:var(--spacing-md);height:calc(100vh - 200px);min-height:500px}.dm-sidebar-title{grid-area:sidebar-title;padding:var(--spacing-md)}.dm-title-text{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.contacts-list{grid-area:contacts-list;overflow-y:auto;padding:var(--spacing-sm)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.contact-item:hover{background:var(--color-bg-warm)}.contact-item.active{background:var(--color-primary);color:#fff}.contact-avatar{position:relative;width:44px;height:44px;flex-shrink:0}.contact-avatar img{width:100%;height:100%;border-radius:50%;border:var(--border-handdrawn);object-fit:cover}.online-status{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:var(--color-text-muted);border-radius:50%;border:2px solid white}.online-status.online{background:#4caf50}.contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-last-msg{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item.active .contact-last-msg{color:#fffc}.contact-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.contact-time{font-size:11px;color:var(--color-text-muted)}.contact-item.active .contact-time{color:#fffc}.unread-badge{font-size:11px;padding:2px 6px;background:var(--color-danger);color:#fff;border-radius:10px;min-width:18px;text-align:center}.chat-window{grid-area:chat-window;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:var(--spacing-md);border-bottom:1px dashed var(--color-border)}.chat-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-user-avatar{width:40px;height:40px;border-radius:50%;border:var(--border-handdrawn);object-fit:cover;cursor:pointer}.chat-user-details{display:flex;flex-direction:column;gap:2px}.chat-username{font-size:16px;font-weight:500;color:var(--color-text)}.chat-status{font-size:12px;color:var(--color-text-muted)}.chat-status.online{color:#4caf50}.messages-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex!important;flex-direction:column!important;gap:var(--spacing-md);background:var(--color-bg)}.loading-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text-muted);font-size:12px}.messages-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted)}.messages-list .chat-message{display:flex!important;gap:var(--spacing-sm);max-width:80%;align-items:flex-start}.messages-list .chat-message.own{align-self:flex-end!important;flex-direction:row-reverse!important}.messages-list .chat-message.other{align-self:flex-start!important}.messages-list .message-avatar{width:36px;height:36px;border:var(--border-handdrawn);border-radius:50%;overflow:hidden;flex-shrink:0}.messages-list .message-avatar img{width:100%;height:100%;object-fit:cover}.messages-list .message-avatar.clickable{cursor:pointer;transition:transform .2s ease}.messages-list .message-avatar.clickable:hover{transform:scale(1.1)}.messages-list .message-content{display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 48px);min-width:0}.messages-list .chat-message.own .message-content{align-items:flex-end!important}.messages-list .chat-message.other .message-content{align-items:flex-start!important}.messages-list .message-sender{font-size:12px;color:var(--color-text-muted)}.messages-list .message-sender.clickable{cursor:pointer;transition:color .2s ease}.messages-list .message-sender.clickable:hover{color:var(--color-primary)}.messages-list .message-bubble{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-white);max-width:100%;font-size:14px;color:var(--color-text);word-break:break-word;white-space:pre-wrap;line-height:1.5}.messages-list .chat-message.own .message-bubble{background:var(--color-primary)!important;color:#fff!important}.messages-list .message-time{font-size:11px;color:var(--color-text-muted)}.chat-input-bar{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-top:var(--border-handdrawn)}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px;outline:none}.chat-input:focus{border-color:var(--color-primary)}.chat-input-bar .handdrawn-btn{padding:var(--spacing-sm) var(--spacing-xl)}.handdrawn-btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dm-emoji-wrapper{position:relative}.dm-emoji-wrapper .emoji-btn{width:36px;height:36px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dm-emoji-wrapper .emoji-btn:hover{background:var(--color-bg-white);transform:scale(1.05)}.dm-emoji-picker{position:absolute;bottom:45px;left:0;z-index:100;border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000026}.no-chat-selected{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted)}.contacts-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.mini-spinner{width:16px;height:16px;border:2px solid var(--color-text-muted);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dm-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar-title" "chat-window"}.contacts-list{display:none}}.dm-ws-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;font-size:13px;background:#fef3c7;color:#92400e;border-bottom:1px solid #FCD34D}.dm-ws-banner.error{background:#fee2e2;color:#991b1b;border-bottom-color:#fca5a5}.dm-ws-banner.connected{display:none}.dm-ws-banner button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:6px;padding:2px 10px;cursor:pointer;font-size:12px}.notification-page{min-height:100vh;background:var(--color-bg)}.notification-main{padding:var(--spacing-lg)}.notification-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:80px auto 1fr;gap:var(--spacing-md);height:calc(100vh - 140px)}.notification-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-sm);writing-mode:vertical-rl;text-orientation:upright;gap:var(--spacing-lg)}.notification-title-text{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:8px}.notification-stats{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.unread-badge{font-size:12px;color:var(--color-primary);background:var(--color-bg-warm);padding:4px 8px;border-radius:12px;border:var(--border-handdrawn);writing-mode:horizontal-tb;text-orientation:mixed}.notification-header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-warm) 0%,var(--color-bg-white) 100%);border-radius:var(--radius-md);border:var(--border-handdrawn);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.notification-count{display:flex;align-items:center;gap:var(--spacing-xs)}.unread-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;border-radius:12px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-rgb, 139, 90, 43),.4)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(var(--color-primary-rgb, 139, 90, 43),0)}}.unread-label{font-size:14px;color:var(--color-text-secondary)}.all-read-hint{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success, #52c41a);font-size:14px;font-weight:500}.all-read-hint .check-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-success, #52c41a);color:#fff;border-radius:50%;font-size:12px}.mark-all-read-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,#a0522d 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5a2b4d;position:relative;overflow:hidden}.mark-all-read-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.mark-all-read-btn:hover:not(.disabled):not(.marking):before{left:100%}.mark-all-read-btn:hover:not(.disabled):not(.marking){transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b66}.mark-all-read-btn:active:not(.disabled):not(.marking){transform:translateY(0);box-shadow:0 2px 6px #8b5a2b4d}.mark-all-read-btn.disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;opacity:.6;box-shadow:none}.mark-all-read-btn.marking{cursor:wait;opacity:.8}.mark-all-read-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:50%;font-size:12px}.mark-all-read-btn .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mark-all-read-btn.success{background:linear-gradient(135deg,var(--color-success, #52c41a) 0%,#389e0d 100%);animation:success-pulse .5s ease}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mark-all-read-btn .success-icon{animation:check-bounce .5s ease}@keyframes check-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notification-item.read-transition{animation:fade-read .5s ease}@keyframes fade-read{0%{background:var(--color-bg-warm)}to{background:var(--color-bg-white)}}.notification-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-tab.active{background:var(--color-bg-warm);font-weight:500}.notification-content{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-text);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.notification-empty p{font-size:14px;margin:0}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);cursor:pointer;transition:all .2s ease}.notification-item:hover{background:var(--color-bg-warm);transform:translate(4px)}.notification-item.unread{background:var(--color-bg-warm);border-color:var(--color-primary)}.notification-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm);border-radius:50%;border:var(--border-handdrawn)}.notification-body{flex:1;min-width:0}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:4px}.notification-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.notification-time{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.notification-text{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.unread-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%}.delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.delete-btn:hover{background:var(--color-bg-warm);color:var(--color-error)}.load-more{display:flex;justify-content:center;padding:var(--spacing-md)}.notification-footer{display:flex;justify-content:center;padding-top:var(--spacing-md);border-top:1px dashed var(--color-text-muted);margin-top:var(--spacing-md)}.notification-footer span{font-size:12px;color:var(--color-text-muted)}@media (max-width: 768px){.notification-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto}.notification-sidebar{writing-mode:horizontal-tb;text-orientation:mixed;flex-direction:row;justify-content:space-between;padding:var(--spacing-md)}.notification-title-text{letter-spacing:4px;font-size:1.2rem}.notification-stats{flex-direction:row}.notification-filters{flex-direction:row;flex-wrap:wrap}.notification-item{padding:var(--spacing-sm)}.notification-icon{width:32px;height:32px;font-size:18px}.notification-header-bar{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.header-left{width:100%;justify-content:center}.mark-all-read-btn{width:100%;justify-content:center;padding:12px 20px}}.profile-page{min-height:100vh;background:var(--color-bg)}.profile-main{padding:var(--spacing-lg)}.profile-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-header-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.profile-header-avatar{width:100px;height:100px;border:var(--border-handdrawn);border-radius:50%;overflow:hidden;flex-shrink:0}.profile-header-avatar img{width:100%;height:100%;object-fit:cover}.profile-header-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-header-top{display:flex;align-items:center;gap:var(--spacing-md)}.profile-username{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.profile-tag{padding:4px 12px;border:var(--border-handdrawn);border-radius:16px;font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-warm)}.profile-bio{font-size:14px;color:var(--color-text-secondary);margin:0}.profile-body{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-nav-item{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text);font-size:15px;text-align:left;cursor:pointer;transition:all .2s ease}.profile-nav-item:hover{background:var(--color-bg-warm)}.profile-nav-item.active{background:var(--color-bg-warm);font-weight:500}.logout-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ffebee;color:#c62828}.profile-content{min-height:500px}.profile-info-section{padding:var(--spacing-xl)}.profile-info-card{display:flex;gap:var(--spacing-xl)}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-width:150px}.avatar-preview-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer}.avatar-preview-container img,.avatar-preview-container .handdrawn-avatar{width:120px!important;height:120px!important;border-radius:50%!important;object-fit:cover;border:2px solid var(--color-text)}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:10}.avatar-preview-container:hover .avatar-overlay{background:#0009}.avatar-overlay span{color:#fff;font-size:14px;font-weight:500}.change-avatar-btn{font-size:13px;cursor:pointer;margin-top:var(--spacing-sm)}.info-form{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.info-form .form-group{margin-bottom:0;position:relative}.info-form .form-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.info-form .form-value{font-size:15px;color:var(--color-text);margin:0;padding:var(--spacing-sm) 0}.tags-display{display:flex;flex-wrap:wrap;gap:6px}.profile-tag-badge{font-size:12px;color:var(--color-primary);padding:2px 8px;background:var(--color-bg-light);border:1px solid var(--color-primary-light, rgba(0,0,0,.1));border-radius:10px;white-space:nowrap}.info-form .handdrawn-input{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.char-counter{position:absolute;right:0;top:0;font-size:12px;color:var(--color-text-muted)}.edit-actions{display:flex;gap:var(--spacing-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:18px;font-weight:600;margin:0;color:var(--color-text)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.avatar-upload{display:flex;align-items:center;gap:var(--spacing-md)}.preview-avatar{width:80px;height:80px;border:var(--border-handdrawn);border-radius:var(--radius-md);object-fit:cover}.upload-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background:var(--color-bg-white)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px;background:var(--color-bg-white)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled{background:var(--color-bg-warm);color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px dashed var(--color-text)}.save-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:15px}.profile-circles-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.circles-filter{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:var(--color-bg-warm)}.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.circles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.circle-card-item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:all .3s ease}.circle-card-item:hover{transform:translateY(-4px);box-shadow:4px 4px 0 var(--color-text)}.circle-card-main{display:flex;gap:var(--spacing-md)}.circle-card-avatar{width:70px;height:70px;border:var(--border-handdrawn);border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.circle-card-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.circle-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.circle-card-name{font-size:16px;font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-btn-small{flex-shrink:0;padding:4px 12px;background:var(--color-primary);color:#fff;border:var(--border-handdrawn);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.join-btn-small:hover{background:var(--color-primary-dark);transform:scale(1.05)}.circle-card-stats{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;gap:4px;font-size:12px}.stat-label{color:var(--color-text-secondary)}.stat-value{color:var(--color-text);font-weight:500}.circle-card-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-pill{padding:2px 8px;border:var(--border-handdrawn);border-radius:10px;font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-warm)}.type-pill{padding:2px 8px;border:var(--border-handdrawn);border-radius:10px;font-size:11px;color:var(--color-text-muted);background:var(--color-bg-white);text-transform:capitalize}.circle-card-desc{padding:var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.circle-card-desc p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-state,.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}@media (max-width: 768px){.profile-body{grid-template-columns:1fr}.profile-sidebar{flex-direction:row;flex-wrap:wrap}.profile-nav{flex-direction:row;flex:1}.circles-list{grid-template-columns:1fr}.profile-header-card{flex-direction:column;text-align:center}.profile-header-top{justify-content:center}}.account-info-row,.password-info-row{display:flex;gap:var(--spacing-sm);align-items:center}.account-info-row .form-input,.password-info-row .form-input{flex:1}.change-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);color:var(--color-text);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.change-btn:hover{background:var(--color-primary);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:400px;padding:var(--spacing-xl);background:var(--color-bg-white)}.modal-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-lg);text-align:center}.modal-content .form-group{margin-bottom:var(--spacing-md)}.modal-content .form-label{font-size:14px;color:var(--color-text);margin-bottom:var(--spacing-xs)}.modal-content .form-input{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed var(--color-text)}.cancel-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--color-bg-warm)}.confirm-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}.verify-code-row{display:flex;gap:var(--spacing-sm)}.verify-code-row .form-input{flex:1}.send-code-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);color:var(--color-text);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.send-code-btn:hover{background:var(--color-primary);color:#fff}.emotion-profile-section{display:flex;flex-direction:column;gap:16px}.emotion-section-title{font-size:17px;font-weight:700;color:#2d2b3d;margin:0 0 4px}.emotion-section-sub{font-size:13px;color:#a8a5b5;margin:0 0 16px}.emotion-account-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.emotion-level{display:flex;align-items:center;gap:8px}.emotion-level-name{color:#fff;font-size:13px;font-weight:700;padding:4px 14px;border-radius:12px}.emotion-level-points{font-size:13px;color:#6b7280;font-weight:600}.emotion-level-progress{flex:1;min-width:120px;height:8px;background:#ede9e0;border-radius:4px;overflow:hidden}.emotion-level-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.3,1)}.emotion-level-next{font-size:12px;color:#a8a5b5}.emotion-profile-bars{display:flex;flex-direction:column;gap:10px}.emotion-profile-bar-row{display:flex;align-items:center;gap:12px}.emotion-profile-bar-label{width:110px;font-size:13px;color:#555;flex-shrink:0}.emotion-profile-bar-track{flex:1;height:12px;background:#f3efe6;border-radius:6px;overflow:hidden}.emotion-profile-bar-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.2,.8,.3,1)}.emotion-profile-bar-count{width:48px;text-align:right;font-size:12px;color:#8e8c9a;flex-shrink:0}.emotion-report-summary{font-size:15px;color:#2d2b3d;line-height:1.6;background:#f5f3ff;border-left:4px solid #6366F1;padding:12px 16px;border-radius:0 12px 12px 0;margin-bottom:16px}.emotion-report-stats{display:flex;gap:24px;margin-bottom:16px}.emotion-report-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.emotion-report-stat strong{font-size:24px;font-weight:800;color:#2a3a68}.emotion-report-stat span{font-size:12px;color:#a8a5b5}.emotion-report-dist{display:flex;gap:8px;flex-wrap:wrap}.emotion-report-chip{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;border:1.5px solid transparent}.emotion-empty-hint{text-align:center;color:#a8a5b5;font-size:14px;padding:24px 0}.global-ai-page{min-height:100vh;background:var(--color-bg)}.global-ai-main{padding:var(--spacing-lg) var(--spacing-xl)}.global-ai-shell{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.global-ai-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.mode-card{display:flex;align-items:center;gap:12px;text-align:left;border:2px solid rgba(78,59,49,.12);background:var(--color-bg-cream);border-radius:14px;padding:14px 12px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;font-family:inherit;color:inherit}.mode-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--mode-color, #6366F1)}.mode-card.active{border-color:var(--mode-color, #6366F1);background:color-mix(in srgb,var(--mode-color, #6366F1) 12%,#fff);box-shadow:var(--shadow-handdrawn)}.mode-card.active .mode-icon{background:var(--mode-color, #6366F1)}.mode-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--color-bg-warm);flex-shrink:0}.mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-text strong{font-size:14px;font-weight:700;font-family:var(--font-handwriting)}.mode-text small{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gai-feedback{display:flex;gap:6px;margin-top:8px}.gai-feedback button{border:1.5px solid rgba(78,59,49,.15);background:#fff;border-radius:8px;padding:2px 10px;cursor:pointer;font-size:14px;line-height:1.4}.gai-feedback button.active{border-color:#6366f1;background:#6366f114}.global-ai-head{gap:12px}.gai-head-left{display:flex;align-items:center;gap:14px}.gai-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 12px #6366f140}.global-ai-head h2{margin:0;font-size:1.1rem;font-family:var(--font-handwriting);color:var(--color-primary)}.global-ai-head p{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}.global-ai-thread{flex:1;min-height:360px;max-height:480px;overflow-y:auto;padding:18px;background:var(--color-bg-cream)}.gai-welcome{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--color-text-secondary)}.gai-welcome p{max-width:360px;margin:0;line-height:1.6}.gai-tips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.gai-tips button{border:1.5px dashed rgba(78,59,49,.2);background:#fff;color:var(--color-text);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.gai-tips button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.gai-thread{display:flex;flex-direction:column;gap:14px}.gai-row.user{display:flex;justify-content:flex-end}.gai-row.assistant{display:flex;justify-content:flex-start}.gai-bubble{display:flex;gap:10px;max-width:92%;align-items:flex-start}.gai-row.user .gai-bubble{flex-direction:row-reverse}.gai-avatar{width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid rgba(78,59,49,.12);display:grid;place-items:center;flex-shrink:0}.gai-body{background:#fff;border:1.5px solid rgba(78,59,49,.1);border-radius:14px 14px 14px 4px;padding:10px 14px;min-width:0}.gai-row.user .gai-body{background:#2a3a6814;border-color:transparent;border-radius:14px 14px 4px;text-align:right}.gai-bubble.error .gai-body{background:#e74c3c14;color:#922}.gai-body p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.6;word-break:break-word}.gai-tag{display:inline-block;font-size:11px;font-weight:700;background:#6366f11a;border-radius:6px;padding:1px 6px;margin-bottom:6px}.gai-emotion{display:inline-block;font-size:11px;color:#7c3aed;background:#8b7cf61f;border-radius:999px;padding:2px 8px;margin-bottom:6px}.gai-typing{display:inline-flex;gap:4px;align-items:center;height:18px;padding:4px 0}.gai-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:gai-blink 1.1s infinite ease-in-out}.gai-typing i:nth-child(2){animation-delay:.15s}.gai-typing i:nth-child(3){animation-delay:.3s}@keyframes gai-blink{0%,80%,to{opacity:.25}40%{opacity:1;transform:translateY(-2px)}}.gai-cards{display:flex;flex-direction:column;gap:8px;margin-top:10px}.gai-cards-title{font-size:12px;color:var(--color-text-muted)}.gai-card{text-align:left;border:1.5px dashed rgba(99,102,241,.3);background:#fffefb;border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:inherit;color:inherit}.gai-card:hover{border-style:solid;border-color:#6366f1;background:#fff}.gai-card-reason{font-size:11px;font-weight:700;color:#6366f1}.gai-card p{margin:0;font-size:13px;color:var(--color-text);white-space:normal}.gai-card small{color:var(--color-text-muted);font-size:11px}.global-ai-composer{display:flex;gap:10px;padding:12px;align-items:center}.global-ai-composer input{flex:1;border:1.5px solid rgba(78,59,49,.15);border-radius:12px;padding:12px 14px;font-size:14px;background:#fffefb;outline:none;font-family:inherit;color:inherit}.global-ai-composer input:focus{border-color:var(--color-primary)}.gai-crisis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a3a6859;display:grid;place-items:center;z-index:1000;padding:24px}.gai-crisis-card{max-width:420px;width:100%;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--color-bg-cream)}.gai-crisis-card h3{margin:0;font-family:var(--font-handwriting);font-size:1.3rem;color:var(--color-primary)}.gai-crisis-card>p{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:14px}.gai-crisis-resources{width:100%;background:#f472b614;border-radius:12px;padding:12px}.gai-crisis-resources p{margin:4px 0;font-size:13px}@media (max-width: 720px){.global-ai-modes{grid-template-columns:1fr}.global-ai-main{padding:var(--spacing-md)}.mode-text small{white-space:normal}}.circle-ai-panel{display:flex;flex-direction:column;gap:12px;height:100%;min-height:520px;padding:12px 4px}.circle-ai-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.circle-ai-brand{display:flex;align-items:center;gap:12px}.circle-ai-orb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f159}.circle-ai-brand h3{margin:0;font-size:1.05rem;font-family:var(--font-handwriting, inherit)}.circle-ai-brand p{margin:2px 0 0;font-size:12px;color:#6b7280}.circle-ai-actions-top{display:flex;gap:8px}.circle-ai-quick{display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px}.quick-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px dashed rgba(99,102,241,.35);background:#6366f10f;color:#3730a3;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s,transform .15s}.quick-chip:hover:not(:disabled){background:#6366f11f;transform:translateY(-1px)}.quick-chip:disabled{opacity:.5;cursor:not-allowed}.circle-ai-feed{flex:1;min-height:280px;max-height:420px;overflow-y:auto;padding:16px}.circle-ai-welcome{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#6b7280}.circle-ai-welcome p{margin:0}.circle-ai-welcome .sub{font-size:13px;max-width:320px}.circle-ai-welcome .tip{margin-top:12px;font-size:12px;color:#9ca3af}.circle-ai-tips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.circle-ai-tips button{border:1.5px dashed rgba(99,102,241,.3);background:#6366f10f;color:#3730a3;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.circle-ai-tips button:hover:not(:disabled){background:#6366f124}.circle-ai-thread{display:flex;flex-direction:column;gap:14px}.circle-ai-bubble{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.circle-ai-bubble.user{grid-template-columns:1fr 28px}.circle-ai-bubble.user .bubble-side{order:2}.circle-ai-bubble.user .bubble-body{order:1;background:#2a3a6814;border-radius:14px 14px 4px;text-align:right;margin-left:auto;max-width:92%}.circle-ai-bubble.assistant.error .bubble-body{background:#ef444414;color:#b91c1c}.circle-ai-bubble.assistant.summary .bubble-body{border-left:3px solid #6366F1}.circle-ai-bubble.assistant.discover .bubble-body{border-left:3px solid #10B981}.circle-ai-bubble .bubble-side{width:28px;height:28px;display:grid;place-items:center}.circle-ai-bubble .bubble-body{background:#faf7f0;border:1px solid rgba(78,59,49,.08);border-radius:14px 14px 14px 4px;padding:10px 12px}.circle-ai-bubble .bubble-body p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.55;word-break:break-word}.bubble-tag{display:inline-block;font-size:11px;font-weight:700;color:#6366f1;background:#6366f11a;border-radius:6px;padding:1px 6px;margin-bottom:6px}.circle-ai-cards{display:flex;flex-direction:column;gap:8px;margin-top:10px}.circle-ai-card{text-align:left;border:1px dashed rgba(99,102,241,.3);background:#ffffffb3;border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.circle-ai-card:hover{background:#fff;border-color:#6366f1}.circle-ai-card span{font-size:13px;color:#1f2937}.circle-ai-card small{color:#6b7280;font-size:11px}.typing-dots{display:inline-flex;gap:4px;align-items:center;height:18px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:cai-blink 1.1s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes cai-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.circle-ai-composer{display:flex;gap:10px;padding:12px;align-items:center}.circle-ai-composer input{flex:1;border:1.5px solid rgba(78,59,49,.15);border-radius:12px;padding:10px 14px;font-size:14px;background:#fffefb;outline:none}.circle-ai-composer input:focus{border-color:#6366f1}.admin-page{min-height:100vh;background:var(--color-bg)}.admin-main{padding:var(--spacing-lg)}.admin-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg)}.admin-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-circle-info{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.admin-circle-avatar{width:80px;height:80px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.admin-circle-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.admin-circle-name{font-size:14px;font-weight:500;color:var(--color-text)}.admin-circle-tag{font-size:12px;color:var(--color-text-secondary)}.admin-content-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-top-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.admin-nav-tab{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:14px;text-decoration:none;cursor:pointer;transition:all .2s ease}.admin-nav-tab:hover{background:var(--color-bg-warm)}.admin-nav-tab.active{background:var(--color-bg-warm);font-weight:500}.admin-nav-tab.danger{color:var(--color-danger);border-color:var(--color-danger)}.admin-nav-tab.danger{background:var(--color-danger);color:#fff}.delete-circle-btn{margin-left:auto}.admin-content{background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:500px}.data-overview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-section{display:grid;grid-template-columns:80px 1fr auto;gap:var(--spacing-lg);align-items:start}.overview-label{writing-mode:vertical-rl;text-orientation:upright;font-size:1.2rem;font-weight:600;color:var(--color-text);letter-spacing:4px;padding:var(--spacing-lg) var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.overview-content{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:200px;display:flex;gap:var(--spacing-lg);align-items:flex-start}.overview-stats{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:150px}.chart-placeholder{width:100%;height:150px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.overview-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-row{display:flex;align-items:center;gap:var(--spacing-md)}.stat-label{font-size:14px;color:var(--color-text)}.stat-value{font-size:14px;color:var(--color-text-secondary)}.members-section{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-lg);align-items:start}.members-label{writing-mode:vertical-rl;text-orientation:upright;font-size:1.2rem;font-weight:600;color:var(--color-text);letter-spacing:4px;padding:var(--spacing-lg) var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm)}.members-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.member-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md)}.member-avatar-small{width:32px;height:32px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-bg-warm);flex-shrink:0}.member-info{flex:1;display:flex;gap:var(--spacing-lg);font-size:13px}.member-info span{color:var(--color-text-secondary)}.post-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.delete-circle-btn{align-self:flex-end;padding:var(--spacing-sm) var(--spacing-lg);font-size:13px}.post-table-container{border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden}.post-table{width:100%;border-collapse:collapse}.post-table th,.post-table td{padding:var(--spacing-md);text-align:left;border-bottom:var(--border-handdrawn);font-size:13px}.post-table th{background:var(--color-bg-warm);font-weight:500;color:var(--color-text)}.post-table td{color:var(--color-text-secondary)}.post-table tr:last-child td{border-bottom:none}.announcement-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.announcement-form{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:var(--border-handdrawn);border-radius:var(--radius-md)}.announcement-form-label{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap}.announcement-form-input{flex:1;min-height:80px;resize:vertical}.announcement-form-btn{padding:var(--spacing-sm) var(--spacing-xl)}.announcement-table-container{border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden}.announcement-table{width:100%;border-collapse:collapse}.announcement-table th,.announcement-table td{padding:var(--spacing-md);text-align:center;border-bottom:var(--border-handdrawn);font-size:13px}.announcement-table th{background:var(--color-bg-warm);font-weight:500;color:var(--color-text)}.announcement-table td{color:var(--color-text-secondary)}.announcement-table tr:last-child td{border-bottom:none}.pin-btn,.delete-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:12px}.section-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-area{display:grid;grid-template-columns:100px 1fr;gap:var(--spacing-lg);align-items:start}.section-area-label{writing-mode:vertical-rl;text-orientation:upright;font-size:1.1rem;font-weight:600;color:var(--color-text);letter-spacing:4px;padding:var(--spacing-lg) var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);text-align:center}.section-list-container{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.section-row{display:flex;align-items:center;gap:var(--spacing-md)}.section-name-box,.section-type-box{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:13px;color:var(--color-text);min-width:120px;text-align:center}.section-action-btn{width:32px;height:32px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-bg-white);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;margin-left:auto}.section-action-btn:hover{background:var(--color-bg-warm)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-text);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.admin-circle-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-text-muted)}.admin-circles-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-sidebar-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-text-muted)}.admin-circle-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:var(--border-handdrawn);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.admin-circle-item:hover{background:var(--color-bg-warm)}.admin-circle-item.active{background:var(--color-bg-warm);border-color:var(--color-primary)}.admin-circle-item-avatar{width:40px;height:40px;border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-warm);flex-shrink:0}.admin-circle-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.admin-circle-item-name{font-size:13px;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-circle-item-type{font-size:11px;color:var(--color-text-secondary)}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.admin-stat-label{font-size:11px;color:var(--color-text-muted)}.admin-stat-value{font-size:14px;font-weight:600;color:var(--color-text)}.stats-chart{width:100%;height:100%;display:flex;flex-direction:column}.chart-title{font-size:14px;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;flex:1;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.chart-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.chart-bar{width:100%;max-width:40px;background:linear-gradient(to top,var(--color-primary),var(--color-secondary));border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:10px;transition:height .3s ease}.chart-bar-label{font-size:11px;color:var(--color-text-muted)}.chart-bar-value{font-size:10px;color:var(--color-text-secondary)}.chart-container{padding:var(--spacing-md);background:var(--color-bg-white);border:var(--border-handdrawn);border-radius:var(--radius-md)}.chart-line-container{width:100%;height:220px}.chart-svg{width:100%;height:100%}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.member-avatar-placeholder-small{width:40px;height:40px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-bg-warm);flex-shrink:0}.member-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.member-table-container{border:var(--border-handdrawn);border-radius:var(--radius-md);overflow:hidden}.member-table{width:100%;border-collapse:collapse}.member-table th,.member-table td{padding:var(--spacing-md);text-align:left;border-bottom:var(--border-handdrawn);font-size:13px}.member-table th{background:var(--color-bg-warm);font-weight:500;color:var(--color-text)}.member-table td{color:var(--color-text-secondary)}.member-table tr:last-child td{border-bottom:none}.member-user{display:flex;align-items:center;gap:var(--spacing-sm)}.member-table-avatar{width:32px;height:32px;border-radius:50%;border:var(--border-handdrawn)}.member-name{font-weight:500;color:var(--color-text)!important}.member-contribution{color:var(--color-primary)!important}.member-role{padding:2px 8px;background:var(--color-bg-warm);border-radius:10px;font-size:11px!important}.member-joined{font-size:12px!important}.handdrawn-btn.danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.handdrawn-btn.danger:hover{background:#c0392b}.post-management-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.post-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.post-filter span{font-size:14px;color:var(--color-text)}.handdrawn-select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);font-size:14px;color:var(--color-text);cursor:pointer}.post-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-user{display:flex;align-items:center;gap:var(--spacing-sm)}.post-user-avatar{width:24px;height:24px;border-radius:50%;border:var(--border-handdrawn)}.post-stats{display:flex;gap:var(--spacing-sm);font-size:12px}.empty-cell{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)!important}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.page-info{font-size:14px;color:var(--color-text-secondary)}.announcement-form-fields{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.announcement-form-fields input{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:14px}.announcement-title-cell{font-weight:500;color:var(--color-text)}.pin-icon{margin-right:4px}.announcement-content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.handdrawn-input{border:var(--border-handdrawn);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-family:inherit}.handdrawn-input:focus{outline:none;border-color:var(--color-primary)}.new-section-row{background:var(--color-bg-warm);border-radius:var(--radius-md);padding:var(--spacing-sm)}.section-input{flex:1;min-width:150px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);font-size:13px}.section-input:focus{outline:none;border-color:var(--color-primary)}.char-count{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.section-select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-handdrawn);border-radius:var(--radius-md);background:var(--color-bg-white);font-size:13px;cursor:pointer}.section-action-btn.add{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.section-action-btn.add:hover{background:var(--color-primary-dark)}@media (max-width: 992px){.admin-container{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;flex-wrap:wrap}.admin-circle-info{flex-direction:row;align-items:center}.overview-section,.members-section,.section-area{grid-template-columns:1fr}.overview-label,.members-label,.section-area-label{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:2px}}.post-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.post-list-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.post-count{font-size:13px;color:var(--color-text-secondary)}.post-table-container{overflow-x:auto;margin-bottom:var(--spacing-md)}.post-table{width:100%;border-collapse:collapse;font-size:14px}.post-table th,.post-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.post-table th{background:var(--color-bg-warm);font-weight:600;color:var(--color-text);white-space:nowrap}.post-table tr:hover{background:var(--color-bg-light)}.post-content-cell{max-width:300px}.post-content-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-author-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.table-avatar{width:32px;height:32px;border-radius:50%;border:var(--border-handdrawn);object-fit:cover;cursor:pointer}.table-username{font-weight:500;color:var(--color-text);cursor:pointer}.table-username:hover{color:var(--color-primary)}.anonymous-user{color:var(--color-text-muted);font-style:italic}.post-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-card{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-card-header{display:flex;justify-content:space-between;align-items:flex-start}.post-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:36px;height:36px;border-radius:50%;border:var(--border-handdrawn);overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-avatar.anonymous{background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--color-text-muted)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer}.author-name:hover{color:var(--color-primary)}.author-tag{font-size:11px;color:var(--color-text-secondary);padding:1px 6px;background:var(--color-bg-light);border-radius:8px;width:fit-content}.post-time{font-size:12px;color:var(--color-text-muted)}.post-card-content{padding:var(--spacing-sm) 0}.post-content-text{font-size:14px;color:var(--color-text);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-content-text.clickable{cursor:pointer;color:var(--color-primary);transition:color .2s ease}.post-content-text.clickable:hover{color:var(--color-primary-hover);text-decoration:underline}.post-card-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;border-top:1px dashed var(--color-text-muted);border-bottom:1px dashed var(--color-text-muted)}.stat-item{display:flex;align-items:center;gap:4px}.stat-icon{font-size:14px}.stat-value{font-size:14px;font-weight:500;color:var(--color-text)}.stat-label{font-size:12px;color:var(--color-text-muted)}.post-card-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-xs)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.loading-state p{color:var(--color-text-secondary);margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.error-icon{width:48px;height:48px;border:var(--border-handdrawn);border-radius:50%;background:var(--color-error);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.error-state p{color:var(--color-text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-sm)}.empty-state .empty-icon{font-size:48px}.empty-state p{font-size:16px;color:var(--color-text);margin:0}.empty-hint{font-size:13px;color:var(--color-text-muted)}:root{--color-primary: #2A3A68;--color-primary-dark: #1a2540;--color-primary-light: rgba(42, 58, 104, .12);--color-secondary: #FF8C42;--color-accent-green: #5F7A3C;--color-accent-pink: #D4736E;--color-error: #e74c3c;--color-error-dark: #c0392b;--color-bg: #F8F4EC;--color-bg-white: #FFFFFF;--color-bg-cream: #FDFBF7;--color-bg-warm: #EDE8DE;--color-text: #4E3B31;--color-text-secondary: #6B5B4F;--color-text-muted: #8B7B6B;--color-emphasis: #FFD700;--color-highlight: #F72585;--font-handwriting: "Ma Shan Zheng", cursive, sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--border-handdrawn: 2px solid #4E3B31;--shadow-handdrawn: 4px 4px 0 rgba(78, 59, 49, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}#root{width:100%;min-height:100vh}.handdrawn-card{background:var(--color-bg-cream);border:var(--border-handdrawn);border-radius:var(--radius-lg);box-shadow:var(--shadow-handdrawn);padding:var(--spacing-lg);transition:transform .2s ease}.handdrawn-card:hover{transform:translate(-2px,-2px)}.handdrawn-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg-white);border:2px solid var(--color-text);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.handdrawn-input:focus{border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-primary)}.handdrawn-input::placeholder{color:var(--color-text-muted)}.handdrawn-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-handwriting);font-size:16px;color:var(--color-bg-white);background:var(--color-primary);border:2px solid var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--color-text)}.handdrawn-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-text)}.handdrawn-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-text)}.handdrawn-btn-secondary{background:var(--color-secondary);color:#fff}.handdrawn-btn-accent{background:var(--color-accent-green);color:#fff}.handdrawn-btn.danger{background:var(--color-error);color:#fff;border-color:var(--color-error-dark)}.handdrawn-btn.danger:hover{background:var(--color-error-dark)}.handdrawn-btn.small{padding:var(--spacing-xs) var(--spacing-md);font-size:14px}.handdrawn-btn.primary{background:var(--color-primary);color:#fff}.handdrawn-btn.primary:hover{background:var(--color-primary-dark)}@keyframes handdrawn-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1px,1px) rotate(.5deg)}50%{transform:translate(-1px,-1px) rotate(-.5deg)}75%{transform:translate(1px,-1px) rotate(.5deg)}}.handdrawn-shake{animation:handdrawn-shake .5s ease-in-out infinite}@keyframes handdrawn-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.handdrawn-bounce{animation:handdrawn-bounce 1s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-warm);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}