.pattern-preview.tooltip-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:visible;isolation:isolate}.tooltip-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.tooltip-stage-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:visible}.t1-wrap{position:relative;display:inline-block}.t1-trigger{padding:12px 22px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;background:rgba(20,22,38,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(248,250,252,.92);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}.t1-trigger:hover{transform:translateY(-1px);background:rgba(28,30,48,.9);border-color:rgba(255,255,255,.16);box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}.t1-tip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(10px) scale(.92);opacity:0;pointer-events:none;transition:all .36s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,rgba(167,139,250,.9),rgba(244,114,182,.75) 50%,rgba(96,165,250,.9));padding:1.5px;border-radius:11px;filter:drop-shadow(0 18px 36px rgba(80,40,120,.4));white-space:nowrap;z-index:10}.t1-tip-inner{background:rgba(15,14,22,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:9.5px;padding:11px 14px;color:rgba(255,255,255,.96);font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;letter-spacing:.005em}.t1-key{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:3px 8px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;box-shadow:inset 0 -1px 0 rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.06)}.t1-wrap.is-shown .t1-tip,.t1-wrap:focus-within .t1-tip,.t1-wrap:hover .t1-tip{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.t2-line{font-family:"Instrument Serif",Georgia,serif;font-size:18px;line-height:1.6;color:rgba(248,250,252,.92);text-align:center;max-width:320px;letter-spacing:-.01em}.t2-wrap{position:relative;display:inline-block}.t2-trigger{font-family:ui-monospace,JetBrains Mono,monospace;font-size:14px;font-weight:500;color:#b85a8e;cursor:pointer;border-bottom:1px dashed #d08fb1;padding:0 2px 1px;transition:all .2s ease}.t2-trigger:hover{color:#9f3d71;border-bottom-color:#b85a8e}.t2-card{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(12px) scale(.92) rotate(-1.8deg);transform-origin:50% calc(100% + 18px);opacity:0;pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);width:280px;background:#fffcf5;border:1px solid rgba(184,149,106,.25);border-radius:16px;padding:16px;box-shadow:0 32px 64px rgba(60,40,20,.18),0 8px 16px rgba(60,40,20,.08),inset 0 1px 0 rgba(255,255,255,.6);text-align:left;z-index:10}.t2-wrap.is-shown .t2-card,.t2-wrap:focus-within .t2-card,.t2-wrap:hover .t2-card{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0deg)}.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-line,.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-wrap{position:static}.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-card{top:50%;bottom:auto;left:50%;transform:translateX(-50%) translateY(-50%) scale(.92) rotate(-1.8deg);transform-origin:center}.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-wrap.is-shown .t2-card,.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-wrap:focus-within .t2-card,.tooltip-preview--motion-profile.tooltip-preview--inspector .t2-wrap:hover .t2-card{transform:translateX(-50%) translateY(-50%) scale(1) rotate(0deg)}.t2-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.t2-avatar{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffb088 0,transparent 50%),radial-gradient(circle at 75% 75%,#5c7cfa 0,transparent 60%),linear-gradient(135deg,#c77dff,#ff8fab);flex-shrink:0;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 10px rgba(199,125,255,.2)}.t2-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fffcf5;box-shadow:0 0 8px rgba(34,197,94,.65);animation:tooltipStatusPulse 2s ease-in-out infinite}@keyframes tooltipStatusPulse{0%,to{box-shadow:0 0 8px rgba(34,197,94,.5)}50%{box-shadow:0 0 14px rgba(34,197,94,.9)}}.t2-info{flex:1 1;min-width:0}.t2-name{font-family:"Instrument Serif",Georgia,serif;font-size:17px;font-weight:400;color:#1a1714;letter-spacing:-.015em;line-height:1.15}.t2-handle{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;color:#8a847a;margin-top:3px;letter-spacing:.02em}.t2-bio{font-family:"Instrument Serif",Georgia,serif;font-size:13px;font-style:italic;color:#4a4540;line-height:1.5;margin:0 0 12px}.t2-stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:10px;border-top:1px solid rgba(184,149,106,.18)}.t2-stat{text-align:center}.t2-stat-v{font-family:"Instrument Serif",Georgia,serif;font-size:18px;font-weight:400;font-style:italic;color:#1a1714;display:block;letter-spacing:-.015em;line-height:1.1}.t2-stat-l{font-family:ui-monospace,JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a847a;margin-top:3px;display:block}.tooltip-preview--motion-marginalia .tooltip-stage-inner{align-items:flex-start;padding:22px 16px}.t3-passage{font-family:"Instrument Serif",Georgia,serif;font-size:17px;line-height:1.7;color:rgba(248,250,252,.92);max-width:280px;letter-spacing:.005em;margin:0}.t3-wrap{position:relative;display:inline}.t3-trigger{background:linear-gradient(transparent 60%,rgba(251,191,36,.45) 0);cursor:help;font-style:italic;padding:0 1px;transition:background .3s}.t3-wrap:focus-within .t3-trigger,.t3-wrap:hover .t3-trigger{background:linear-gradient(transparent 55%,rgba(251,191,36,.7) 0)}.t3-margin{position:absolute;top:calc(100% + 38px);left:-10px;width:230px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .55s cubic-bezier(.4,0,.2,1);z-index:10}.t3-wrap.is-shown .t3-margin,.t3-wrap:focus-within .t3-margin,.t3-wrap:hover .t3-margin{opacity:1;transform:translateY(0)}.t3-line{position:absolute;top:-34px;left:32px;width:1px;height:0;background-image:linear-gradient(180deg,rgba(251,191,36,.7) 50%,transparent 0);background-size:1px 5px;background-repeat:repeat-y;transition:height .55s cubic-bezier(.4,0,.2,1) .18s}.t3-wrap.is-shown .t3-line,.t3-wrap:focus-within .t3-line,.t3-wrap:hover .t3-line{height:34px}.t3-content{background:linear-gradient(135deg,#fbf4e2,#f0e2c2);border-radius:4px;padding:12px 14px;border-left:2px solid #b49c5f;font-family:"Instrument Serif",Georgia,serif;font-size:13.5px;line-height:1.55;color:#3a3024;position:relative;box-shadow:0 18px 32px rgba(140,110,60,.18),0 2px 4px rgba(140,110,60,.1);transform:rotate(-.8deg)}.t3-content,.t3-pos{display:block;font-style:italic}.t3-pos{color:#8b7340;font-size:10px;letter-spacing:.1em;font-weight:500;text-transform:lowercase;margin-bottom:5px;font-family:ui-monospace,JetBrains Mono,monospace}.t3-content:before{content:"✻";position:absolute;top:-11px;left:-3px;font-size:14px;color:#b49c5f;font-style:normal;background:linear-gradient(135deg,#f2e8d3,#e5d5b5);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}@media (max-width:380px){.tooltip-preview--motion-profile .t2-line{position:relative}.tooltip-preview--motion-profile .t2-wrap{position:static}.tooltip-preview--motion-marginalia .t3-margin{left:50%;transform:translateX(-50%) translateY(-10px)}.tooltip-preview--motion-marginalia .t3-wrap.is-shown .t3-margin,.tooltip-preview--motion-marginalia .t3-wrap:focus-within .t3-margin,.tooltip-preview--motion-marginalia .t3-wrap:hover .t3-margin{transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.t1-tip,.t1-trigger,.t2-card,.t2-status,.t2-trigger,.t3-line,.t3-margin,.t3-trigger{transition-duration:.01ms!important;animation:none!important}.t1-trigger:hover{transform:none}}