.ag{background:#05070c;position:fixed;inset:0;overflow:hidden}.ag-scene,.ag-stage{position:absolute;inset:0}.ag-stage canvas{width:100%;height:100%;display:block}.ag-scene-err{color:#f6e9e0;background:#0000008c;margin:0;padding:10px 14px;font-size:13px;position:absolute;inset:auto 0 0}.ag-ticker{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);box-sizing:border-box;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);color:#dfe8f5;width:380px;max-width:calc(100% - 32px);font:inherit;background:#06080da8;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;transition:opacity .2s,transform .2s;display:flex;position:absolute;overflow:hidden}.ag-ticker:hover{background:#0a0d14c2;border-color:#ffffff24}.ag-ticker:focus-visible{outline-offset:2px;outline:2px solid #8fe3ffb3}.ag-ticker.ag-hide{opacity:0;pointer-events:none;transform:translateY(6px)}.ag-ticker-label{letter-spacing:.16em;color:#ffffffd9;flex:none;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.ag-ticker-label .ag-live{margin-left:0}.ag-ticker-line{flex:auto;min-width:0;height:20px;position:relative}.ag-ticker-text{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:450;line-height:20px;animation:.46s cubic-bezier(.2,.8,.2,1) .12s both ag-roll-in;position:absolute;inset:0;overflow:hidden}.ag-ticker-text.ag-out{animation:.38s cubic-bezier(.4,0,.6,1) both ag-roll-out}.ag-ticker-text.ag-tone-knowledge{color:#dfe8f5cc}.ag-ticker-text.ag-tone-pitfall,.ag-ticker-text.ag-tone-fix,.ag-ticker-text.ag-tone-optimization,.ag-ticker-text.ag-tone-pattern{color:#f3dcb0}.ag-ticker-empty{color:#cfd8e673;animation:none}@keyframes ag-roll-in{0%{opacity:0;transform:translateY(110%)}}@keyframes ag-roll-out{to{opacity:0;transform:translateY(-110%)}}.ag-arrive{border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #f7d08ab3;animation:.9s ease-out both ag-arrive;position:absolute;inset:0;box-shadow:inset 0 0 18px #f7d08a24}@keyframes ag-arrive{18%{opacity:1}to{opacity:0}}.ag-ring{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-ring:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#f7d08a2e 30%,#fff4dad9 52%,#f7d08a2e 72%,#0000);width:20%;animation:.82s cubic-bezier(.2,.7,.3,1) both ag-ring;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@keyframes ag-ring{0%{opacity:1;transform:translate(-100%)}75%{opacity:.9}to{opacity:0;transform:translate(500%)}}.ag-ticker-count{color:#cfd8e699;flex:none;align-items:center;gap:6px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.ag-ticker-count:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin-top:3px;transform:rotate(-45deg)}.ag-note{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:2;box-sizing:border-box;color:#dfe8f5;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#06080da8;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;max-width:min(380px,100% - 32px);padding:9px 16px 9px 9px;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;text-decoration:none;transition:background .2s,border-color .2s;display:flex;position:absolute}.ag-note:hover{background:#0a0d14cc;border-color:#f7d08a61}.ag-note:focus-visible{outline-offset:2px;outline:2px solid #8fe3ffb3}.ag-note img{object-fit:cover;box-sizing:border-box;background:#101828;border:2px solid #e4e9f0;border-radius:3px;flex:none;width:58px;height:40px;transition:transform .2s;transform:rotate(-2.5deg);box-shadow:0 4px 10px -4px #000000b3}.ag-note:hover img{transform:rotate(0)}.ag-note-text{flex-direction:column;gap:4px;min-width:0;display:flex}.ag-note-label{letter-spacing:.16em;color:#f7d08a;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.ag-note-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:450;line-height:1.35;overflow:hidden}.ag-note:after{content:"";opacity:.55;border-top:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin-left:2px;transition:opacity .2s,transform .2s;transform:rotate(45deg)}.ag-note:hover:after{opacity:1;transform:translate(2px)rotate(45deg)}@media (max-width:820px) and (min-width:561px){.ag-note{bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}}.ag-panel{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:350px;max-height:calc(100% - env(safe-area-inset-top,0px) - 60px - 16px);box-sizing:border-box;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);pointer-events:auto;font-feature-settings:"tnum";color:#dfe8f5;visibility:hidden;opacity:0;background:linear-gradient(270deg,#06080dbd,#06080d8f);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;padding:14px 14px 12px;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;transition:opacity .22s,transform .22s,visibility 0s linear .22s;display:flex;position:absolute;transform:translateY(8px)}.ag-panel.ag-expanded{visibility:visible;opacity:1;transition:opacity .22s,transform .22s;transform:none}.ag-title{letter-spacing:.16em;color:#ffffffe6;align-items:center;gap:0;margin:0 0 10px;font-size:11px;font-weight:600;line-height:1;display:flex}.ag-title span{letter-spacing:.04em;color:#cfd8e68c;margin-left:.5em;font-weight:400}.ag-live{background:#8fe3ff;border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto;position:relative}.ag-live:after{content:"";will-change:transform, opacity;background:#8fe3ff99;border-radius:50%;animation:1.8s ease-out infinite ag-pulse;position:absolute;inset:0}.ag-close{cursor:pointer;color:#cfd8e699;background:0 0;border:0;border-radius:4px;flex:none;width:22px;height:22px;margin:-6px -4px -6px 10px;padding:0;position:relative}.ag-close:before,.ag-close:after{content:"";background:currentColor;height:1.5px;position:absolute;top:50%;left:5px;right:5px}.ag-close:before{transform:rotate(45deg)}.ag-close:after{transform:rotate(-45deg)}.ag-close:hover,.ag-close:focus-visible{color:#fff;background:#ffffff14;outline:none}.ag-title:not(:has(.ag-live)) .ag-close{margin-left:auto}@keyframes ag-pulse{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(3.3)}}.ag-feed{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.ag-stream{overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;padding:2px 4px 10px 0;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.ag-jump{z-index:2;cursor:pointer;letter-spacing:.02em;color:#061018;background:#8fe3ffeb;border:0;border-radius:999px;padding:6px 11px;font:600 11px/1 Pretendard Variable,Pretendard,system-ui,sans-serif;animation:.26s ease-out both ag-drop;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000073}.ag-jump:before{content:"";border-top:1.5px solid;border-left:1.5px solid;width:5px;height:5px;margin:0 6px 1px 0;display:inline-block;transform:rotate(45deg)}@keyframes ag-drop{0%{opacity:0;transform:translate(-50%,-6px)}}.ag-card{content-visibility:auto;contain-intrinsic-size:auto 96px;margin:0;animation:.45s ease-out both ag-in}@keyframes ag-in{0%{opacity:0;transform:translateY(-6px)}}.ag-card-box{box-sizing:border-box;text-align:left;width:100%;color:inherit;background:#ffffff09;border:1px solid #ffffff0e;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px 11px;display:flex}.ag-latest>.ag-card-box{background:#8fe3ff12;border-color:#8fe3ff33}.ag-meta{align-items:center;gap:8px;display:flex}.ag-kind{letter-spacing:.12em;text-transform:uppercase;border-radius:3px;padding:3px 5px;font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ag-kind-perspective{color:#8fe3ff;background:#8fe3ff1a}.ag-kind-knowledge{color:#cfd8e6;background:#ffffff12}.ag-kind-tool,.ag-kind-model{color:#b9c4d6;background:#b9c4d61a}.ag-kind-pitfall,.ag-kind-fix,.ag-kind-optimization,.ag-kind-pattern{color:#f7d08a;background:#f7d08a1f}.ag-kind-none{color:#cfd8e680;background:#ffffff0d}.ag-kind-web{color:#cfd8e699;background:0 0;box-shadow:inset 0 0 0 1px #cfd8e64d}.ag-evidence{color:#cfd8e66b;flex-wrap:wrap;gap:4px 10px;font:10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.ag-evidence a{color:#dfe8f5b3;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ag-evidence a:hover{color:#fff}.ag-who{color:#cfd8e661;letter-spacing:.02em;margin-left:auto;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ag-text{letter-spacing:-.005em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:450;line-height:1.5;display:-webkit-box;overflow:hidden}.ag-open .ag-text{-webkit-line-clamp:unset;line-clamp:unset;display:block}.ag-card:has(.ag-kind-knowledge) .ag-text{color:#dfe8f5cc}.ag-hint{cursor:pointer;font:inherit;letter-spacing:.1em;text-transform:uppercase;color:#cfd8e673;background:0 0;border:0;border-radius:4px;align-self:flex-start;margin:-4px 0 -6px -6px;padding:4px 6px 6px;font-size:10px;font-weight:600}.ag-hint:hover{color:#cfd8e6d9;background:#ffffff0d}.ag-hint:focus-visible{outline-offset:1px;outline:2px solid #8fe3ffb3}.ag-hint:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:4px;height:4px;margin:0 0 2px 6px;display:inline-block;transform:rotate(45deg)}.ag-open .ag-hint:after{margin-bottom:-1px;transform:rotate(-135deg)}.ag-status{letter-spacing:.02em;color:#cfd8e699;border-top:1px solid #ffffff14;flex-wrap:wrap;gap:6px 14px;margin:0;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1;display:flex}.ag-status span{white-space:nowrap}.ag-status b{color:#fff;font-weight:500}.ag-axis{color:#f7d08acc;align-items:center;gap:6px;display:inline-flex}.ag-axis i{gap:2px;display:inline-flex}.ag-axis u{background:#f7d08a33;border-radius:2px;width:10px;height:3px}.ag-axis u.on{background:#f7d08a}@media (max-width:560px){.ag-note{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 62px);max-width:none}.ag-scene:has(.ag-expanded) .ag-note{display:none}.ag-ticker{width:auto;max-width:none;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 14px);background:#06080deb;border-width:1px 0 0;border-radius:0;transition:none;bottom:0;left:0;right:0}.ag-ticker.ag-hide,.ag-panel{display:none}.ag-panel.ag-expanded{visibility:visible;opacity:1;transition:none;display:flex;transform:none}.ag-panel{width:auto;height:42dvh;max-height:none;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);background:#06080deb;border-width:1px 0 0;border-radius:0;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){.ag-card,.ag-jump,.ag-live:after,.ag-ticker-text,.ag-arrive,.ag-ring:before{animation:none}.ag-ticker-text.ag-out{display:none}.ag-ticker,.ag-panel{transition:none}}:lang(ko) .ag-ticker-label,:lang(ko) .ag-title,:lang(ko) .ag-kind,:lang(ko) .ag-hint,:lang(ko) .ag-note-label,:lang(ko) .ag-status,:lang(ko) .ag-who,:lang(ko) .ag-evidence{letter-spacing:0;text-transform:none;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}:lang(ko) .ag-kind{font-size:11px}