.icon-text-button{background-color:#404040!important;color:#fff!important;padding:10px 16px!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;border-radius:4px!important;transition:all .3s ease!important}.icon-text-button:hover{background-color:#505050!important;transform:translateY(-1px)!important}.icon-rotate{display:inline-block}.icon-rotate.rotating{animation:icon-spin .6s cubic-bezier(.4,1.4,.7,1) 1}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.icon-text-button{padding:8px 12px!important;font-size:14px!important}}.sidebar-list{display:grid;display:flex;flex-direction:column;gap:16px}.sidebar-title{color:#fff;margin:0 0 1rem;font-size:1.2rem;font-weight:700}@media (max-width: 768px){.sidebar-list{flex-direction:row;align-items:center;gap:8px;overflow-x:auto}.sidebar-title{font-size:1rem;margin-bottom:.5rem}}html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;overflow:hidden;background-color:#000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>  <defs>    <linearGradient id='grad1' x1='50%' y1='0%' x2='0%' y2='40%'>      <stop offset='0%' stop-color='%2300ccff' />      <stop offset='100%' stop-color='%2300004d' />    </linearGradient>    <linearGradient id='grad2' x1='100%' y1='30%' x2='30%' y2='100%'>      <stop offset='0%' stop-color='%2300ccff' />      <stop offset='100%' stop-color='%2300004d' />    </linearGradient>  </defs>  <line x1='50%' y1='0' x2='0' y2='40%' stroke='url(%23grad1)' stroke-width='5' />  <line x1='100%' y1='30%' x2='30%' y2='100%' stroke='url(%23grad2)' stroke-width='5' /></svg>");background-size:cover;background-repeat:no-repeat;background-position:center}.login-appname-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10rem}.app-name-tag{text-align:center;color:#f90}.login-container{background-color:#222;color:#fff;padding:48px 40px;width:100%;max-width:600px;border-radius:18px;box-shadow:0 4px 24px #0006;position:relative;z-index:2}.login-container h2{text-align:center;margin-bottom:1.5rem}.login-container input{width:90%;padding:.75rem;margin-bottom:1rem;border:none;border-radius:5px;background-color:#3a3a3a;color:#fff}.login-container input::placeholder{color:#bbb}.input-with-icon{position:relative;width:100%;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#bbb;font-size:1.2rem;z-index:1;top:12px}.input-with-icon input{width:100%;padding-left:40px;box-sizing:border-box}.input-with-icon input::placeholder{color:#bbb;text-indent:25px}.input-with-icon02{position:relative;width:100%;display:flex;align-items:center}.input-with-icon02 input{width:100%;padding-left:40px;box-sizing:border-box}.input-with-icon02 input::placeholder{color:#bbb;text-indent:5px}.login-container button{width:70%;padding:.75rem;background:linear-gradient(135deg,#f90,#f60);color:#000;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:.3s;font-size:1rem;box-shadow:0 4px 6px #0003}.login-container button:hover{background:linear-gradient(135deg,coral,#e65c00);transform:scale(1.03)}.button-container{text-align:center}.login-container p{color:red;text-align:center;margin-top:1rem}.login-animate-out{animation:loginFadeZoom .7s cubic-bezier(.4,1.4,.7,1) forwards}@keyframes loginFadeZoom{0%{opacity:1;transform:scale(1)}80%{opacity:.5;transform:scale(1.08)}to{opacity:0;transform:scale(.92)}}.logo-split-container{position:relative;width:90px;height:90px;margin:0 auto 1rem}.logo-split{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,1.4,.7,1);border-radius:20%;z-index:2}.logo-split.left.animate-left{transform:translate(-60px)}.logo-split.right.animate-right{transform:translate(60px)}.business-card{border:1px solid #ccc;border-radius:8px;padding:1rem;background-color:#3b3b3b;min-height:240px;width:100%;max-width:600px;box-sizing:border-box;position:relative}@media (max-width: 700px){.business-card{width:100%;max-width:100%;padding:1.2rem .5rem}}.qr-code-top-right{position:absolute;top:.5rem;right:.5rem;z-index:10;background:#fffffff2;border-radius:6px;padding:.3rem;box-shadow:0 2px 8px #00000026}.qr-code{display:block}.card-header{display:flex;gap:1rem;align-items:center;padding-right:90px}.avatar{width:80px;height:80px;border-radius:50%;margin-bottom:.5rem;object-fit:cover}.user-name{color:#fff;font-size:1.5rem}.github-link{max-width:100%;word-break:break-all;font-size:1rem;text-decoration:underline;color:#fff}.github-icon{width:30px;height:25px;vertical-align:middle;margin-right:.5rem;object-fit:contain}.skills-container{margin-top:.5rem}.skill-tag{margin:.2rem;padding:.2rem .5rem;border:1px solid #888;border-radius:4px;display:inline-block;font-size:.9rem;color:#000;background:linear-gradient(to right,#ff7e5f,#feb47b)}.message-container{font-style:italic;color:#fff;margin-top:.5rem}.message-label{font-weight:700}@media (max-width: 700px){.business-card{padding:.8rem .6rem}.card-header{flex-wrap:wrap;padding-right:70px}.user-name{font-size:1.25rem}.github-link{font-size:.95rem}.avatar{width:70px;height:70px}}.business-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box;justify-items:center;min-height:fit-content}@media (max-width: 768px){.business-card-list{grid-template-columns:1fr;gap:1rem;padding:.5rem}}@media (min-width: 1200px){.business-card-list{grid-template-columns:repeat(2,minmax(400px,1fr))}}.my-card-box-container{display:flex;min-height:100vh;box-sizing:border-box;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:280px;background-color:#1e1e1e;padding:1rem;box-shadow:2px 0 6px #0003;box-sizing:border-box;position:sticky;top:0;flex-shrink:0}.main-area{flex:1;display:flex;flex-direction:column;padding:2rem;overflow:hidden;box-sizing:border-box}.page-title{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:#fff!important;flex-shrink:0}.input-group{flex-shrink:0;margin-bottom:1rem}.input-group input{width:100%;max-width:400px;margin:0 auto;display:block}@media (max-width: 768px){.input-group input{max-width:none}}.search-results{flex-shrink:0;margin-bottom:1rem;text-align:center;color:#666}.cards-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.cards-container::-webkit-scrollbar{width:8px}.cards-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.cards-container::-webkit-scrollbar-thumb{background:#f90;border-radius:4px}.cards-container::-webkit-scrollbar-thumb:hover{background:#f60}.delete-toast{position:fixed;bottom:2.5rem;right:2.5rem;background:linear-gradient(135deg,#f90,#f60);color:#181818;padding:.9em 2.2em;border-radius:2em;font-weight:700;font-size:1.1rem;box-shadow:0 4px 16px #0000002e;z-index:2000;animation:fadeinout 2s}@media (max-width: 768px){.my-card-box-container{flex-direction:column}.sidebar{width:100%;position:sticky;top:0;z-index:10}.main-area{padding:1rem}.page-title{font-size:1.75rem;margin-bottom:1rem}.input-group input{max-width:none}}.my-business-card-container{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.sidebar{width:280px;background-color:#1e1e1e;padding:1rem;box-sizing:border-box;flex-shrink:0}.content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.header{width:100%;padding:1.5rem 2rem;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:2rem;font-weight:700;margin:0;color:#ddd}.edit-button{width:auto;padding:.7rem 1.5rem;background:linear-gradient(135deg,#f90,#f60);color:#181818;border:2px solid #ff9900;border-radius:30px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border .2s;font-size:1rem;box-shadow:0 4px 6px #0003}.edit-button:hover{background:#181818;color:#f90;border:2px solid #ff9900}.main-content{flex:1;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.card-section{width:100%;max-width:700px;padding:2rem;border-radius:12px;box-shadow:0 6px 15px #0000001a;display:flex;flex-direction:column;align-items:center;background:none;margin:2.5rem auto 0}.uid-row{display:flex;align-items:center;gap:.7em;margin:0 2.5rem 1.5rem;font-size:1.05rem;color:#f90;background:#232323;border-radius:8px;padding:.5em 1.2em;box-shadow:0 2px 8px #0000001a;width:100%;max-width:700px;overflow-wrap:anywhere;box-sizing:border-box}.uid-label{font-weight:700;margin-right:.3em;color:#f90}.uid-value{font-family:Consolas,Menlo,monospace;color:#f90;background:#181818;padding:.2em .7em;border-radius:6px;font-size:1.02em;letter-spacing:.02em;word-break:break-all}.uid-copy-btn{background:linear-gradient(135deg,#f90,#f60);color:#181818;border:2px solid #ff9900;border-radius:999px;font-weight:700;font-size:.98rem;padding:.3em 1.1em;margin-left:auto;cursor:pointer;transition:background .2s,color .2s,border .2s;box-shadow:0 2px 8px #0000001a;height:2.2em;display:flex;align-items:center}.uid-copy-btn:hover{background:#181818;color:#f90;border:2px solid #ff9900}.uid-toast{position:fixed;bottom:2.5rem;right:2.5rem;background:linear-gradient(135deg,#f90,#f60);color:#181818;padding:.9em 2.2em;border-radius:2em;font-weight:700;font-size:1.1rem;box-shadow:0 4px 16px #0000002e;z-index:2000;animation:fadeinout 1.8s}@keyframes fadeinout{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 768px){.my-business-card-container{flex-direction:column}.sidebar{width:100%;position:sticky;top:0;z-index:10}.content-wrapper{width:100%}.header{padding:1rem;gap:.75rem}.header-title{font-size:1.5rem}.edit-button{padding:.5rem 1rem;font-size:.95rem}.uid-row{margin:0 1rem 1rem;font-size:.95rem}.card-section{padding:1rem;margin-top:1rem}}.profile-edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.profile-edit-modal{background:#181818;color:#fff;border-radius:20px;box-shadow:0 8px 32px #0006;width:95vw;max-width:480px;min-width:320px;padding:0;overflow:hidden;animation:modal-in .2s;max-height:90vh;overflow-y:auto}@keyframes modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.profile-edit-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem 1rem;border-bottom:1px solid #333;background:#181818}.profile-edit-title{font-size:1.2rem;font-weight:700;flex:1;text-align:center}.close-btn{background:transparent;border:2px solid #fff;color:#fff;font-size:1.3rem;width:38px;height:38px;border-radius:10px;cursor:pointer;margin-right:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border .2s;box-shadow:0 2px 8px #0000001a;padding:0}.close-btn:hover{background:linear-gradient(135deg,#f90,#f60);color:#181818;border:2px solid #ff9900}.save-btn{background:linear-gradient(135deg,#f90,#f60);color:#181818;border:2px solid #ff9900;border-radius:999px;font-weight:700;font-size:1rem;padding:.4rem 1.2rem;cursor:pointer;transition:background .2s,color .2s,border .2s}.save-btn:hover{background:#181818;color:#f90;border:2px solid #ff9900}.profile-edit-body{padding:2rem 1.5rem 1.5rem}.profile-edit-avatar{display:flex;justify-content:center;margin-bottom:1.5rem}.avatar-label{cursor:pointer;display:inline-block}.avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #333;background:#222}.profile-edit-fields label{display:block;margin-bottom:1.1rem;font-size:1rem}.profile-edit-fields input,.profile-edit-fields textarea{width:100%;margin-top:.3rem;padding:.7rem 1rem;border:1px solid #333;border-radius:8px;background:#222;color:#fff;font-size:1rem;resize:none;outline:none;transition:border .2s}.profile-edit-fields input:focus,.profile-edit-fields textarea:focus{border:1.5px solid #ff9900}.skills-checkbox-group{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:.5rem;max-height:160px;overflow-y:auto;padding-right:4px}.skill-checkbox{font-size:1rem;display:flex;align-items:center;gap:.3rem}@media (max-width: 500px){.profile-edit-modal{min-width:0;width:98vw;max-width:98vw;padding:0;border-radius:10px}.profile-edit-body{padding:1rem .5rem}}@media (max-width: 360px){.profile-edit-modal{width:100vw;max-width:100vw;border-radius:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Meiryo,sans-serif;overflow-x:hidden;background-color:#181818;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>  <defs>    <linearGradient id='grad1' x1='50%' y1='0%' x2='0%' y2='40%'>      <stop offset='0%' stop-color='transparent' />      <stop offset='90%' stop-color='%23ff6600' />    </linearGradient>    <linearGradient id='grad2' x1='100%' y1='30%' x2='30%' y2='100%'>      <stop offset='80%' stop-color='%23ff6600' />      <stop offset='100%' stop-color='transparent' />    </linearGradient>  </defs>  <line x1='50%' y1='0' x2='0' y2='40%' stroke='url(%23grad1)' stroke-width='5' />  <line x1='100%' y1='30%' x2='30%' y2='100%' stroke='url(%23grad2)' stroke-width='5' /></svg>");background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff}#root{height:100%}a{text-decoration:none;color:inherit}input,textarea,select{font-family:inherit;border:1px solid #ddd;border-radius:4px;padding:.5rem;font-size:1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}::-webkit-scrollbar{width:10px;background:#232323}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#f90;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}button{background:linear-gradient(135deg,#f90,#f60);color:#fff;border:none;border-radius:8px;padding:.7em 1.5em;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .2s,transform .15s}button:hover{background:linear-gradient(135deg,#ff7f00,#f30);transform:translateY(-2px) scale(1.04)}input,textarea{background:#232323;color:#fff;border:1.5px solid #ff9900;border-radius:6px;padding:.7em 1em;font-size:1rem;margin-bottom:.5em;outline:none;transition:border .2s}input:focus,textarea:focus{border:1.5px solid #ff6600}.card,.business-card{background:#333;border-radius:10px;box-shadow:0 2px 8px #0000001a;border:1.2px solid #ff9900;padding:1.2em 1.2em 1em;margin-bottom:1.2em}.sidebar{background:#1e1e1e;border-right:2px solid #ff9900;box-shadow:2px 0 10px #0000001f}.sidebar-list{margin-top:1.5em}.sidebar-title{color:#f90;font-size:1.3em;font-weight:700;margin-bottom:1.5em;display:flex;align-items:center;gap:.5em}.icon-text-button{background:#232323!important;color:#fff!important;border:1.5px solid #ff9900!important;border-radius:8px!important;margin-bottom:1em!important;font-size:1.1em!important;font-weight:500!important;transition:background .2s,border .2s!important}.icon-text-button:hover{background:#f90!important;color:#232323!important;border:1.5px solid #ff6600!important}.page-title,.main-title{color:#f90;font-size:2rem;font-weight:700;text-align:center;margin-top:1.5rem;margin-bottom:1.2rem;letter-spacing:.05em}.input-group{width:100%;max-width:350px;display:flex;gap:.3em;margin:0 auto 2em}input[type=text],input[type=search]{width:100%;font-size:1rem;border-radius:6px;border:1.5px solid #ff9900;background:#232323;color:#fff;padding:.5em 1em;height:42px;transition:border .2s}input[type=text]::placeholder,input[type=search]::placeholder{color:#bbb;opacity:1}.button-orange{background:linear-gradient(135deg,#f90,#f60);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;padding:.5em 1.1em;min-width:80px;height:42px;line-height:1;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center}.button-orange:hover{background:linear-gradient(135deg,#ff7f00,#f30);transform:translateY(-2px) scale(1.04)}