*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a1a;color:#e0e0e0;-webkit-font-smoothing:antialiased}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block}#app-header{position:fixed;top:20px;right:24px;z-index:10;text-align:right;pointer-events:none;animation:fadeInTopRight 1s ease-out;transition:opacity .4s ease,transform .4s ease}#app-header.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}#app-header h1{font-size:2rem;font-weight:700;pointer-events:auto;cursor:pointer;letter-spacing:.3em;background:linear-gradient(135deg,gold,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite;text-shadow:none}#app-header .subtitle{font-size:.85rem;font-weight:300;color:#fff6;letter-spacing:.5em;margin-top:4px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff26;color:#fff;margin-left:8px;cursor:pointer;pointer-events:auto;transition:all .2s;vertical-align:text-bottom}.help-icon:hover{background:#4ecdc4;transform:scale(1.1);box-shadow:0 0 10px #4ecdc480}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060614b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{position:relative;background:#141423d9;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px 40px;width:90%;max-width:400px;box-shadow:0 10px 30px #00000080;transform:translateY(0) scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-content h2{margin:0;font-size:1.4rem;color:#fff;letter-spacing:2px}.modal-overlay.hidden .modal-content{transform:translateY(20px) scale(.95)}.zoom-controls{position:fixed;top:100px;left:24px;z-index:15;display:flex;flex-direction:column;gap:6px;animation:fadeInLeft .8s ease-out .3s both}.zoom-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);background:#0f0f23b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff9;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.zoom-btn:hover{background:#45b7d126;border-color:#45b7d14d;color:#45b7d1;transform:scale(1.08);box-shadow:0 0 16px #45b7d126}.zoom-btn:active{transform:scale(.95)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.pan-controls{position:fixed;top:400px;left:24px;z-index:15;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:6px;animation:fadeInLeft .8s ease-out .4s both}.pan-btn{width:40px;height:40px;border-radius:12px;background:#0f0f23b3;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.pan-btn:hover{background:#45b7d126;border-color:#45b7d14d;color:#45b7d1;transform:scale(1.08);box-shadow:0 0 16px #45b7d126}.pan-btn:active{transform:scale(.95)}.pan-btn.up{grid-column:2;grid-row:1}.pan-btn.left{grid-column:1;grid-row:2}.pan-btn.right{grid-column:3;grid-row:2}.pan-btn.down{grid-column:2;grid-row:3}.panel{position:fixed;top:50%;right:32px;transform:translateY(-50%) translate(20px);z-index:20;width:320px;max-height:80vh;overflow-y:auto;padding:28px 24px;background:#0f0f23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.panel.visible{opacity:1;pointer-events:all;transform:translateY(-50%) translate(0)}.panel.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(20px)}.panel.collapsed{width:auto;min-width:0;padding:12px;overflow:hidden}.panel.collapsed .panel-avatar,.panel.collapsed .panel-name,.panel.collapsed .panel-meta,.panel.collapsed .panel-section,.panel.collapsed .panel-close-btn{display:none}.panel-collapse-btn{position:absolute;top:12px;left:16px;width:28px;height:28px;border:none;background:#ffffff0f;color:#ffffff80;font-size:.7rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.panel-collapse-btn:hover{background:#ffffff1f;color:#fff}.panel.collapsed .panel-collapse-btn{position:static;margin:0 auto}.panel-close-btn{position:absolute;top:12px;right:16px;width:32px;height:32px;border:none;background:#ffffff0f;color:#ffffff80;font-size:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-close-btn:hover{background:#ffffff1f;color:#fff}.panel-avatar{display:flex;justify-content:center;margin-bottom:16px}.avatar-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#45b7d166,#4ecdc466);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:border-color .3s ease}.panel-name{text-align:center;font-size:1.4rem;font-weight:600;margin-bottom:4px;letter-spacing:.1em}.panel-meta{text-align:center;font-size:.8rem;color:#fff6;margin-bottom:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.panel-meta .meta-tag{padding:2px 10px;background:#ffffff0f;border-radius:12px;font-size:.75rem}.panel-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.panel-section h3{font-size:.8rem;font-weight:500;color:#ffffff59;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}.relation-list{display:flex;flex-direction:column;gap:6px}.relation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.relation-item:hover{background:#ffffff12;border-color:#ffffff1a}.relation-item .rel-name{font-size:.9rem;font-weight:400}.relation-item .rel-type{font-size:.7rem;color:#ffffff59;padding:2px 8px;background:#ffffff0d;border-radius:8px}.degree-slider-container{padding:8px 0}#degree-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}#degree-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#45b7d1,#4ecdc4);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #45b7d180;transition:box-shadow .2s ease}#degree-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px #45b7d1cc}.degree-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.7rem;color:#ffffff4d}.degree-hint{font-size:.75rem;color:#ffffff59;margin-top:8px;text-align:center;font-style:italic}.add-member-trigger{position:fixed;bottom:80px;right:32px;z-index:15;width:52px;height:52px;border:1px solid rgba(78,205,196,.3);background:#0f0f23cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#4ecdc4;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #4ecdc426;animation:fadeInUp 1s ease-out 1s both}.add-member-trigger:hover{background:#4ecdc426;border-color:#4ecdc480;transform:scale(1.1);box-shadow:0 6px 30px #4ecdc440}.add-member-trigger.active{background:#4ecdc433;border-color:#4ecdc4;transform:rotate(45deg) scale(1.05)}.add-panel{position:fixed;bottom:140px;right:32px;z-index:20;width:340px;max-height:70vh;overflow-y:auto;padding:24px;background:#0f0f23eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(78,205,196,.12);border-radius:20px;box-shadow:0 8px 32px #00000080,0 0 40px #4ecdc40d,inset 0 1px #ffffff0d;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease}.add-panel.visible{opacity:1;pointer-events:all;transform:translateY(0)}.add-panel.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.add-panel-title{font-size:1.1rem;font-weight:600;color:#4ecdc4;letter-spacing:.08em;margin-bottom:18px;padding-right:32px}.add-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-group label{display:block;font-size:.75rem;color:#fff6;letter-spacing:.1em;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e0e0e0;font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4ecdc466;background:#4ecdc40d}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group textarea{resize:vertical;min-height:56px}.submit-btn{margin-top:4px;padding:10px 20px;background:linear-gradient(135deg,#4ecdc433,#45b7d133);border:1px solid rgba(78,205,196,.3);border-radius:12px;color:#4ecdc4;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.submit-btn:hover{background:linear-gradient(135deg,#4ecdc44d,#45b7d14d);border-color:#4ecdc4;transform:translateY(-1px);box-shadow:0 4px 16px #4ecdc433}.tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:0}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#45b7d11f;border:1px solid rgba(69,183,209,.25);border-radius:14px;font-size:.78rem;color:#fffc;animation:fadeInUp .2s ease}.tag-item .tag-label{font-size:.68rem;color:#fff6;margin-left:2px}.tag-remove{border:none;background:none;color:#ffffff59;font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s}.tag-remove:hover{color:#ff6b6b}.tag-add-btn{width:34px;height:34px;flex-shrink:0;border:1px solid rgba(78,205,196,.3);background:#4ecdc41a;color:#4ecdc4;border-radius:10px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tag-add-btn:hover{background:#4ecdc433;border-color:#4ecdc4}.edit-relations-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.edit-relations-section h4{font-size:.75rem;font-weight:500;color:#ffffff59;letter-spacing:.15em;margin-bottom:8px}.edit-rel-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:8px;margin-bottom:4px;font-size:.82rem;color:#ffffffb3}.edit-rel-item .rel-info{display:flex;align-items:center;gap:8px}.edit-rel-item .rel-type-badge{font-size:.68rem;padding:1px 6px;background:#ffffff0f;border-radius:6px;color:#fff6}.edit-rel-remove{border:none;background:none;color:#ffffff40;font-size:1rem;cursor:pointer;padding:2px 4px;line-height:1;transition:color .2s}.edit-rel-remove:hover{color:#ff6b6b}.add-rel-row{display:flex;gap:6px;margin-top:8px;align-items:center}.add-rel-row select,.add-rel-row input{padding:5px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0e0e0;font-size:.78rem;font-family:inherit;outline:none}.add-rel-row select:focus,.add-rel-row input:focus{border-color:#4ecdc466}.delete-member-btn{width:100%;margin-top:16px;padding:8px 16px;background:#ff505014;border:1px solid rgba(255,80,80,.2);border-radius:10px;color:#ff6b6b;font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .25s ease}.delete-member-btn:hover{background:#ff50502e;border-color:#ff6b6b;box-shadow:0 2px 12px #ff505026}.toast-success{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);z-index:100;padding:10px 24px;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;color:#4ecdc4;font-size:.9rem;opacity:0;transition:all .4s ease;pointer-events:none}.toast-success.show{opacity:1;transform:translate(-50%) translateY(0)}.legend{position:fixed;bottom:24px;left:32px;z-index:10;padding:16px 20px;background:#0f0f23b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:14px;animation:fadeInUp 1s ease-out .5s both}.legend h4{font-size:.7rem;font-weight:500;color:#ffffff4d;letter-spacing:.15em;margin-bottom:10px;text-transform:uppercase}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#ffffff8c}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.controls-hint{position:fixed;bottom:24px;right:100px;z-index:10;display:flex;gap:16px;font-size:.75rem;color:#ffffff40;animation:fadeInUp 1s ease-out .8s both}.controls-hint span{display:flex;align-items:center;gap:4px}.panel::-webkit-scrollbar,.add-panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track,.add-panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb,.add-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.node-label{position:absolute;display:inline-block;color:#ffffffd9;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;padding:3px 10px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;border:1px solid rgba(255,255,255,.08);pointer-events:none;white-space:nowrap;width:auto;transition:opacity .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}.node-label.dimmed{opacity:.15}.ambient-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite;box-shadow:0 0 6px currentColor}.p1{width:4px;height:4px;background:#45b7d199;top:15%;left:8%;animation-duration:16s;animation-delay:0s;--drift-x: 100px;--drift-y: -180px;color:#45b7d166}.p2{width:3px;height:3px;background:#ffd70080;top:55%;left:88%;animation-duration:20s;animation-delay:2s;--drift-x: -80px;--drift-y: -120px;color:#ffd7004d}.p3{width:5px;height:5px;background:#4ecdc473;top:75%;left:35%;animation-duration:18s;animation-delay:4s;--drift-x: 50px;--drift-y: -200px;color:#4ecdc44d}.p4{width:3px;height:3px;background:#ff6b6b80;top:25%;left:65%;animation-duration:22s;animation-delay:1s;--drift-x: -110px;--drift-y: -150px;color:#ff6b6b4d}.p5{width:4px;height:4px;background:#96ceb480;top:45%;left:20%;animation-duration:17s;animation-delay:6s;--drift-x: 90px;--drift-y: -170px;color:#96ceb44d}.p6{width:3px;height:3px;background:#c77dff80;top:10%;left:50%;animation-duration:19s;animation-delay:3s;--drift-x: -70px;--drift-y: -160px;color:#c77dff4d}.p7{width:5px;height:5px;background:#45b7d166;top:85%;left:70%;animation-duration:21s;animation-delay:7s;--drift-x: -40px;--drift-y: -220px;color:#45b7d140}.p8{width:2px;height:2px;background:#ffaa3380;top:35%;left:92%;animation-duration:15s;animation-delay:5s;--drift-x: -120px;--drift-y: -100px;color:#ffaa334d}.p9{width:4px;height:4px;background:#e8d44d66;top:65%;left:5%;animation-duration:23s;animation-delay:8s;--drift-x: 130px;--drift-y: -140px;color:#e8d44d40}.p10{width:3px;height:3px;background:#4ecdc48c;top:90%;left:55%;animation-duration:16s;animation-delay:10s;--drift-x: 60px;--drift-y: -190px;color:#4ecdc459}.p11{width:6px;height:6px;background:#c77dff59;top:5%;left:30%;animation-duration:25s;animation-delay:1.5s;--drift-x: 80px;--drift-y: -250px;color:#c77dff33}.p12{width:2px;height:2px;background:#ffd70099;top:50%;left:45%;animation-duration:14s;animation-delay:9s;--drift-x: -50px;--drift-y: -130px;color:#ffd70066}.p13{width:4px;height:4px;background:#4ecdc480;top:80%;left:15%;animation-duration:18s;animation-delay:2s;--drift-x: 100px;--drift-y: -150px;color:#4ecdc44d}.p14{width:3px;height:3px;background:#ff6b6b66;top:12%;left:80%;animation-duration:22s;animation-delay:5s;--drift-x: -90px;--drift-y: -180px;color:#ff6b6b33}.p15{width:5px;height:5px;background:#c77dff80;top:40%;left:8%;animation-duration:25s;animation-delay:1s;--drift-x: 120px;--drift-y: -200px;color:#c77dff4d}.p16{width:2px;height:2px;background:#ffd70099;top:60%;left:95%;animation-duration:15s;animation-delay:8s;--drift-x: -150px;--drift-y: -120px;color:#ffd70066}.p17{width:4px;height:4px;background:#45b7d180;top:88%;left:45%;animation-duration:19s;animation-delay:4s;--drift-x: 70px;--drift-y: -220px;color:#45b7d14d}.p18{width:3px;height:3px;background:#96ceb466;top:20%;left:25%;animation-duration:21s;animation-delay:7s;--drift-x: -80px;--drift-y: -140px;color:#96ceb433}.p19{width:5px;height:5px;background:#e8d44d66;top:5%;left:60%;animation-duration:28s;animation-delay:3s;--drift-x: -110px;--drift-y: -190px;color:#e8d44d33}.p20{width:3px;height:3px;background:#ffaa3380;top:70%;left:75%;animation-duration:17s;animation-delay:9s;--drift-x: -60px;--drift-y: -170px;color:#ffaa334d}.p21{width:4px;height:4px;background:#4ecdc499;top:35%;left:55%;animation-duration:20s;animation-delay:.5s;--drift-x: 90px;--drift-y: -160px;color:#4ecdc466}.p22{width:2px;height:2px;background:#c77dff80;top:50%;left:20%;animation-duration:16s;animation-delay:6s;--drift-x: 100px;--drift-y: -210px;color:#c77dff4d}.p23{width:4px;height:4px;background:#45b7d180;top:95%;left:85%;animation-duration:24s;animation-delay:2.5s;--drift-x: -130px;--drift-y: -230px;color:#45b7d14d}.p24{width:3px;height:3px;background:#ff6b6b66;top:25%;left:5%;animation-duration:19s;animation-delay:8.5s;--drift-x: 140px;--drift-y: -130px;color:#ff6b6b33}.p25{width:5px;height:5px;background:#ffd70066;top:75%;left:95%;animation-duration:26s;animation-delay:1.5s;--drift-x: -100px;--drift-y: -240px;color:#ffd70033}.p26{width:3px;height:3px;background:#96ceb480;top:45%;left:80%;animation-duration:18s;animation-delay:4.5s;--drift-x: -70px;--drift-y: -150px;color:#96ceb44d}.p27{width:4px;height:4px;background:#e8d44d80;top:85%;left:25%;animation-duration:22s;animation-delay:7.5s;--drift-x: 80px;--drift-y: -180px;color:#e8d44d4d}.p28{width:2px;height:2px;background:#4ecdc499;top:15%;left:50%;animation-duration:14s;animation-delay:3.5s;--drift-x: -40px;--drift-y: -110px;color:#4ecdc466}.p29{width:5px;height:5px;background:#c77dff66;top:65%;left:35%;animation-duration:27s;animation-delay:9.5s;--drift-x: 110px;--drift-y: -250px;color:#c77dff33}.p30{width:3px;height:3px;background:#ffaa3380;top:30%;left:90%;animation-duration:20s;animation-delay:5.5s;--drift-x: -120px;--drift-y: -160px;color:#ffaa334d}@keyframes particleFloat{0%{opacity:0;transform:translate(0) scale(.5)}8%{opacity:.8}50%{opacity:1;transform:translate(calc(var(--drift-x, 60px)),calc(var(--drift-y, -120px))) scale(1.3)}92%{opacity:.8}to{opacity:0;transform:translate(calc(var(--drift-x, 60px) * 2),calc(var(--drift-y, -120px) * 2)) scale(.4)}}.nebula-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(69,183,209,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(199,125,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(78,205,196,.03) 0%,transparent 40%);animation:nebulaShift 30s ease-in-out infinite alternate}@keyframes nebulaShift{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,5,20,.4) 100%)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(69,183,209,.08) 0%,transparent 15%),linear-gradient(-45deg,rgba(78,205,196,.05) 0%,transparent 15%)}.edit-btn{display:inline-block;border:none;background:none;color:#ffffff4d;cursor:pointer;font-size:1rem;margin-left:8px;transition:color .2s;vertical-align:middle}.edit-btn:hover{color:#4ecdc4}.edit-name-input{width:100%;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(78,205,196,.3);border-radius:8px;color:#e0e0e0;font-size:1.2rem;font-weight:600;font-family:inherit;text-align:center;outline:none}.edit-name-input:focus{border-color:#4ecdc4;background:#4ecdc414}.edit-form-inline{display:flex;flex-direction:column;gap:10px;margin-top:8px}.edit-row{display:flex;flex-direction:column;gap:4px}.edit-row label{font-size:.7rem;color:#ffffff59;letter-spacing:.1em}.edit-birth-input,.edit-note-input{width:100%;padding:6px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:.85rem;font-family:inherit;outline:none}.edit-birth-input:focus,.edit-note-input:focus{border-color:#4ecdc466;background:#4ecdc40d}.edit-note-input{resize:vertical;min-height:48px}.edit-actions{display:flex;gap:8px;margin-top:4px}.save-edit-btn,.cancel-edit-btn{flex:1;padding:7px 0;border-radius:8px;font-size:.8rem;font-family:inherit;cursor:pointer;border:1px solid;transition:all .2s}.save-edit-btn{background:#4ecdc426;border-color:#4ecdc44d;color:#4ecdc4}.save-edit-btn:hover{background:#4ecdc440;border-color:#4ecdc4}.cancel-edit-btn{background:#ffffff0a;border-color:#ffffff1a;color:#fff6}.cancel-edit-btn:hover{background:#ffffff14;color:#fff9}.member-note{width:100%;text-align:center;font-size:.75rem;color:#ffffff4d;font-style:italic;margin-top:6px}.name-text{display:inline}.modal-btn{padding:10px 24px;border-radius:8px;font-size:.95rem;font-family:inherit;font-weight:500;cursor:pointer;border:1px solid;transition:all .25s ease;background:transparent;flex:1}.modal-btn.confirm{background:#4ecdc426;border-color:#4ecdc44d;color:#4ecdc4}.modal-btn.confirm:hover{background:#4ecdc440;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc433}.modal-btn.cancel{background:#ffffff0d;border-color:#ffffff1a;color:#fff9}.modal-btn.cancel:hover{background:#ffffff14;border-color:#fff3;color:#fff}#app-toast{position:fixed;top:-60px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:30px;font-size:.95rem;font-weight:500;z-index:999999;opacity:0;pointer-events:none;background:#191928d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;min-width:250px}#app-toast.show{top:40px;opacity:1}#app-toast.success{border-color:#4ecdc466;color:#4ecdc4;box-shadow:0 8px 32px #4ecdc433}#app-toast.warning{border-color:#ff6b6b66;color:#ff6b6b;box-shadow:0 8px 32px #ff6b6b33}