body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button-control,body{background-color:#000}.button-control{align-items:center;border:1px solid #404040;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:16px;justify-content:center;overflow:hidden;padding:6px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:transform .3s;white-space:nowrap;width:100px}.button-control:hover{background-color:#222;border-color:#888}.button-control:active{transform:scale(.9)}.progressBarWrapper{background-color:#aed9ff;height:25px;margin-top:5px;width:100%}.progress,.progressBarWrapper{border-radius:15px;position:relative}.progress{background-color:#186efb;height:100%}.label{color:#fff;font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fw-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:20px}.fw-card{background:#20356f38;border:1px solid #00bfff38;border-radius:12px;box-shadow:0 0 10px #0006;cursor:pointer;padding:12px;transition:transform .15s ease,box-shadow .15s ease}.fw-card:hover{box-shadow:0 0 16px #0008;transform:translateY(-3px)}.fw-img{background:#333;border-radius:8px;object-fit:cover;width:100%}.fw-title{color:#fff;font-size:14px;font-weight:650;height:36px;line-height:18px;margin-bottom:0;margin-top:5px;overflow:hidden}.fw-btn-group{display:flex;gap:10px;justify-content:center;margin-top:0;width:100%}.fw-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:650;padding:8px 0;text-align:center}.fw-btn1{background:#0866ff}.fw-btn1:hover{background:#2882ff}.fw-btn2{background:#ff5722}.fw-btn2:hover{background:#ff784e}.pill-tabs{background:#0a1928;border:1px solid #00c8ff40;border-radius:12px;box-shadow:inset 0 0 12px #0009;display:flex;gap:6px;padding:6px}.pill-tabs button{background:#0000;border:none;border-radius:8px;color:#ffffffa6;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 0;transition:all .25s ease}.pill-tabs button.active{background:linear-gradient(90deg,#27ebd1,#05a5f0);color:#000}.pill-tabs button:not(.active):hover{color:#fff}.page-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:20px}.fw-section{border:1px solid #404040;border-radius:10px;height:100%;margin-bottom:20px;overflow-y:scroll}.notification-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.notification{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;height:70%;padding:20px;position:relative;width:50%}.notification-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;line-height:1;padding:0 20px;position:absolute;right:12px;top:12px;transition:background .15s ease;width:32px;z-index:10}.notification-close:hover{background:#e53935}.notification-close:active{background:#c62828}.notification-close:focus{outline:none}.notification-content{height:100%;overflow:auto;white-space:pre-line;width:100%}.notification.progress-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141419;border-radius:20px;box-shadow:0 20px 60px #000000b3;color:#fff;max-width:900px;padding:22px 28px;width:40%}.progress-title{font-size:16px;font-weight:500;margin-bottom:14px;opacity:.95;white-space:pre-line}.progress-bar-wrapper{background:#ffffff26;border-radius:999px;height:10px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4cd7f0,#4807de);border-radius:999px;height:100%;transition:width .4s ease}.progress-footer{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;opacity:.85}.progress-percent{font-weight:600}.detail-modal{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.detail-card{background:#04090d;border:1px solid #404040;border-radius:20px;box-shadow:0 0 25px #000000b3;color:#fff;padding:20px;width:800px}.detail-tabs{display:flex;gap:10px;margin-bottom:20px}.detail-tabs button{background:#222;border:none;border-radius:8px;color:#aaa;cursor:pointer;flex:1 1;font-weight:600;padding:10px 0}.detail-tabs .active{background:#1787ff;color:#fff}.component-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.component-card{align-items:center;background:#fff;border:1px solid #404040;border-radius:10px;display:flex;flex-direction:column;margin-top:20px;overflow:hidden;padding:10px;position:relative;transition:transform .2s ease}.component-card:hover{transform:translateY(-4px)}.component-card img{height:200px;margin-bottom:5px;object-fit:contain;width:200px}.component-card .title{color:#000;font-size:16px;font-weight:600;text-align:center;transition:opacity .2s ease}.buy-btn,.component-card:hover .title{opacity:0}.buy-btn{background:#ee4d2d;border:none;border-radius:6px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;width:90%}.buy-btn:hover{background:#d73218;transform:translateY(-2px)}.component-card:hover .buy-btn{opacity:1;transform:translateY(0)}.diagram-wrap{margin-top:20px;text-align:center;width:100%}.diagram-img{max-height:80vh;max-width:100%;object-fit:contain}.close-btn{background:#ad1616;border:none;border-radius:12px;color:#eee;cursor:pointer;font-size:15px;margin-top:20px;padding:10px;width:100%}.close-btn:hover{background:#8e1111}