:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.serif{font-family:Georgia,Iowan Old Style,Palatino Linotype,Times New Roman,serif}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.clove{background:var(--bg);width:100%;height:100vh;color:var(--text);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;position:relative}.clove *{box-sizing:border-box}.clove.theme-light{--bg:#e9ede4;--bg-panel:#f4f6ef;--bg-panel-2:#fff;--text:#383f34;--text-muted:#7d8473;--self:#d9b071;--self-ring:#d9b07129;--self-blur:#d9b07100;--self-like:#d99a71;--manager:#8fa3ac;--firefighter:#c08f74;--exile:#a992ac;--unset:#a3a795;--line:#d7dbcd;--line-strong:#c3c8b7;--rel-protects:#8fa3ac;--rel-polarized:#c08f74;--rel-blended:#d9b071;--rel-trusts:#a992ac;--rel-custom:#5f9483;--danger:#b06a4c;--shadow:#3c403029;--crisis-bg:#fbeee7}.clove.theme-dark{--bg:#12131f;--bg-panel:#1a1c2c;--bg-panel-2:#22243a;--text:#eae6f0;--text-muted:#9a97ad;--self:#f4c95d;--self-ring:#f4c95d40;--self-blur:#f4c95d38;--self-like:#f4a55d;--manager:#7ea0c4;--firefighter:#e07a5f;--exile:#c99bd6;--unset:#6b6f8a;--line:#3c3f58;--line-strong:#4a4e68;--rel-protects:#7ea0c4;--rel-polarized:#e07a5f;--rel-blended:#f4c95d;--rel-trusts:#c99bd6;--rel-custom:#7fb69e;--danger:#e88a6a;--shadow:#0006;--crisis-bg:#2c1f1c}.clove select,.clove .btn{color:var(--text);background:var(--bg-panel-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;padding:7px 10px;font-size:13px}.clove .btn:hover,.clove select:hover{border-color:var(--self)}.clove .btn.primary{background:var(--self);color:#3c2c0e;border-color:var(--self);font-weight:600}.clove .btn.primary:hover{filter:brightness(1.05)}.clove .btn.active{background:color-mix(in srgb, var(--manager) 25%, var(--bg-panel-2));border-color:var(--manager)}.clove .btn.small{padding:4px 9px;font-size:11.5px}.clove .btn.icon{padding:6px 8px;line-height:1}.clove .btn:disabled{opacity:.55;cursor:not-allowed}.clove input,.clove textarea{background:var(--bg-panel-2);border:1px solid var(--line-strong);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:8px;font-family:inherit;font-size:13px}.clove .field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 4px;font-size:11px;display:block}.clove .error-text{color:var(--danger);min-height:16px;margin-top:10px;font-size:12.5px}.clove .hint{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.5}.clove a.link{color:var(--manager);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.clove .home{flex-direction:column;flex:1;display:flex;overflow-y:auto}.clove .home-nav{border-bottom:1px solid var(--line);align-items:center;padding:18px 26px;display:flex}.clove .home-nav .brand{font-size:21px}.clove .home-nav .spacer{flex:1}.clove .home-hero{text-align:center;max-width:620px;margin:0 auto;padding:64px 24px 40px}.clove .home-hero h1{margin:0 0 14px;font-size:34px;line-height:1.25}.clove .home-hero p{color:var(--text-muted);margin:0 0 26px;font-size:15px;line-height:1.6}.clove .home-actions{justify-content:center;gap:10px;display:flex}.clove .home-features{grid-template-columns:repeat(3,1fr);gap:18px;max-width:780px;margin:30px auto 50px;padding:0 24px;display:grid}.clove .feature-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:10px;padding:18px}.clove .feature-card h4{margin:0 0 6px;font-size:14.5px}.clove .feature-card p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.clove .about-name{text-align:center;max-width:560px;margin:0 auto 44px;padding:0 24px}.clove .about-name h3{margin:0 0 10px;font-size:17px}.clove .about-name p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.65}.clove .about-name strong{color:var(--text)}.clove .home-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--line);padding:20px;font-size:11.5px}@media (max-width:640px){.clove .home-features{grid-template-columns:1fr}}.clove .auth-wrap{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow-y:auto}.clove .auth-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;width:360px;padding:26px}.clove .auth-card h2{margin:0 0 4px;font-size:20px}.clove .auth-card .sub{color:var(--text-muted);margin-bottom:4px;font-size:12.5px}.clove .radio-row{gap:14px;margin-top:6px;display:flex}.clove .radio-row label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.clove .pin-box{border:1px dashed var(--line-strong);background:var(--bg-panel-2);border-radius:8px;margin-top:12px;padding:10px}.clove .auth-foot{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12.5px}.clove .auth-back{position:absolute;top:18px;left:18px}.clove .topbar{background:var(--bg-panel);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.clove .brand{letter-spacing:.3px;font-size:20px}.clove .brand span{color:var(--self)}.clove .spacer{flex:1}.clove .tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:5px;padding:3px 7px;font-size:10.5px}.clove .crisis-banner{background:var(--crisis-bg);border-bottom:1px solid var(--danger);align-items:flex-start;gap:10px;padding:10px 18px;font-size:12.5px;line-height:1.5;display:flex}.clove .crisis-banner strong{color:var(--danger)}.clove .crisis-banner button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:12px}.clove .legend{color:var(--text-muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 18px;font-size:11.5px;display:flex}.clove .legend .dot{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.clove .connect-banner{background:var(--bg-panel);border-bottom:1px solid var(--line-strong);align-items:center;gap:10px;padding:8px 18px;font-size:12.5px;display:none}.clove .connect-banner.show{display:flex}.clove .stage-wrap{flex:1;position:relative;overflow:hidden}.clove .stage{touch-action:none;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--self) 6%, var(--bg)) 0%, var(--bg) 72%);position:absolute;inset:0}.clove svg.lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.clove .self-node{background:var(--self);width:92px;height:92px;box-shadow:0 0 0 6px var(--self-ring), 0 0 34px 8px var(--self-blur);color:#3c2c0e;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;animation:6s ease-in-out infinite breathe;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.03)}}.clove .part-node{text-align:center;color:#23261e;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px var(--shadow);border:2px solid #00000014;border-radius:50%;justify-content:center;align-items:center;padding:6px;font-weight:600;line-height:1.15;display:flex;position:absolute}.clove.theme-dark .part-node{color:#16161f}.clove .part-node.dragging{cursor:grabbing}.clove .part-node.selected{box-shadow:0 0 0 3px var(--bg-panel-2), 0 0 0 5px var(--manager)}.clove .part-node.connect-armed{box-shadow:0 0 0 3px var(--bg-panel-2), 0 0 0 5px var(--self)}.clove .role-manager{background:var(--manager)}.clove .role-firefighter{background:var(--firefighter)}.clove .role-exile{background:var(--exile)}.clove .role-self-like{background:var(--self-like)}.clove .role-unset{background:var(--unset)}.clove .resize-handle{background:var(--bg-panel-2);border:2px solid var(--manager);cursor:nwse-resize;z-index:3;border-radius:50%;width:16px;height:16px;position:absolute}.clove .empty-hint{color:var(--text-muted);text-align:center;width:260px;font-size:13px;position:absolute;top:72%;left:50%;transform:translate(-50%)}.clove .fab-row{z-index:4;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.clove .panel{background:var(--bg-panel);border-left:1px solid var(--line);z-index:6;width:320px;height:100%;padding:18px;transition:right .22s;position:absolute;top:0;right:-340px;overflow-y:auto}.clove .panel.open{right:0}.clove .panel-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.clove .panel-head h3{flex:1;margin:0;font-size:18px}.clove .rel-list{margin-top:14px;font-size:12.5px}.clove .rel-item{border-bottom:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.clove .rel-item .rel-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.clove .rel-item button{color:var(--danger);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:11px}.clove .full-modal{background:var(--bg-panel);z-index:8;display:none;position:absolute;inset:0;overflow-y:auto}.clove .full-modal.open{display:block}.clove .full-modal-inner{max-width:620px;margin:0 auto;padding:30px 26px 60px}.clove .full-modal-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.clove .full-modal-head h2{flex:1;margin:0;font-size:24px}.clove .notes-section{margin-top:16px}.clove .note-compose{margin-top:8px;display:none}.clove .note-compose.open{display:block}.clove .note-item{border:1px solid var(--line);cursor:pointer;background:var(--bg-panel-2);border-radius:8px;margin-top:8px;padding:8px 10px}.clove .note-item .note-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.clove .note-item .note-preview{margin-top:3px;font-size:12.5px}.clove .note-item .note-full{white-space:pre-wrap;margin-top:6px;font-size:12.5px;line-height:1.5}.clove .note-item .note-actions{gap:10px;margin-top:6px;display:flex}.clove .note-item .note-actions button{cursor:pointer;color:var(--manager);background:0 0;border:none;font-size:11px}.clove .note-item .note-actions button.del{color:var(--danger)}.clove .no-notes{color:var(--text-muted);margin-top:8px;font-size:12px}.clove .modal-backdrop{z-index:10;background:#14141052;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.clove .modal-backdrop.open{display:flex}.clove .modal{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:12px;width:380px;max-height:86%;padding:22px;overflow-y:auto}.clove .modal h3{margin:0 0 6px;font-size:19px}.clove .modal p.step{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.5}.clove .modal .row{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.clove .pause-modal{text-align:center;width:320px}.clove .breath-circle{background:var(--self);border-radius:50%;width:120px;height:120px;margin:18px auto;animation:8s ease-in-out infinite breathslow}@keyframes breathslow{0%,to{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.clove .breath-label{color:var(--self);min-height:22px;font-size:16px}.clove .crisis-note{color:var(--text-muted);border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:11.5px;line-height:1.5}.clove .modal.wide{width:640px;max-width:92vw}.clove .self-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@media (max-width:560px){.clove .self-info-grid{grid-template-columns:1fr}}.clove .self-quality-card{border:1px solid var(--line);border-left:3px solid var(--quality-color,var(--self));background:var(--bg-panel);border-radius:8px;padding:10px 12px}.clove .self-quality-card h4{color:var(--quality-color,var(--self));margin:0 0 5px;font-size:13.5px}.clove .self-quality-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.clove .self-info-source{color:var(--text-muted);border-top:1px solid var(--line);margin-top:16px;padding-top:10px;font-size:11px;line-height:1.5}@media (max-width:640px){.clove .panel{width:88%;right:-100%}.clove .legend{display:none}}