.ds-section{margin-bottom:100px}.ds-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-cyber-cyan);font-variation-settings:"wght" 700;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,229,255,.2);display:inline-block}.typo-hierarchy{display:flex;flex-direction:column;gap:2px;margin-top:32px}.typo-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:32px;padding:28px 32px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:background .3s ease}.typo-row:first-child{border-radius:20px 20px 0 0}.typo-row:last-child{border-radius:0 0 20px 20px}.typo-row:hover{background:#ffffff0a}.typo-spec{font-size:.8rem;color:#fff6;font-family:monospace;line-height:1.5}.token-grid{display:flex;flex-direction:column;gap:2px;margin-top:32px}.token-row{display:grid;grid-template-columns:260px 32px 200px 1fr;align-items:center;gap:16px;padding:16px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:background .3s ease}.token-row:first-child{border-radius:16px 16px 0 0}.token-row:last-child{border-radius:0 0 16px 16px}.token-row:hover{background:#ffffff0a}.token-row code{font-size:.85rem;color:var(--color-cyber-cyan)}.token-row span{font-size:.85rem;color:#fff6}.token-swatch{width:28px;height:28px;border-radius:8px;box-shadow:0 4px 12px #0006}.token-swatch.obsidian{border:1px solid rgba(255,255,255,.2)}.spacing-demo{display:flex;gap:24px;align-items:flex-end;margin:32px 0;flex-wrap:wrap}.space-item{display:flex;flex-direction:column;align-items:center;gap:12px}.space-block{background:var(--color-cyber-cyan);border-radius:4px;opacity:.6}.space-item span{font-size:.75rem;font-family:monospace;color:#fff6;white-space:nowrap}.grid-spec{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;margin-top:32px}.grid-spec code{font-size:.9rem;color:var(--color-cyber-cyan)}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}.component-card{background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:32px}.component-card h4{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.comp-stack{display:flex;flex-direction:column;gap:16px}.tags-showcase{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.tag{padding:8px 18px;border-radius:20px;background:#ffffff0f;font-size:.9rem;font-variation-settings:"wght" 600;color:#fffc;transition:all .3s ease;cursor:default}.tag:hover{background:#ffffff1a;transform:translateY(-2px)}.ghost-btn{background:transparent;color:var(--color-cyber-cyan);border:none}.ghost-btn:hover{background:#00e5ff14;box-shadow:none}.fab-btn{width:56px;height:56px;border-radius:50%;background:var(--color-fluorescent-green);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #39ff1466;border:none;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.fab-btn:hover{transform:scale(1.15) translateY(-4px)}.taste-orb{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-cyber-cyan),var(--color-heritage-rose));box-shadow:inset 0 0 20px #fff6,0 10px 24px #00000080;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-variation-settings:"wght" 800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em}.taste-orb.techno{background:linear-gradient(135deg,#00e5ff,#05f)}.taste-orb.house{background:linear-gradient(135deg,#e3004f,#ff8c00)}.taste-orb.ambient{background:linear-gradient(135deg,#39ff14,teal)}.slider-container{width:100%}.custom-slider{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-cyber-cyan);cursor:pointer;box-shadow:0 0 12px #00e5ff80}.surface-sheet{background:linear-gradient(180deg,#1e1e1ecc,#0a0a0af2);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:28px 28px 0 0;padding:40px 32px 32px;position:relative;box-shadow:0 -16px 40px #00000080;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.sheet-handle{width:40px;height:5px;background:#ffffff26;border-radius:3px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.ds-footer{margin-top:80px;padding:32px 0;border-top:1px solid rgba(255,255,255,.06)}.ds-footer p{font-size:.85rem;color:#ffffff4d}.ds-footer a{color:var(--color-cyber-cyan);text-decoration:none}.shapes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-top:32px}.shape-card{background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:32px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease}.shape-card:hover{transform:translateY(-4px);border-color:#ffffff1f}.shape-preview{display:flex;align-items:center;gap:16px;margin-bottom:24px}.shape-demo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;flex-shrink:0}.shape-demo:hover{transform:scale(1.12);box-shadow:0 8px 32px #00000080}.shape-circle{border-radius:50%}.shape-squircle{border-radius:28%}.shape-rounded-rect{border-radius:12px}.shape-artwork{border-radius:4px}.shape-venue{border-radius:16px 16px 4px 4px}.shape-event{width:58px;border-radius:8px}.shape-meta h4{font-size:1.1rem;font-variation-settings:"wght" 700;color:#fff;margin-bottom:6px}.shape-meta code{font-size:.8rem;color:var(--color-cyber-cyan);display:block;margin-bottom:10px}.shape-meta p{font-size:.9rem;color:#ffffff80;line-height:1.5}.shapes-comparison{margin-top:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px}.shapes-strip{display:flex;gap:32px;align-items:center;flex-wrap:wrap;justify-content:center}.strip-item{display:flex;flex-direction:column;align-items:center;gap:10px}.strip-item span{font-size:.75rem;color:#fff6;font-variation-settings:"wght" 600;text-transform:uppercase;letter-spacing:.08em}.shape-mini{width:48px;height:48px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.shape-mini.shape-event{width:38px}.shape-mini:hover{transform:scale(1.2)}.ds-bubble{border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid var(--color-heritage-rose);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000080;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ds-bubble:hover{transform:scale(1.1);box-shadow:0 8px 24px #0009}.ds-bubble-active{box-shadow:0 0 0 4px #00e5ff4d,0 4px 16px #00000080;border-color:var(--color-cyber-cyan)}.ds-bubble-target{animation:bubblePulse 2s infinite;border-color:var(--color-fluorescent-green)}.ds-bubble-grayscale{filter:grayscale(1) brightness(.5);opacity:.5}.ds-bubble-label{font-size:.7rem;color:#fff6;margin-top:8px;display:block}.ds-mood-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#0a0a0a;border:2px solid #0A0A0A;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #00000080}@keyframes bubblePulse{0%,to{box-shadow:0 0 #39ff1466}50%{box-shadow:0 0 0 8px #39ff1400}}.ds-avatar{border-radius:50%;box-shadow:0 4px 12px #0006;transition:transform .3s ease;position:relative}.ds-avatar:hover{transform:scale(1.08)}.ds-avatar-count{background:#ffffff1a;border:2px solid #0A0A0A;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-variation-settings:"wght" 700;color:#fff9}.ds-list-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.ds-list-item:last-child{border-bottom:none}.ds-list-item:hover{background:#ffffff05}.ds-list-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.ds-list-title{font-size:.95rem;font-variation-settings:"wght" 600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-list-sub{font-size:.8rem;color:#ffffff59}.ds-list-unread{background:#00e5ff08}.ds-unread-dot{width:10px;height:10px;border-radius:50%;background:var(--color-cyber-cyan);flex-shrink:0;box-shadow:0 0 8px #00e5ff80}.ds-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.ds-close-btn:hover{background:#ffffff26;color:#fff}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-variation-settings:"wght" 800;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:4px 10px}.ds-badge-live{background:var(--color-heritage-rose);color:#fff;animation:badgePulse 2s infinite}.ds-badge-online{width:12px;height:12px;padding:0;background:var(--color-fluorescent-green);border-radius:50%;box-shadow:0 0 8px #39ff1480}.ds-badge-count{background:var(--color-cyber-cyan);color:#000;min-width:22px;height:22px;padding:0 6px;font-size:.7rem}.ds-badge-new{background:#39ff1426;color:var(--color-fluorescent-green)}@keyframes badgePulse{0%,to{box-shadow:0 0 #e3004f66}50%{box-shadow:0 0 0 6px #e3004f00}}.ds-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.85rem;font-variation-settings:"wght" 600}.ds-banner-offline{background:#e3004f1a;color:var(--color-heritage-rose);border:1px solid rgba(227,0,79,.2)}.ds-banner-announce{background:#00e5ff0f;color:var(--color-cyber-cyan);border:1px solid rgba(0,229,255,.15)}.ds-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-eventcard-row{display:flex;align-items:center;gap:14px}.ds-flyer-stack{position:relative;width:95px;flex-shrink:0;padding:8px}.ds-flyer-tilted{width:85px;height:105px;border-radius:12px;transform:rotate(-.06rad);box-shadow:0 6px 20px #00000080;transition:transform .4s ease}.ds-flyer-tilted:hover{transform:rotate(-.06rad) scale(1.05)}.ds-flyer-live{box-shadow:0 0 0 3px #39ff1480,0 6px 20px #00000080;animation:liveGlow 2s infinite}@keyframes liveGlow{0%,to{box-shadow:0 0 0 3px #39ff1480,0 6px 20px #00000080}50%{box-shadow:0 0 0 5px #39ff1433,0 6px 20px #00000080}}.ds-date-overlap{position:absolute;left:-2px;top:-2px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;line-height:1;transform:rotate(-.1rad);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000080}.ds-date-live{border-color:#39ff144d}.ds-date-month{font-size:.5rem;font-variation-settings:"wght" 700;color:var(--color-heritage-rose);text-transform:uppercase;letter-spacing:.1em}.ds-date-day{font-size:1.1rem;font-variation-settings:"wght" 900;color:#fff}.ds-eventcard-meta{flex:1;display:flex;flex-direction:column;gap:3px}.ds-event-title{font-size:.95rem;font-variation-settings:"wght" 700;color:#fff;display:block}.ds-event-venue{font-size:.8rem;color:#fff6;display:block}.ds-event-type{font-size:.75rem;color:#ffffff4d;display:block}.ds-flyer-building{border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 0 0 3px #0096ff66,0 0 8px #00c8ff4d,0 6px 20px #00000080;animation:buildingPulse 3s ease-in-out infinite}.ds-flyer-peak{border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 3px #b400c880,0 0 12px #ff008066,0 6px 20px #00000080;animation:peakPulse 2s ease-in-out infinite}@keyframes buildingPulse{0%,to{box-shadow:0 0 0 3px #0096ff66,0 0 8px #00c8ff40,0 6px 20px #00000080}33%{box-shadow:0 0 0 5px #00e5ff80,0 0 10px #00e5ff4d,0 6px 20px #00000080}66%{box-shadow:0 0 0 5px #00c86466,0 0 8px #39ff1440,0 6px 20px #00000080}}@keyframes peakPulse{0%,to{box-shadow:0 0 0 3px #b400ff80,0 0 12px #b400ff59,0 6px 20px #00000080}33%{box-shadow:0 0 0 5px #ff00808c,0 0 14px #ff008066,0 6px 20px #00000080}66%{box-shadow:0 0 0 5px #ff8c0080,0 0 12px #ff8c0059,0 6px 20px #00000080}}.ds-energy-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ds-energy-building{background:var(--color-cyber-cyan);box-shadow:0 0 6px #00e5ff80;animation:dotPulse 2s infinite}.ds-energy-peak{background:#e040fb;box-shadow:0 0 8px #e040fb99;animation:dotPulse 1.5s infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.ds-energy-swatch{width:28px;height:28px;border-radius:8px;box-shadow:0 4px 12px #0006}.ds-swatch-peak{background:linear-gradient(135deg,#e040fb,#ff4081,#ff8c00)}.ds-swatch-building{background:linear-gradient(135deg,#448aff,#00e5ff,#69f0ae)}.ds-swatch-normal{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.ds-swatch-live{background:var(--color-fluorescent-green)}.ds-swatch-draft{background:linear-gradient(135deg,#ffea00,#ffd740,#ff9100)}.morphic-btn-demo{position:relative;border-radius:100px;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.morphic-btn-demo:active{transform:scale(1.04)}.morphic-blob-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.morphic-blob{position:absolute;border-radius:50%;will-change:transform,opacity;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1)}.morphic-blob-left,.morphic-blob-right,.morphic-blob-center,.morphic-blob-orbit-1,.morphic-blob-orbit-2{width:0px;height:0px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.morphic-btn-demo.morphic-pressed .morphic-blob-left{opacity:1;width:200%;height:200%;transform:translate(calc(-50% - var(--tear-offset, 60px)),-50%)}.morphic-btn-demo.morphic-pressed .morphic-blob-right{opacity:1;width:200%;height:200%;transform:translate(calc(-50% + var(--tear-offset, 60px)),-50%)}.morphic-btn-demo.morphic-pressed .morphic-blob-center{opacity:1;width:150%;height:150%}.morphic-btn-demo.morphic-pressed .morphic-blob-orbit-1{opacity:.7;width:80%;height:80%;animation:morphicOrbit1 3s linear infinite}.morphic-btn-demo.morphic-pressed .morphic-blob-orbit-2{opacity:.7;width:80%;height:80%;animation:morphicOrbit2 3s linear infinite}@keyframes morphicOrbit1{0%{transform:translate(calc(-50% - 30px),calc(-50% + 10px))}25%{transform:translate(calc(-50% + 10px),calc(-50% - 15px))}50%{transform:translate(calc(-50% + 30px),calc(-50% + 10px))}75%{transform:translate(calc(-50% - 10px),calc(-50% + 15px))}to{transform:translate(calc(-50% - 30px),calc(-50% + 10px))}}@keyframes morphicOrbit2{0%{transform:translate(calc(-50% + 25px),calc(-50% - 8px))}25%{transform:translate(calc(-50% - 15px),calc(-50% + 12px))}50%{transform:translate(calc(-50% - 25px),calc(-50% - 8px))}75%{transform:translate(calc(-50% + 15px),calc(-50% - 12px))}to{transform:translate(calc(-50% + 25px),calc(-50% - 8px))}}.morphic-btn-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-variation-settings:"wght" 700;color:#fff;padding:16px 32px;white-space:nowrap;pointer-events:none}.morphic-primary{background:#00e5ff1f;border:1px solid rgba(0,229,255,.25)}.morphic-primary .morphic-blob{background:radial-gradient(circle,#00e5ff99,#7b2fbe66 70%)}.morphic-primary .morphic-blob-orbit-1{opacity:.3;width:60%;height:60%;animation:morphicOrbit1 5s linear infinite}.morphic-primary .morphic-blob-orbit-2{opacity:.3;width:60%;height:60%;animation:morphicOrbit2 5s linear infinite}.morphic-primary:hover{border-color:#00e5ff66;box-shadow:0 0 24px #00e5ff1f}.morphic-secondary{background:#141414;border:1px solid rgba(255,255,255,.08)}.morphic-secondary .morphic-blob{background:radial-gradient(circle,#345c,#22334480 70%)}.morphic-secondary:hover{border-color:#ffffff24}.morphic-destructive{background:#ff52521f;border:1px solid rgba(255,82,82,.25)}.morphic-destructive .morphic-blob{background:radial-gradient(circle,#ff525299,#f006 70%)}.morphic-destructive .morphic-btn-label{color:#ff5252}.morphic-destructive.morphic-pressed .morphic-btn-label{color:#fff}.morphic-destructive:hover{border-color:#ff525266;box-shadow:0 0 24px #ff52521a}.morphic-destructive.morphic-pressed .morphic-blob-left,.morphic-destructive.morphic-pressed .morphic-blob-right{width:120%;height:120%}.morphic-destructive.morphic-pressed .morphic-blob-center{width:100%;height:100%}.morphic-ghost{background:transparent;border:1px solid transparent}.morphic-ghost:hover{background:#ffffff0a}.morphic-ghost .morphic-btn-label{padding:12px 24px}.morphic-circle{width:56px;height:56px;border-radius:50%;flex-shrink:0}.morphic-circle .morphic-btn-label{padding:0;width:100%;height:100%}.morphic-compact .morphic-btn-label{padding:12px 24px;font-size:.85rem}@media (max-width: 900px){.typo-row{grid-template-columns:1fr;gap:12px}.token-row{grid-template-columns:1fr 28px 1fr}.token-row span:last-child{display:none}.component-grid{grid-template-columns:1fr}}