.dh-syne{font-family:var(--font-syne), sans-serif}.dh-dm{font-family:var(--font-dm), sans-serif}@keyframes dh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dh-pulse-ring{0%{opacity:.4;transform:scale(.95)}70%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}@keyframes dh-spin{to{transform:rotate(360deg)}}@keyframes dh-progress{0%{width:10%}50%{width:75%}to{width:55%}}@keyframes dh-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dh-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dh-particle{0%{opacity:.7;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(0)}}.dh-float{animation:4s ease-in-out infinite dh-float}.dh-spin-anim{animation:1.2s linear infinite dh-spin}.dh-fade-1{animation:.6s forwards dh-fade-up}.dh-fade-2{opacity:0;animation:.6s .12s forwards dh-fade-up}.dh-fade-3{opacity:0;animation:.6s .24s forwards dh-fade-up}.dh-shimmer-text{background:linear-gradient(90deg,#1f2937 30%,#12b8cd 55%,#1f2937 80%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite dh-shimmer}.dh-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.dh-ring:before{content:"";border:2px solid #12b8cd4d;border-radius:50%;animation:2.5s ease-out infinite dh-pulse-ring;position:absolute;inset:-6px}.dh-card{background:#fffffffa;border:1px solid #0000000f;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 20px 48px #00000014}.dh-card:hover{border-color:#12b8cd33;box-shadow:0 4px 16px #12b8cd14,0 24px 64px #0000001f}.dh-drop{cursor:pointer;background:linear-gradient(145deg,#12b8cd05,#12b8cd0f);border:2px dashed #12b8cd4d;border-radius:18px;transition:border-color .22s,background .22s;position:relative;overflow:hidden}.dh-drop:before{content:"";opacity:0;background:radial-gradient(at 60% 40%,#12b8cd17 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.dh-drop:hover{background:linear-gradient(145deg,#12b8cd0a,#12b8cd14);border-color:#12b8cd99}.dh-drop:hover:before{opacity:1}.dh-dotgrid{background-image:radial-gradient(circle,#12b8cd1f 1px,#0000 1px);background-size:22px 22px}.dh-badge{color:#3bb978;letter-spacing:.04em;font-size:11px;font-weight:600;font-family:var(--font-dm), sans-serif;background:#12b8cd14;border:1px solid #12b8cd29;border-radius:999px;align-items:center;padding:4px 12px;display:inline-flex}.dh-btn{color:#fff;font-family:var(--font-syne), sans-serif;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#12b8cd,#3bb978);border:none;border-radius:10px;padding:10px 28px;font-size:12.5px;font-weight:700;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 4px 16px #12b8cd59}.dh-btn:after{content:"";background:linear-gradient(135deg,#ffffff26 0%,#0000 55%);position:absolute;inset:0}.dh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #12b8cd73}.dh-btn:active{transform:translateY(0)}.dh-btn-workspace{color:#12b8cd;font-family:var(--font-syne), sans-serif;letter-spacing:.04em;cursor:pointer;background:0 0;border:1.5px solid #12b8cd40;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:12.5px;font-weight:700;transition:all .25s;display:inline-flex}.dh-btn-workspace:hover{background:#12b8cd0f;border-color:#12b8cd80;transform:translateY(-2px);box-shadow:0 6px 20px #12b8cd26}.dh-btn-workspace:active{transform:translateY(0)}.dh-particle{background:#12b8cd;border-radius:50%;width:5px;height:5px;animation:1.6s ease-out infinite dh-particle;position:absolute}.dh-bg{background-color:#f7f8fa;background-image:radial-gradient(80% 55% at 50% -5%,#12b8cd14 0%,#0000 70%),linear-gradient(#12b8cd08 1px,#0000 1px),linear-gradient(90deg,#12b8cd08 1px,#0000 1px);background-size:auto,28px 28px,28px 28px}.dh-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;justify-content:center;align-items:center;animation:.25s dh-fade-up;display:flex;position:fixed;inset:0}.dh-modal{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:32px;animation:.3s dh-fade-up;box-shadow:0 24px 80px #0000002e}.dh-input{width:100%;font-size:15px;font-family:var(--font-dm), sans-serif;border:1.5px solid #0000001a;border-radius:12px;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.dh-input:focus{border-color:#12b8cd;box-shadow:0 0 0 3px #12b8cd1f}.dh-divider-row{align-items:center;gap:16px;width:100%;max-width:420px;display:flex}.dh-divider-line{background:#00000014;flex:1;height:1px}.sb-wrapper{flex-shrink:0;height:100%;transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.sb-toggle{z-index:50;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #00000017;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,box-shadow .18s,transform .15s,left .28s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:14px;left:14px;box-shadow:0 1px 6px #0000001a}.sb-toggle:hover{background:#fff;transform:scale(1.06);box-shadow:0 3px 12px #00000024}.sb-logo{transition:opacity .22s,transform .22s}.sb-logo.hidden-logo{opacity:0;pointer-events:none;transform:translate(-8px)}