.product-section{padding:9rem 0;background-color:var(--vapor-color-background-canvas-100);position:relative;overflow:hidden}.product-section--arkain{display:flex;flex-direction:column;align-items:center}.product-container{display:flex;flex-direction:column;gap:var(--vapor-size-space-700)}.product-main-wrapper{display:grid;grid-template-areas:var(--grid-areas-default);grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap);width:100%;--grid-columns:12;--grid-gap:var(--vapor-size-dimension-300)}.product-section--arkain .product-main-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--vapor-size-dimension-300)}.product-content-wrapper{display:flex;flex-direction:column;gap:var(--vapor-size-space-400);width:100%;grid-area:a}.product-screen-devth,.product-screen-exelearnce{width:50rem;height:48rem;justify-content:flex-end;grid-area:b}.product-screen-arkain,.product-screen-devth,.product-screen-exelearnce{position:relative;border-radius:var(--vapor-size-borderRadius-300);background:transparent;display:flex;align-items:center}.product-screen-arkain{width:100rem;height:56.25rem;transform:matrix(1,-.2679,.5774,1,160,0);overflow:hidden;justify-content:center}.product-screen-devth:after,.product-screen-exelearnce:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 70%,var(--vapor-color-background-canvas-100) 95%),linear-gradient(180deg,rgba(255,255,255,0) 70%,var(--vapor-color-background-canvas-100) 95%),transparent;pointer-events:none}.product-screen-arkain:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--vapor-color-background-canvas-100) 0,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 50%,var(--vapor-color-background-canvas-100) 92%,var(--vapor-color-background-canvas-100) 100%),linear-gradient(180deg,rgba(255,255,255,0) 60%,var(--vapor-color-background-canvas-100) 100%);pointer-events:none}.product-text-wrapper{display:flex;flex-direction:column;gap:var(--vapor-size-space-300)}.product-title{font-size:var(--vapor-typography-fontSize-700);line-height:var(--vapor-typography-lineHeight-600);letter-spacing:var(--vapor-typography-letterSpacing-400);font-weight:var(--vapor-typography-fontWeight-500);text-wrap:pretty}html[lang^=ko] .product-title{line-height:1.3}.product-description{font-size:var(--vapor-typography-fontSize-200);line-height:var(--vapor-typography-lineHeight-200);letter-spacing:var(--vapor-typography-letterSpacing-100);font-weight:var(--vapor-typography-fontWeight-500);text-wrap:balance;max-width:35rem}html[lang^=ko] .product-description{line-height:var(--vapor-typography-lineHeight-300)}.product-feature-list{display:inline-grid;justify-content:start;gap:var(--vapor-size-space-200);grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);grid-template-areas:unset}.product-feature-list-item{display:flex;align-items:center;gap:var(--vapor-size-space-075)}.product-feature-icon{width:var(--vapor-size-dimension-250);height:var(--vapor-size-dimension-250);flex-shrink:0}.product-logo{display:inline-block;line-height:0}.product-logo img{height:auto;width:auto;object-fit:contain;display:block}.product-buttons{gap:var(--vapor-size-space-200);display:flex;flex-direction:row;margin-top:var(--vapor-size-space-100)}.product-button-icon{width:var(--vapor-size-dimension-250);height:var(--vapor-size-dimension-250)}.product-sub-wrapper{border-top:1px solid var(--vapor-color-border-normal);border-bottom:1px solid var(--vapor-color-border-normal);display:flex;flex-direction:row;z-index:10;background-color:var(--vapor-color-background-canvas-100)}.product-sublist-item{display:flex;flex-direction:column;gap:var(--vapor-size-space-600);padding:var(--vapor-size-space-700) var(--vapor-size-space-600) var(--vapor-size-space-800) 0;border-right:1px solid var(--vapor-color-border-normal);width:100%}.product-sublist-item-right{padding:var(--vapor-size-space-700) 0 var(--vapor-size-space-800) var(--vapor-size-space-600);border-right:none}.product-sublist-text{display:flex;flex-direction:column;gap:var(--vapor-size-space-100)}.product-sub-title{font-size:var(--vapor-typography-fontSize-300);line-height:var(--vapor-typography-lineHeight-300);letter-spacing:var(--vapor-typography-letterSpacing-200);font-weight:var(--vapor-typography-fontWeight-500)}.product-section__sub-screen{height:348px;overflow:clip;position:relative;width:100%;flex-shrink:0}.product-section__sub-screen:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#fff0 70%,#fff 95%),0 0;position:absolute;inset:0}:root[data-vapor-theme=dark] .product-section__sub-screen:after{background:linear-gradient(#fff0 70%,#070809 95%),0 0}.product-review-wrapper{display:flex;flex-direction:column;gap:var(--vapor-size-space-400);align-items:center;width:100%}.product-review-cards-container{width:100%;overflow:hidden;position:relative}.product-review-cards{display:flex;flex-direction:row;gap:var(--vapor-size-space-400);transition:transform .3s ease-in-out;will-change:transform}.product-review-card{background:var(--vapor-color-background-canvas-200);border:1px solid var(--vapor-color-border-normal);border-radius:var(--vapor-size-borderRadius-300);padding:var(--vapor-size-space-300);display:flex;flex-direction:column;justify-content:space-between;height:18.75rem;align-items:flex-start;flex:0 0 calc((100% - var(--vapor-size-space-400) * 2) / 3);min-width:0}.product-review-logo{max-height:var(--vapor-size-dimension-500);width:auto}.product-review-logo img{height:100%;width:100%;object-fit:contain}.product-review-buttons{display:flex;gap:var(--vapor-size-space-200)}.product-review-button-icon{width:var(--vapor-size-dimension-250);height:var(--vapor-size-dimension-250)}html[lang^=ko] .product-review-text{line-height:var(--vapor-typography-lineHeight-200)}.product-data-wrapper{display:flex;flex-direction:row;width:100%;gap:0;min-height:8.5rem}.product-data-item{display:flex;flex-direction:column;gap:var(--vapor-size-space-300);flex:1}.product-data-item:not(:first-child){border-left:1px solid var(--vapor-color-border-normal);margin-left:var(--vapor-size-space-400);padding-left:var(--vapor-size-space-400)}.product-data-bottom{display:flex;flex-direction:column;gap:var(--vapor-size-space-100)}.product-data-number{line-height:var(--vapor-typography-lineHeight-600);font-weight:var(--vapor-typography-fontWeight-500)}@media (max-width:1200px){.product-sub-wrapper{flex-direction:column}.product-sublist-item{padding:var(--vapor-size-space-600) 0;border-right:none;border-bottom:1px solid var(--vapor-color-border-normal)}.product-sublist-item-right{padding:var(--vapor-size-space-600) 0;border-bottom:none}.product-main-wrapper{grid-template-areas:var(--grid-areas-tablet);--grid-columns:8}.product-screen-arkain,.product-screen-devth,.product-screen-exelearnce{margin-top:var(--vapor-size-space-600)}.product-screen-devth,.product-screen-exelearnce{width:100%}}@media (max-width:992px){.product-section{padding:6rem 0}.product-review-card{flex:0 0 calc((100% - var(--vapor-size-space-400)) / 2)}.product-container{gap:var(--vapor-size-space-600)}.product-screen-devth,.product-screen-exelearnce{width:50rem}.product-screen-arkain{width:80rem}.product-data-wrapper{flex-direction:column;gap:0}.product-data-item:not(:first-child){border-left:none;margin-left:0;padding-left:0;border-top:1px solid var(--vapor-color-border-normal);margin-top:var(--vapor-size-space-600);padding-top:var(--vapor-size-space-600)}}@media (max-width:768px){.product-section{padding:5rem 0}.product-screen-arkain{width:65rem}.product-title{font-size:var(--vapor-typography-fontSize-600);line-height:var(--vapor-typography-lineHeight-500)}.product-description{text-wrap:pretty}.product-sublist-item{padding:var(--vapor-size-space-600) 0;border-right:none;border-bottom:1px solid var(--vapor-color-border-normal)}.product-sublist-item-right{padding:var(--vapor-size-space-600) 0;border-bottom:none}.product-review-card{flex:0 0 100%;gap:var(--vapor-size-space-300);height:auto}.product-buttons{gap:var(--vapor-size-space-100);margin-top:var(--vapor-size-space-300)}.product-data-number{font-size:var(--vapor-typography-fontSize-600);line-height:var(--vapor-typography-lineHeight-500)}}@media (max-width:576px){.product-section{padding:var(--vapor-size-space-900) 0}.product-section__sub-screen{aspect-ratio:4/3;height:auto}.product-logo img{height:92%}.product-container{gap:var(--vapor-size-space-500)}.product-title{font-size:var(--vapor-typography-fontSize-500);line-height:1.2;margin-top:-.5rem}.product-description{font-size:var(--vapor-typography-fontSize-100);line-height:var(--vapor-typography-lineHeight-100);letter-spacing:var(--vapor-typography-letterSpacing-100)}html[lang^=ko] .product-description{line-height:var(--vapor-typography-lineHeight-200)}.product-content-wrapper{gap:var(--vapor-size-space-300)}.product-sublist-item{gap:var(--vapor-size-space-500)}.product-sublist-item,.product-sublist-item-right{padding:var(--vapor-size-space-500) 0}.product-data-item:not(:first-child){margin-top:var(--vapor-size-space-500);padding-top:var(--vapor-size-space-500)}.product-data-number{font-size:var(--vapor-typography-fontSize-500);line-height:var(--vapor-typography-lineHeight-400)}.product-screen-devth,.product-screen-exelearnce{height:42rem}.product-feature-list{display:flex;flex-direction:column;gap:var(--vapor-size-space-200)}}.product-exelearnce-root{position:relative;width:100%;height:100%;border-radius:var(--vapor-size-borderRadius-300);border:1px solid var(--product-border-color);background-color:var(--product-bg-primary);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.product-exelearnce-root[data-theme=dark]{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-navbar{height:58px;border-bottom:1px solid var(--product-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-navbar{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-navbar-left{display:flex;align-items:center;gap:16px}.product-ex-navbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--vapor-size-borderRadius-300);border:none;background:transparent;cursor:pointer}.product-ex-navbar-btn:hover{background-color:#f0f0f0}.product-exelearnce-root[data-theme=dark] .product-ex-navbar-btn:hover{background-color:var(--arkain-gray-badge-bg)}.product-ex-chat-toggle{display:flex;gap:4px;height:32px;align-items:center;justify-content:center;padding:0 12px;border-radius:40px;border:none;background-color:#eff8ff}.product-exelearnce-root[data-theme=dark] .product-ex-chat-toggle{background-color:#001286}.product-ex-chat-toggle-text{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;letter-spacing:-.1px;color:#245ecf}.product-exelearnce-root[data-theme=dark] .product-ex-chat-toggle-text{color:#5f9dfa}.product-ex-navbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.product-ex-sourcecode-badge{background-color:#aa34c6;padding:5px;border-radius:24px}.product-ex-navbar-title{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:16px;letter-spacing:-.1px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-navbar-title{color:#fafafa}.product-ex-navbar-right{width:193px;display:flex;justify-content:flex-end}.product-ex-navbar-right .product-ex-navbar-btn{color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-navbar-right .product-ex-navbar-btn{color:#fafafa}.product-ex-theme-icon{width:16px;height:16px}.product-ex-progress{border-bottom:1px solid var(--product-border-color);padding:8px 16px;flex-shrink:0;background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-progress{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-progress-bars{display:flex;gap:6px;align-items:center;justify-content:center}.product-ex-progress-bar{height:6px;flex:1;max-width:100px;border-radius:4px;background-color:#e1e1e1}.product-ex-progress-bar--active{background-color:#2a6ff3}.product-exelearnce-root[data-theme=dark] .product-ex-progress-bar{background-color:#363636}.product-exelearnce-root[data-theme=dark] .product-ex-progress-bar--active{background-color:#5f9dfa}.product-ex-main{display:flex;flex:1;overflow:hidden}.product-ex-left-panel{width:405px;border-right:1px solid var(--product-border-color);display:flex;flex-direction:column;flex-shrink:0;background-color:var(--product-bg-secondary)}.product-exelearnce-root[data-theme=dark] .product-ex-left-panel{border-color:var(--product-border-color);background-color:var(--product-bg-tertiary)}.product-ex-chat-scroll{flex:1;overflow-y:auto;padding:16px 16px 0}.product-ex-chat-messages{display:flex;flex-direction:column;gap:16px}.product-ex-chat-message{display:flex;flex-direction:column;gap:8px}.product-ex-chat-title{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-weight:700;font-size:16px;letter-spacing:-.1px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-chat-title{color:#fafafa}.product-ex-chat-description{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;line-height:22px;letter-spacing:-.1px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-chat-description{color:#fafafa}.product-ex-mission-card{position:relative;border-radius:12px;border:1px solid var(--product-border-color);overflow:hidden;background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-mission-card{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-mission-bg{position:absolute;pointer-events:none;opacity:.6}.product-ex-mission-bg--purple{left:-15.29px;top:-187.45px;width:269.93px;height:255.681px;background-image:linear-gradient(to bottom right,#e9d5ff,transparent);filter:blur(32px)}.product-ex-mission-bg--yellow{left:-108px;top:-53px;width:197px;height:159px;background-image:linear-gradient(to bottom right,#fef3c7,transparent);filter:blur(32px)}.product-ex-mission-inner{position:relative;padding:12px;display:flex;flex-direction:column;gap:12px}.product-ex-mission-header{display:flex;align-items:center;justify-content:space-between}.product-ex-mission-header-left{display:flex;gap:8px;align-items:center}.product-ex-mission-rocket{padding:6px;border-radius:16px;background-image:linear-gradient(121.601deg,rgb(255,179,178) 6.6959%,rgb(216,131,239) 38.038%,rgb(65,152,242) 95.593%,rgb(42,114,229) 122.78%)}.product-exelearnce-root[data-theme=dark] .product-ex-mission-rocket{background-image:linear-gradient(121.601deg,rgb(149,0,0) 6.6959%,rgb(157,33,185) 38.038%,rgb(42,114,229) 95.593%,rgb(54,138,237) 122.78%)}.product-ex-mission-label{display:flex;gap:4px;align-items:center}.product-ex-mission-label-number,.product-ex-mission-label-text{font-family:var(--vapor-typography-fontFamily-sans);font-size:16px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-mission-label-number,.product-exelearnce-root[data-theme=dark] .product-ex-mission-label-text{color:#fafafa}.product-ex-mission-label-text{font-weight:500}.product-ex-mission-label-number{font-weight:700}.product-ex-mission-status{display:flex;gap:4px;align-items:center;padding:0 2px}.product-ex-mission-status .product-ex-progress-indicator{overflow:visible}.product-ex-mission-status .product-ex-progress-indicator:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border:2px solid #2a6ff3;border-radius:50%;transform:translate(-50%,-50%);transform-origin:center center;animation:product-ex-ring-pulse 1.5s ease-out infinite;pointer-events:none}.product-exelearnce-root[data-theme=dark] .product-ex-mission-status .product-ex-progress-indicator:after{border-color:#5f9dfa}@keyframes product-ex-ring-pulse{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.product-ex-mission-status-text{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#245ecf}.product-exelearnce-root[data-theme=dark] .product-ex-mission-status-text{color:#5f9dfa}.product-ex-mission-content{display:flex;flex-direction:column;gap:8px}.product-ex-mission-title{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-weight:700;font-size:18px;line-height:26px;letter-spacing:-.1px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-mission-title{color:#fafafa}.product-ex-mission-description{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;line-height:22px;letter-spacing:-.1px;color:#393939}.product-exelearnce-root[data-theme=dark] .product-ex-mission-description{color:#bebebe}.product-ex-mission-actions{display:flex;align-items:center;justify-content:space-between}.product-ex-btn-ghost{height:40px;padding:0 8px;border-radius:var(--vapor-size-borderRadius-300);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent}.product-ex-btn-ghost:hover{background-color:rgba(0,0,0,.05)}.product-exelearnce-root[data-theme=dark] .product-ex-btn-ghost:hover{background-color:var(--arkain-gray-badge-bg)}.product-ex-btn-ghost span{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#393939}.product-exelearnce-root[data-theme=dark] .product-ex-btn-ghost span{color:#bebebe}.product-ex-btn-primary{height:40px;padding:0 16px;border-radius:var(--vapor-size-borderRadius-300);border:none;cursor:pointer;background-color:#2a72e5}.product-ex-btn-primary:hover{background-color:#1e5dcc}.product-ex-btn-primary span{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#ffffff}.product-ex-input-area{padding:8px 16px 16px;flex-shrink:0;background-color:var(--product-bg-secondary)}.product-exelearnce-root[data-theme=dark] .product-ex-input-area{background-color:var(--product-bg-tertiary)}.product-ex-input-card{border:1px solid var(--product-border-color);border-radius:var(--vapor-size-borderRadius-300);background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-input-card{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-input-header{padding:8px 12px}.product-ex-input-placeholder{margin:0;font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;color:#5d5d5d}.product-exelearnce-root[data-theme=dark] .product-ex-input-placeholder{color:#a7a7a7}.product-ex-input-actions{padding:8px 12px;display:flex;align-items:center;gap:8px}.product-ex-input-lightbulb-btn{flex:1;border:none;background:transparent;cursor:pointer}.product-ex-input-lightbulb-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--vapor-size-borderRadius-300);border:1px solid #c6c6c6;background-color:var(--product-bg-primary)}.product-ex-input-lightbulb-icon:hover{background-color:#f0f0f0}.product-exelearnce-root[data-theme=dark] .product-ex-input-lightbulb-icon{border-color:#474747;background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-input-lightbulb-icon:hover{background-color:rgba(0,0,0,.1)}.product-ex-input-send{width:32px;height:32px;border-radius:var(--vapor-size-borderRadius-300);border:none;background-color:#2a72e5;opacity:.3;display:flex;align-items:center;justify-content:center;cursor:default}.product-ex-input-caption{margin:8px 0 0;text-align:center;font-family:var(--vapor-typography-fontFamily-sans);font-size:12px;line-height:18px;color:#767676}.product-exelearnce-root[data-theme=dark] .product-ex-input-caption{color:#898989}.product-ex-editor{flex:1;display:flex;flex-direction:column;min-width:0}.product-ex-editor,.product-ex-editor-tab,.product-exelearnce-root[data-theme=dark] .product-ex-editor{background-color:var(--product-bg-primary)}.product-ex-editor-tab{border-bottom:1px solid var(--product-border-color);display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.product-exelearnce-root[data-theme=dark] .product-ex-editor-tab{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-ex-editor-tab-left{display:flex;align-items:center;gap:8px}.product-ex-editor-filechip{display:flex;gap:6px;align-items:center;height:32px;padding:0 12px;border-radius:var(--vapor-size-borderRadius-300);border:1px solid var(--product-border-color);background-color:var(--product-bg-primary);cursor:pointer}.product-ex-editor-filechip:hover{background-color:var(--product-bg-secondary)}.product-exelearnce-root[data-theme=dark] .product-ex-editor-filechip{border-color:var(--product-border-color);background-color:var(--product-bg-primary)}.product-exelearnce-root[data-theme=dark] .product-ex-editor-filechip:hover{background-color:rgba(0,0,0,.1)}.product-ex-editor-filechip-text{font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;color:#262626}.product-exelearnce-root[data-theme=dark] .product-ex-editor-filechip-text{color:#fafafa}.product-ex-editor-tab-right{display:flex;align-items:center;gap:2px}.product-ex-code-area{flex:1;display:flex;overflow:hidden}.product-ex-code-area *{font-family:Fira Code,monospace!important}.product-ex-code-gutter{display:flex;flex-direction:column;align-items:flex-end;padding:4px 18px 4px 4px;flex-shrink:0;background-color:var(--product-bg-primary);color:#5d5d5d}.product-ex-code-gutter *{font-family:Fira Code,monospace!important}.product-exelearnce-root[data-theme=dark] .product-ex-code-gutter{background-color:var(--product-bg-primary);color:#606060}.product-ex-code-line-number{width:42px;height:22px;text-align:right;font-family:Fira Code,monospace!important;font-size:14px;line-height:22px}.product-ex-code-scroll{flex:1;overflow:hidden;min-width:0;background-color:var(--product-bg-primary);padding:4px 0 4px 8px;box-sizing:border-box}.product-ex-code-scroll *{font-family:Fira Code,monospace!important}.product-exelearnce-root[data-theme=dark] .product-ex-code-scroll{background-color:var(--product-bg-primary)}.product-ex-code-block{font-family:Fira Code,monospace!important;font-size:14px;line-height:22px}.product-ex-code-line{display:flex;align-items:center;min-height:22px;line-height:22px;overflow:hidden;white-space:nowrap}.product-ex-code-cursor{flex-shrink:0;width:2px;height:22px;min-height:22px;margin-left:2px;background-color:#262626;animation:product-ex-cursor-blink 1s step-end infinite}.product-exelearnce-root[data-theme=dark] .product-ex-code-cursor{background-color:#fafafa}@keyframes product-ex-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.product-ex-code-line--focused{background-color:rgba(42,111,243,.08)}.product-exelearnce-root[data-theme=dark] .product-ex-code-line--focused{background-color:rgba(95,157,250,.12)}.product-ex-code-text{color:#262626}.product-ex-code-keyword{color:#83009f}.product-ex-code-function{color:#0043b3}.product-ex-code-string{color:#115a00}.product-exelearnce-root[data-theme=dark] .product-ex-code-text{color:#fafafa}.product-exelearnce-root[data-theme=dark] .product-ex-code-keyword{color:#CF8EC9}.product-exelearnce-root[data-theme=dark] .product-ex-code-function{color:#6FA8F9}.product-exelearnce-root[data-theme=dark] .product-ex-code-string{color:#7BD88F}.product-ex-icon-wrap{position:relative;flex-shrink:0;display:block}.product-ex-icon-wrap--14{width:14px;height:14px}.product-ex-icon-wrap--16{width:16px;height:16px}.product-ex-icon-wrap--20{width:20px;height:20px}.product-ex-icon-wrap svg{display:block;width:100%;height:100%}.product-ex-progress-indicator{position:relative;flex-shrink:0;width:16px;height:16px}.product-ex-progress-indicator-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px}.product-ex-progress-indicator-svg-wrap{position:absolute;inset:-100%}@media (max-width:576px){.product-ex-left-panel{width:304px}}.product-devth{width:100%;height:100%;background:var(--product-bg-primary);border:1px solid var(--product-border-color);border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;position:relative}.product-devth__header{height:56px;border-bottom:1px solid var(--product-border-color);display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;flex-shrink:0;min-width:0}.product-devth__header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.product-devth__header-menu-icon{width:24px;height:24px;flex-shrink:0}.product-devth__header-title-wrap{display:flex;gap:8px;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;letter-spacing:-.1px;overflow:hidden}.product-devth__header-title-type{color:#0957c8;flex-shrink:0;font-weight:700}.product-devth__header-title-name{color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-devth__header-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding-left:8px;padding-right:8px}.product-devth__timer{background:var(--product-bg-secondary);border:1px solid var(--product-border-color);border-radius:var(--vapor-size-borderRadius-300);height:32px;padding-left:16px;padding-right:16px;display:flex;align-items:center;gap:8px;flex-shrink:0}.product-devth__timer-track{height:10px;width:186px;background:#e1e1e1;border-radius:9999px;overflow:hidden}.product-devth__timer-progress{height:100%;background:#18bb5f;border-radius:9999px}.product-devth__timer-text{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#18bb5f;width:64px;text-align:right}.product-devth__header-right{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}.product-devth__exit-btn{background:#e8e8ee;display:flex;align-items:center;gap:6px;height:32px;padding-left:12px;padding-right:12px;border-radius:var(--vapor-size-borderRadius-300);border:none;cursor:pointer;flex-shrink:0;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#2b2d36;letter-spacing:-.1px}.product-devth__exit-btn:hover{background:#d8d8de}.product-devth__exit-btn-icon{width:16px;height:16px}.product-devth__main{flex:1;display:flex;overflow:hidden;min-height:0}.product-devth__left-panel{width:405px;background:var(--product-bg-secondary);border-right:1px solid var(--product-border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-devth__problem-card{background:var(--product-bg-primary);border-radius:var(--vapor-size-borderRadius-300);border:1px solid var(--product-border-color);width:373px;height:678px;display:flex;flex-direction:column;overflow:hidden}.product-devth__problem-header{background:var(--product-bg-primary);padding:12px 20px;border-bottom:1px solid var(--product-border-color);flex-shrink:0}.product-devth__problem-header-inner{display:flex;align-items:center;justify-content:space-between}.product-devth__problem-header-label{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#2b2d36;letter-spacing:-.1px}.product-devth__zoom-btn,.product-devth__zoom-controls{display:flex;align-items:center}.product-devth__zoom-btn{background:rgba(133,136,153,.08);border:1px solid var(--product-border-color);width:24px;height:24px;justify-content:center;cursor:pointer}.product-devth__zoom-btn:first-child{border-radius:8px 0 0 8px}.product-devth__zoom-btn:last-child{border-radius:0 8px 8px 0}.product-devth__zoom-btn:hover{background:rgba(133,136,153,.12)}.product-devth__zoom-value{background:rgba(133,136,153,.08);border-top:1px solid var(--product-border-color);border-bottom:1px solid var(--product-border-color);height:24px;padding-left:8px;padding-right:8px;display:flex;align-items:center;justify-content:center;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:12px;color:#525463}.product-devth__zoom-btn-icon{width:16px;height:16px}.product-devth__problem-body{flex:1;overflow-y:auto}.product-devth__problem-inner{display:flex;flex-direction:column;gap:24px;padding:24px 16px 16px}.product-devth__problem-title-block{display:flex;flex-direction:column;gap:8px}.product-devth__problem-badges{display:flex;gap:6px}.product-devth__badge{height:20px;padding-left:6px;padding-right:6px;border-radius:9999px;display:flex;align-items:center;gap:2px;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:12px}.product-devth__badge--easy{background:rgba(255,193,7,.16);color:#eb9300}.product-devth__badge--done{background:rgba(4,163,126,.16);color:#08785e}.product-devth__badge-icon{width:14px;height:14px}.product-devth__problem-heading{font-family:var(--vapor-typography-fontFamily-sans);font-weight:700;font-size:20px;line-height:30px;color:#2b2d36;letter-spacing:-.2px;margin:0}.product-devth__problem-meta{display:flex;flex-direction:column;padding-bottom:12px;border-bottom:1px solid var(--product-border-color)}.product-devth__problem-meta-row{display:flex;gap:12px;font-family:var(--vapor-typography-fontFamily-sans);font-size:12px;line-height:18px}.product-devth__problem-meta-item{display:flex;gap:4px}.product-devth__problem-meta-label{color:#858899}.product-devth__problem-meta-value{font-weight:500;color:#2b2d36}.product-devth__problem-section{display:flex;flex-direction:column;gap:8px}.product-devth__problem-section-title{font-family:var(--vapor-typography-fontFamily-sans);font-weight:700;font-size:18px;line-height:26px;color:#2b2d36;letter-spacing:-.1px;margin:0}.product-devth__problem-text{margin:0}.product-devth__problem-content,.product-devth__problem-text{font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;line-height:22px;color:#2b2d36;letter-spacing:-.1px}.product-devth__problem-content{display:flex;flex-direction:column;gap:12px}.product-devth__problem-content p{margin:0}.product-devth__problem-list{list-style-type:decimal;margin:0 0 0 21px}.product-devth__problem-list li{margin-bottom:8px}.product-devth__problem-list li:last-child{margin-bottom:0}.product-devth__right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.product-devth__editor-header{height:42px;border-bottom:1px solid var(--product-border-color);display:flex;align-items:center;justify-content:space-between;padding-left:8px;padding-right:8px}.product-devth__editor-tab{display:flex;align-items:center;gap:4px;height:32px;padding-left:12px;padding-right:12px;border:1px solid var(--product-border-color);border-radius:var(--vapor-size-borderRadius-300);background:var(--product-bg-primary);cursor:pointer;font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;color:#262626;letter-spacing:-.1px}.product-devth__editor-tab:hover{background:#f0f0f0}.product-devth__editor-tab-icon{width:16px;height:16px}.product-devth__lang-select{background:var(--product-bg-primary);border:1px solid var(--product-border-color);border-radius:var(--vapor-size-borderRadius-300);height:32px;padding-left:12px;padding-right:12px;display:flex;align-items:center;justify-content:space-between;width:80px;font-family:var(--vapor-typography-fontFamily-sans);font-size:14px;color:#262626;letter-spacing:-.1px}.product-devth__lang-select-icon{width:16px;height:16px}.product-devth__editor-body{flex:1;display:flex;overflow:hidden}.product-devth__line-numbers{background-color:var(--product-bg-primary);display:flex;flex-direction:column;align-items:flex-end;padding:4px 18px 4px 4px}.product-devth__line-num,.product-devth__line-numbers *{font-family:Fira Code,monospace!important}.product-devth__line-num{font-size:14px;line-height:22px;color:#5d5d5d;text-align:right;height:22px;width:42px}.product-devth__code-area{flex:1;background:var(--product-bg-primary);padding:4px;overflow:hidden;position:relative}.product-devth__code-area *,.product-devth__code-content{font-family:Fira Code,monospace!important}.product-devth__code-content{font-size:14px;line-height:22px;padding-left:8px;white-space:pre}.product-devth__code-line{display:flex;align-items:center;height:22px;line-height:22px}.product-devth__code-cursor{flex-shrink:0;width:2px;height:22px;min-height:22px;margin-left:2px;background-color:#262626;animation:product-devth-cursor-blink 1s step-end infinite}.product-devth[data-theme=dark] .product-devth__code-cursor{background-color:#fafafa}@keyframes product-devth-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.product-devth__code-line--focused{background-color:rgba(42,111,243,.08)}.product-devth[data-theme=dark] .product-devth__code-line--focused{background-color:rgba(95,157,250,.12)}.product-devth__code-text{color:#262626}.product-devth__code-keyword{color:#83009f}.product-devth__code-function{color:#0043b3}.product-devth__code-string{color:#115a00}.product-devth__bottom-panel{height:260px;border-top:1px solid var(--product-border-color);display:flex;flex-direction:column;flex-shrink:0}.product-devth__bottom-tabs{height:42px;border-bottom:1px solid var(--product-border-color);display:flex;align-items:center;padding-left:16px;gap:4px;flex-shrink:0}.product-devth__bottom-tab{height:32px;padding-left:12px;padding-right:12px;border-radius:var(--vapor-size-borderRadius-300);border:1px solid transparent;background:transparent;cursor:pointer;font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;font-size:14px;color:#5d5d5d;letter-spacing:-.1px}.product-devth__bottom-tab:hover{background:#f0f0f0}.product-devth__bottom-tab--active{background:var(--product-bg-primary);border-color:var(--product-border-color);color:#262626}.product-devth__bottom-tab--active:hover{background:#f0f0f0}.product-devth__testcase-body{flex:1;padding:16px;background:var(--product-bg-primary);display:flex;flex-direction:column;gap:16px;overflow:hidden}.product-devth__testcase-header{display:flex;align-items:center;justify-content:space-between}.product-devth__testcase-ratio{display:flex;gap:4px;align-items:center;font-size:14px;line-height:28px}.product-devth__testcase-ratio-label{font-family:var(--vapor-typography-fontFamily-sans);color:#5d5d5d}.product-devth__testcase-ratio-value{font-family:var(--vapor-typography-fontFamily-sans);font-weight:500;color:#006c4b}.product-devth__testcase-info{background:var(--product-bg-secondary);border-radius:var(--vapor-size-borderRadius-300);padding:8px 12px}.product-devth__testcase-info p{font-family:var(--vapor-typography-fontFamily-sans);font-size:12px;line-height:18px;color:#262626;letter-spacing:-.1px;margin:0}.product-devth__table-wrap{display:flex;flex-shrink:0}.product-devth__table-col{display:flex;flex-direction:column}.product-devth__table-col--num{width:56px;flex-shrink:0}.product-devth__table-col--input{flex:1}.product-devth__table-col--expected,.product-devth__table-col--output{width:140px}.product-devth__table-col--result{width:77px}.product-devth__table-header{background:var(--product-bg-secondary);font-weight:500;line-height:18px;color:#5d5d5d}.product-devth__table-cell,.product-devth__table-header{padding:6px 12px;width:100%;font-family:var(--vapor-typography-fontFamily-sans);font-size:12px}.product-devth__table-cell{position:relative;display:flex;align-items:center;line-height:22px;color:#4c4c4c}.product-devth__table-cell:before{content:"";position:absolute;inset:0;border-bottom:1px solid var(--product-border-color);pointer-events:none}.product-devth__table-cell--bold{font-weight:700}.product-devth__table-cell--multiline{white-space:pre-wrap}.product-devth__table-cell--nowrap{white-space:nowrap}.product-devth__table-cell--h34{height:34px}.product-devth__table-cell--h56{height:56px}.product-devth__table-cell--h72{height:72px}.product-devth__table-cell--match{font-family:var(--vapor-typography-fontFamily-sans);font-size:12px;line-height:20px;color:#006c4b}.product-devth__table-cell--mismatch{font-family:var(--vapor-typography-fontFamily-sans);font-size:12px;line-height:22px;color:#bb1225}.product-devth__table-cell--small,.product-devth__table-cell-inner{font-size:12px;line-height:20px}.product-devth-icon{display:block;width:100%;height:100%}.product-devth[data-theme=dark]{background:var(--product-bg-primary);border-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__header{border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__header-title-type{color:#5f9dfa}.product-devth[data-theme=dark] .product-devth__header-title-name{color:#dddde4}.product-devth[data-theme=dark] .product-devth__timer{background:rgba(147,149,164,.08);border-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__timer-track{background:rgba(147,149,164,.16)}.product-devth[data-theme=dark] .product-devth__timer-progress{background:#00ca82}.product-devth[data-theme=dark] .product-devth__timer-text{color:#00ca82}.product-devth[data-theme=dark] .product-devth__exit-btn{background:rgba(147,149,164,.16);color:#dddde4}.product-devth[data-theme=dark] .product-devth__exit-btn:hover{background:rgba(147,149,164,.24)}.product-devth[data-theme=dark] .product-devth__left-panel{background:var(--product-bg-tertiary);border-right-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__problem-card{background:var(--product-bg-primary);border-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__problem-header{background:var(--product-bg-primary);border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__problem-header-label{color:#dddde4}.product-devth[data-theme=dark] .product-devth__zoom-btn{background:rgba(147,149,164,.08);border-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__zoom-btn:hover{background:rgba(147,149,164,.16)}.product-devth[data-theme=dark] .product-devth__zoom-value{background:rgba(147,149,164,.08);border-color:var(--product-border-color);color:#aaacba}.product-devth[data-theme=dark] .product-devth__badge--easy{background:rgba(255,200,31,.16);color:#ffdf80}.product-devth[data-theme=dark] .product-devth__badge--done{background:rgba(19,194,153,.16);color:#13c299}.product-devth[data-theme=dark] .product-devth__problem-heading{color:#dddde4}.product-devth[data-theme=dark] .product-devth__problem-meta{border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__problem-meta-label{color:#9395a4}.product-devth[data-theme=dark] .product-devth__problem-content,.product-devth[data-theme=dark] .product-devth__problem-meta-value,.product-devth[data-theme=dark] .product-devth__problem-section-title,.product-devth[data-theme=dark] .product-devth__problem-text{color:#dddde4}.product-devth[data-theme=dark] .product-devth__editor-header{border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__editor-tab{background:var(--product-bg-primary);border-color:var(--product-border-color);color:#dddde4}.product-devth[data-theme=dark] .product-devth__editor-tab:hover{background:rgba(147,149,164,.08)}.product-devth[data-theme=dark] .product-devth__lang-select{background:var(--product-bg-primary);border-color:var(--product-border-color);color:#dddde4}.product-devth[data-theme=dark] .product-devth__line-numbers{background-color:var(--product-bg-primary)}.product-devth[data-theme=dark] .product-devth__line-num{color:#606060}.product-devth[data-theme=dark] .product-devth__code-area{background:var(--product-bg-primary)}.product-devth[data-theme=dark] .product-devth__code-text{color:#dddde4}.product-devth[data-theme=dark] .product-devth__code-keyword{color:#CF8EC9}.product-devth[data-theme=dark] .product-devth__code-function{color:#6FA8F9}.product-devth[data-theme=dark] .product-devth__code-string{color:#7BD88F}.product-devth[data-theme=dark] .product-devth__bottom-panel{border-top-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__bottom-tabs{border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__bottom-tab{color:#9395a4}.product-devth[data-theme=dark] .product-devth__bottom-tab:hover{background:rgba(147,149,164,.08)}.product-devth[data-theme=dark] .product-devth__bottom-tab--active{background:rgba(147,149,164,.12);border-color:var(--product-border-color);color:#dddde4}.product-devth[data-theme=dark] .product-devth__bottom-tab--active:hover{background:rgba(147,149,164,.16)}.product-devth[data-theme=dark] .product-devth__testcase-body{background:var(--product-bg-primary)}.product-devth[data-theme=dark] .product-devth__testcase-ratio-label{color:#9395a4}.product-devth[data-theme=dark] .product-devth__testcase-ratio-value{color:#00ca82}.product-devth[data-theme=dark] .product-devth__testcase-info{background:var(--product-bg-tertiary)}.product-devth[data-theme=dark] .product-devth__testcase-info p{color:#dddde4}.product-devth[data-theme=dark] .product-devth__table-header{background:var(--product-bg-tertiary);color:#9395a4}.product-devth[data-theme=dark] .product-devth__table-cell{color:#c3c4cf}.product-devth[data-theme=dark] .product-devth__table-cell:before{border-bottom-color:var(--product-border-color)}.product-devth[data-theme=dark] .product-devth__table-cell--match{color:#00ca82}.product-devth[data-theme=dark] .product-devth__table-cell--mismatch{color:#ff6b6b}.product-devth[data-theme=dark] .product-devth__table-cell-inner{color:#c3c4cf}.product-devth__timer--danger .product-devth__timer-progress{background:var(--vapor-color-background-danger-200)}.product-devth__timer--danger .product-devth__timer-text{color:var(--vapor-color-background-danger-200)}.product-devth[data-theme=dark] .product-devth__timer--danger .product-devth__timer-progress{background:var(--vapor-color-background-danger-200)}.product-devth[data-theme=dark] .product-devth__timer--danger .product-devth__timer-text{color:var(--vapor-color-background-danger-200)}@media (max-width:576px){.product-devth__left-panel{width:308px}.product-devth__problem-card{width:276px;height:582px}}@keyframes arkain-blink{0%,to{opacity:1}50%{opacity:0}}.arkain-cursor-blink{animation:arkain-blink 1s step-end infinite}@keyframes arkain-tab-slidein{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}.arkain-tab-slidein{animation:arkain-tab-slidein .35s cubic-bezier(.25,.46,.45,.94) forwards}.product-arkain{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--product-border-color)}.product-arkain,.product-arkain-wrppaer{position:relative;width:100%;height:100%;min-height:0}.product-arkain__frame{width:100%;height:100%;min-height:0;border-radius:var(--vapor-size-borderRadius-300);overflow:hidden}.product-arkain[data-theme=dark],.product-arkain[data-theme=light]{background-color:var(--product-bg-primary);border-color:var(--product-border-color)}[data-name=product-arkain] [data-name=Preview]{background-color:var(--vapor-color-white)}.product-arkain .product-arkain-border-theme{border-color:var(--product-border-color)}.product-arkain .product-arkain-bg-secondary{background-color:var(--product-bg-secondary)}.product-arkain .border-solid{--tw-border-style:unset;border-style:solid;border-width:1px}.product-arkain-inner{width:100%;height:100%}.product-arkain-gradient-text{-webkit-text-fill-color:transparent;background-clip:text;background-image:linear-gradient(93.3988deg,rgb(128,92,236),rgb(181,66,209) 99.811%)}.product-arkain-gradient-text-badge{-webkit-text-fill-color:transparent;background-clip:text;background-image:linear-gradient(97.8242deg,rgb(135,84,249) 20.344%,rgb(190,44,226) 100.34%)}.product-arkain[data-theme=dark] [class*="text-[#262626]"]{color:#fafafa!important}.product-arkain[data-theme=dark] [class*="text-[#2b2d36]"]{color:#dddde4!important}.product-arkain[data-theme=dark] [class*="text-[#4c4c4c]"],.product-arkain[data-theme=dark] [class*="text-[#525463]"]{color:#aaacba!important}.product-arkain[data-theme=dark] [class*="text-[#959595]"]{color:#8a8a8a!important}.product-arkain[data-theme=dark] [class*="text-[#393939]"]{color:#aaacba!important}.product-arkain[data-theme=dark] [class*="text-[#767676]"]{color:#8a8a8a!important}.product-arkain[data-theme=dark] [class*="text-[#5d5d5d]"]{color:#aaacba!important}.product-arkain[data-theme=dark] [class*="text-[#6843c8]"]{color:#c5b2ff!important}.product-arkain[data-theme=dark] [class*="text-[#61a613]"]{color:#7bc84a!important}.product-arkain[data-theme=dark] [class*="text-[#2a72e5]"]{color:#6b9fff!important}.product-arkain[data-theme=dark] path[fill*="#3E404C"],.product-arkain[data-theme=dark] path[fill*="#4C4C4C"],.product-arkain[data-theme=dark] path[fill*="#525463"],.product-arkain[data-theme=dark] path[fill*="#5D5D5D"]{fill:#aaacba!important}.product-arkain[data-theme=dark] path[fill*="#2B2D36"]{fill:#dddde4!important}.product-arkain[data-theme=dark] path[fill*="#262626"]{fill:#fafafa!important}.product-arkain[data-theme=dark] path[fill*="#4805A3"],.product-arkain[data-theme=dark] path[fill*="#5929BA"],.product-arkain[data-theme=dark] path[fill*="#6843C8"]{fill:#c5b2ff!important}.product-arkain[data-theme=dark] path[fill*="#A96800"]{fill:#be7b00!important}.product-arkain[data-theme=dark] path[stroke*="#E1E1E1"],.product-arkain[data-theme=dark] path[stroke*="#E1E1E8"]{stroke:var(--product-border-color)!important}.more-btn-s1{border-radius:var(--vapor-size-borderRadius-300);height:24px;padding:0 8px;display:flex;align-items:center;justify-content:center;transition:background .15s;cursor:pointer}.more-btn-s1:hover{filter:brightness(.92)}.arrow-btn-s1{background:#2a72e5;transition:background .15s;cursor:pointer}.arrow-btn-s1:hover{background:#3480f0}.section1-container{display:flex;align-items:stretch;width:100%}.left-panel,.right-panel{position:relative}.axis-line-svg{display:block;width:100%;height:100%}.bar-group-container{display:flex;flex:1 0 0;flex-direction:column;gap:8px;align-items:center;height:100%;min-width:0}.bar-group-inner{flex:1 0 0;min-height:0;position:relative;width:100%;overflow:clip}@keyframes barGrow{0%{transform:translateX(-50%) scaleY(0)}to{transform:translateX(-50%) scaleY(1)}}.bar-group-bars{position:absolute;left:50%;top:13px;transform:translateX(-50%);height:198px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:20px;transform-origin:bottom}.bar-group-bars--animated{animation:barGrow .9s cubic-bezier(.25,.46,.45,.94) both}.bar-blue{flex:1 0 0;min-height:0;border-radius:3.803px 3.803px 0 0;width:100%}.bar-red{width:100%;flex-shrink:0}.bar-group-label-container{display:flex;flex-direction:column;gap:4px;align-items:center;width:100%}.bar-group-label{font-size:10px;line-height:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.bar-group-badge{border-radius:12px;height:12px;padding:0 6px;display:flex;align-items:center;flex-shrink:0}.bar-group-badge-text{font-size:8px;line-height:8px;font-weight:500;white-space:nowrap}.active-card{position:absolute;width:250px;height:53px;border-radius:32.363px}.active-card-icon{position:absolute;left:7px;top:6px;width:42px;height:42px;border-radius:21.009px;display:flex;align-items:center;justify-content:center;padding:13px}.active-card-content{position:absolute;left:59px;top:10px;width:181px}.active-card-title{font-size:10px;line-height:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-card-badge{margin-top:5px;background:#cee3ff;height:13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.active-card-badge-text{color:#0e47a3;font-size:7.878px;line-height:11.818px;font-weight:500}.loading-card{position:absolute;width:250px;height:53px;border-radius:32.363px}.loading-card-icon{position:absolute;left:7px;top:6px;width:42px;height:42px;border-radius:21.009px;opacity:.32;display:flex;align-items:center;justify-content:center;padding:13px}.loading-card-content{position:absolute;left:59px;top:10px;width:129px}.loading-card-text{font-size:10px;line-height:14px;font-weight:500}.loading-card-badge{margin-top:5px;height:13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.loading-card-badge-text{font-size:7.878px;line-height:11.818px;font-weight:500}.ghost-card{position:absolute;width:250px;height:53px;border-radius:32.363px}.ghost-card-icon{position:absolute;left:7px;top:6px;width:42px;height:42px;border-radius:21.009px;display:flex;align-items:center;justify-content:center;padding:13px}.ghost-card-rect-1{top:10px;width:81px;height:13px}.ghost-card-rect-1,.ghost-card-rect-2{position:absolute;left:59px;border-radius:4.769px}.ghost-card-rect-2{top:31px;width:21px;height:11px}.glow-effect{width:310.857px;height:41px;filter:blur(16.2px);opacity:.5}.ai-input-container,.glow-effect{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ai-input-container{width:320px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);z-index:2}.ai-input-border{position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:1}.ai-input-wrapper{width:100%;padding:8px 8px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:4px}.ai-input-inner{gap:4px}.ai-input-inner,.ai-input-text-wrapper{display:flex;align-items:center;flex:1;min-width:0}.ai-input-text-wrapper{gap:2px}.ai-input-text{font-size:14px;line-height:22px;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-input-cursor{background:#2a72e5;height:19px;width:2px;flex-shrink:0}.ai-input-arrow-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-input-arrow-btn,.chart-container{border-radius:var(--vapor-size-borderRadius-300)}.chart-container{position:absolute;left:50%;top:0;transform:translateX(-50%);width:520px;height:333px;box-sizing:border-box}.chart-inner{padding:16px;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden;box-sizing:border-box}.chart-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0}.chart-title-wrapper{display:flex;align-items:center;gap:4px}.chart-title{font-size:14px;line-height:22px;letter-spacing:-.1px;font-weight:700}.chart-legend{display:flex;gap:8px;align-items:center;flex-shrink:0}.chart-legend-item{display:flex;gap:4px;align-items:center}.chart-legend-dot{width:6px;height:6px;flex-shrink:0}.chart-legend-text{font-size:10px;line-height:12px;letter-spacing:-.0475px}.chart-area{flex:1 0 0;min-height:0;min-width:0;position:relative;width:100%}.chart-y-axis{position:absolute;left:0;top:13px;width:100%;display:flex;flex-direction:column;gap:31px}.chart-y-axis-item{display:flex;gap:4px;align-items:center;height:8.556px}.chart-y-axis-label{width:26px;text-align:right;font-size:10px;line-height:10px;font-weight:500;letter-spacing:-.0475px;flex-shrink:0}.chart-y-axis-line-wrapper{flex:1;position:relative;height:100%}.chart-x-axis{position:absolute;left:26px;top:0;width:464px;height:257px;padding:4px;box-sizing:border-box}.chart-x-axis-bars{display:flex;align-items:stretch;justify-content:space-between;width:100%;height:100%;gap:4px}.mock-cards-wrapper{position:absolute;inset:0;transition:opacity .3s ease}@keyframes cardAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card-appear{position:absolute;inset:0;animation:cardAppear .3s ease forwards;opacity:0}.generating-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;line-height:18px;font-weight:500;color:var(--vapor-color-foreground-normal-300);white-space:nowrap;pointer-events:none;transition:opacity .2s ease;z-index:1}.exelearnce-mock-layer{position:absolute;left:50%;top:0;transform:translateX(-50%);width:520px;height:364px}@media (max-width:768px){.chart-container,.exelearnce-mock-layer{width:100%}}@media (max-width:576px){.product-section__sub-screen--exelearnce.product-section__sub-screen--left{background-image:var(--product-mo-left);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--exelearnce.product-section__sub-screen--left>*{visibility:hidden}.product-section__sub-screen--exelearnce.product-section__sub-screen--right{background-image:var(--product-mo-right);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--exelearnce.product-section__sub-screen--right>*{visibility:hidden}:root[data-vapor-theme=dark] .product-section__sub-screen--exelearnce.product-section__sub-screen--left{background-image:var(--product-mo-left-dark)}:root[data-vapor-theme=dark] .product-section__sub-screen--exelearnce.product-section__sub-screen--right{background-image:var(--product-mo-right-dark)}}.s2-nav-btn{transition:filter .15s,opacity .15s;cursor:pointer}.s2-nav-btn:hover{filter:brightness(.95)}.s2-nav-btn-active:hover{filter:brightness(.9)}.s2-log-btn{transition:background .15s;cursor:pointer}.s2-log-btn:hover{background:rgba(133,136,153,.16)!important}.dark .s2-log-btn:hover{background:rgba(147,149,164,.18)!important}.s2-pause-btn{transition:background .15s;cursor:pointer}.s2-pause-btn:hover{background:rgba(209,73,5,.18)!important}.dark .s2-pause-btn:hover{background:rgba(230,95,8,.18)!important}.s2-clock-btn{transition:background .15s;cursor:pointer}.s2-clock-btn:hover{background:rgba(10,134,114,.18)!important}.dark .s2-clock-btn:hover{background:rgba(37,154,119,.18)!important}.s2-msg-btn{transition:background .15s;cursor:pointer}.s2-msg-btn:hover{background:#1d65d8!important}.s2-history-btn{border-radius:6.754px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;cursor:pointer;border:1px solid}.s2-history-btn:hover{background:rgba(133,136,153,.16)!important}.dark .s2-history-btn:hover{background:rgba(147,149,164,.18)!important}.section2-container{display:flex;align-items:stretch;width:100%}.devth-cards-wrapper{position:absolute;left:50%;transform:translateX(-50%);top:0;width:520px;height:348px;display:flex;flex-direction:column;align-items:center}.report-card{position:relative;width:408px;height:348px;border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;border:1px solid;flex-shrink:0}.report-header{height:38px;border-bottom:1px solid;display:flex;align-items:center;padding:0 18px;gap:6px;flex-shrink:0}.report-header-text{font-size:12px;line-height:18px;font-weight:500}.report-nav-container{padding:24px 24px 0}.report-nav-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.report-nav-btn{height:32px;padding:0 16px;display:flex;align-items:center;justify-content:center;border-radius:var(--vapor-size-borderRadius-300);flex-shrink:0;border:none}.report-nav-btn-text{font-size:14px;line-height:22px;font-weight:500;white-space:nowrap;letter-spacing:-.1px}.report-stats-container{margin:24px 24px 0}.report-stats-card{border-radius:var(--vapor-size-borderRadius-300);padding:12px;display:flex;flex-direction:column;gap:6px;border:1px solid}.report-stats-item{display:flex;gap:5.428px;align-items:center;width:100%}.report-stats-label{flex:1 0 0}.report-stats-label,.report-stats-value{font-size:12.666px;line-height:19.904px;font-weight:500;letter-spacing:-.0905px}.report-stats-value{flex-shrink:0}.report-code-container{margin:28px 24px 0;display:flex;flex-direction:column;gap:8px}.report-gpt-badge{height:20px;padding:0 6px;border-radius:var(--vapor-size-borderRadius-300);display:inline-flex;align-items:center;gap:2px;align-self:flex-start}.report-gpt-badge-text{font-size:12px;line-height:18px;font-weight:500}.report-code-box{border-radius:var(--vapor-size-borderRadius-300);padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid}.report-code-header{display:flex;gap:1.809px;align-items:center}.report-python-badge{height:20px;padding:0 6px;border-radius:var(--vapor-size-borderRadius-300);display:inline-flex;align-items:center;gap:2px;flex-shrink:0;border:1px solid}.report-python-badge-text{font-size:12px;line-height:18px;font-weight:500}.report-code-text{font-size:12px;line-height:18px;letter-spacing:-.1px;overflow:hidden;width:100%;white-space:pre-wrap}.summary-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:458px;border-radius:var(--vapor-size-borderRadius-300);padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid}.summary-item{display:flex;gap:9.287px;align-items:center;width:100%}.summary-label,.summary-value{flex:1 0 0;font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.summary-value{text-align:right}.devth-panels-wrapper{position:absolute;left:50%;top:0;transform:translateX(-50%);width:520px;height:330px}.observ-panel{position:absolute;left:0;top:0;width:320px;border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;border:1px solid}.observ-header{border-bottom:1px solid;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.observ-header-left{display:flex;flex-direction:column;gap:2px}.observ-name-row{display:flex;gap:4px;align-items:center}.observ-name{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.observ-ganzi-badge{border-radius:var(--vapor-size-borderRadius-300);height:20px;padding:0 6px;display:flex;align-items:center}.observ-ganzi-badge-text{font-size:12px;line-height:18px;font-weight:500}.observ-email{font-size:12px;line-height:18px;letter-spacing:-.1px}.observ-header-right{display:flex;gap:8px;align-items:flex-start}.observ-log-btn{border-radius:var(--vapor-size-borderRadius-300);height:32px;padding:5px 12px;display:flex;align-items:center;gap:4px;flex-shrink:0;border:1px solid}.observ-log-btn-text{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.observ-log-btn-icon{border-radius:var(--vapor-size-borderRadius-300);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid}.observ-body{height:282px;display:flex;flex-direction:column}.observ-body-inner{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px}.observ-cam-container{display:flex;flex-direction:column;flex:1 0 0;gap:8px;width:100%;min-height:0}.observ-cam-header{display:flex;gap:8px;height:22px;align-items:center;width:100%;flex-shrink:0}.observ-cam-dot{flex-shrink:0;overflow:visible}.cam-dot-ring{transform-box:fill-box;transform-origin:center;opacity:0;animation:cam-dot-ring-pulse 1.5s ease-out infinite}@keyframes cam-dot-ring-pulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.4);opacity:0}}.observ-cam-info{display:flex;flex:1 0 0;gap:8px;align-items:center;font-size:14px;font-weight:500;letter-spacing:-.1px}.observ-cam-time{white-space:nowrap}.observ-cam-msg{flex:1 0 0;white-space:pre-wrap}.observ-cam-image-wrapper{flex:1 0 0;min-height:0;position:relative;border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;width:100%}.observ-cam-image{position:absolute;height:110%;left:-.53%;top:-1.94%;width:104.76%;max-width:none}.observ-controls{display:flex;gap:8px;width:100%;flex-shrink:0}.observ-clock-btn,.observ-pause-btn{border-radius:var(--vapor-size-borderRadius-300);width:54px;flex-shrink:0;border:1px solid}.observ-clock-btn,.observ-msg-btn,.observ-pause-btn{height:40px;display:flex;align-items:center;justify-content:center}.observ-msg-btn{background:#2a72e5;border-radius:var(--vapor-size-borderRadius-300);flex:1 0 0;gap:8px;min-width:0}.observ-msg-btn-text{font-size:14px;line-height:22px;font-weight:500;color:#ffffff;letter-spacing:-.1px}.log-panel{position:absolute;left:190px;top:39px;width:330px;height:276px;border-radius:var(--vapor-size-borderRadius-300);display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;overflow:hidden;border:1px solid}.log-date{font-size:12px;line-height:18px;font-weight:500;flex-shrink:0}.log-content{display:flex;gap:8px;align-items:flex-start;flex:1 0 0;min-height:0;overflow:visible}.log-timeline{width:10px;height:220px;flex-shrink:0}.log-timeline-canvas{position:relative}.log-timeline-track{position:absolute;left:50%;transform:translateX(-50%);width:2px;top:15px;height:190px;border-radius:1px;overflow:hidden}.log-timeline-fill{width:100%;height:0;border-radius:1px;transition:height .45s ease,background-color .3s ease}.log-timeline-dot{position:absolute;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:1.5px solid var(--devth-timeline-dot-stroke);background-color:var(--devth-timeline-dot-fill);opacity:.45;transition:background-color .35s ease,border-color .35s ease}.log-timeline-dot--past{opacity:1}.log-timeline-dot--active{background-color:var(--devth-ai-badge-sparkle);border-color:var(--devth-ai-badge-sparkle);opacity:1;overflow:visible}.log-timeline-dot--active:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border:2px solid var(--devth-ai-badge-sparkle);border-radius:50%;transform:translate(-50%,-50%);animation:devth-dot-ring-pulse 1.5s ease-out infinite;pointer-events:none}@keyframes devth-dot-ring-pulse{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.log-row-hidden{opacity:0;pointer-events:none}.log-row-visible{animation:rowSlideIn .3s ease forwards}.log-items{display:flex;flex:1 0 0;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.log-item{height:30px;border-radius:var(--vapor-size-borderRadius-300);flex-shrink:0;overflow:hidden;border:1px solid}.log-item,.log-item-inner{display:flex;align-items:center;width:100%}.log-item-inner{gap:12px;padding:0 8px}.log-time{width:48px;flex-shrink:0;font-size:12px;line-height:18px;letter-spacing:-.1px}.log-item-content{flex:1 0 0;gap:6px;min-width:0}.log-badge,.log-item-content{display:flex;align-items:center}.log-badge{border-radius:var(--vapor-size-borderRadius-300);height:16px;padding:0 6px;flex-shrink:0}.log-badge-text{font-size:10px;line-height:14px;font-weight:500}.log-action{flex:1 0 0;font-size:12px;line-height:18px;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-ai-badge{display:flex;align-items:center;gap:1.688px;padding:0 5px;height:20.261px;border-radius:var(--vapor-size-borderRadius-300);flex-shrink:0}.log-ai-badge-text{font-size:10.131px;line-height:15.196px;font-weight:500}@media (max-width:768px){.devth-cards-wrapper,.devth-panels-wrapper{width:100%}.log-panel{left:178px}}@media (max-width:576px){.product-section__sub-screen--devth.product-section__sub-screen--left{background-image:var(--product-mo-left);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--devth.product-section__sub-screen--left>*{visibility:hidden}.product-section__sub-screen--devth.product-section__sub-screen--right{background-image:var(--product-mo-right);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--devth.product-section__sub-screen--right>*{visibility:hidden}:root[data-vapor-theme=dark] .product-section__sub-screen--devth.product-section__sub-screen--left{background-image:var(--product-mo-left-dark)}:root[data-vapor-theme=dark] .product-section__sub-screen--devth.product-section__sub-screen--right{background-image:var(--product-mo-right-dark)}}.s3-icon-btn{cursor:pointer;transition:background .15s;border-radius:var(--vapor-size-borderRadius-300)}.s3-icon-btn:hover{background:var(--arkain-gray-badge-bg)!important}.s3-toggle-btn{cursor:pointer;transition:background .15s}.s3-toggle-btn:hover{filter:brightness(.95)}.s3-model-btn{cursor:pointer;transition:background .15s;border-radius:var(--vapor-size-borderRadius-300)}.s3-model-btn:hover{background:var(--arkain-gray-badge-bg)}.s3-free-btn{cursor:pointer;transition:background .15s;border-radius:var(--vapor-size-borderRadius-300)}.s3-free-btn:hover{background:var(--arkain-gray-badge-bg)!important}.s3-send-btn{cursor:pointer;transition:filter .15s;border-radius:12px}.s3-send-btn:hover{filter:brightness(1.12)}.s3-remix-btn{transition:background .15s,filter .15s}.s3-remix-btn:hover{filter:brightness(1.1)}.s3-sidechat-btn{cursor:pointer;transition:filter .15s;border-radius:32px}.s3-sidechat-btn:hover{filter:brightness(1.12)}.s3-add-context-btn{cursor:pointer;transition:background .15s;border-radius:12px;background:rgba(108,110,126,.16)}.dark .s3-add-context-btn{background:rgba(147,149,164,.12)}.s3-add-context-btn:hover{background:rgba(108,110,126,.24)}.dark .s3-add-context-btn:hover{background:#363636!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite}.section3-container{display:flex;align-items:stretch;width:100%}.left-panel,.right-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:48px;align-items:flex-start;padding-bottom:64px;padding-top:56px}.left-panel{padding-right:48px}.right-panel{padding-left:48px}.product-screen-gradient{height:348px;overflow:clip;position:relative;width:100%;flex-shrink:0}.product-screen-gradient-right{min-width:522px;overflow:hidden}.svg-icon{flex-shrink:0}.template-badge-wrapper{position:relative;width:24px;height:24px;flex-shrink:0;overflow:clip}.template-badge-outer{position:absolute;inset:7.35% 5.52%}.template-badge-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.template-card-back,.template-card-front{border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;width:328px;flex-shrink:0;border:1px solid}.template-card-front{box-shadow:0 4px 16px 0 rgba(0,0,0,.2);left:0;top:0}.template-card-back,.template-card-front{background:var(--arkain-template-card-bg);border-color:var(--arkain-template-card-border);position:absolute}.template-card-back{box-shadow:none;left:192px;top:32px;opacity:.8}.template-card-image-wrapper{height:166px;overflow:hidden;position:relative;flex-shrink:0}.template-card-image{position:absolute;max-width:none}.template-card-info{padding:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid}.template-card-badges{overflow:clip}.template-card-badges,.template-card-nodejs-badge{display:flex;gap:4px;align-items:center;height:24px}.template-card-gray-badge,.template-card-nodejs-badge{padding:0 8px;border-radius:var(--vapor-size-borderRadius-300);flex-shrink:0}.template-card-gray-badge{height:24px;display:flex;align-items:center}.template-card-badge-text{font-size:12px;line-height:18px;font-weight:500}.template-card-title-row{display:flex;gap:4px;align-items:center;flex-shrink:0}.template-card-title{font-size:18px;line-height:26px;font-weight:700;letter-spacing:-.1px}.template-card-desc{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px;height:44px;overflow:hidden;width:100%;white-space:pre-wrap}.template-card-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.template-card-avatar-group{display:flex;gap:4px;align-items:center}.template-card-avatar{width:24px;height:24px;border-radius:16px;background:#805cec;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e1e1e1}.template-card-avatar-text{color:white;font-size:12px;line-height:18px;font-weight:500}.template-card-avatar-label{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.template-card-stats-group{display:flex;gap:12px;align-items:center}.template-card-stats{display:flex;gap:8px;align-items:center}.template-card-stat-item{display:flex;gap:4px;align-items:center}.template-card-stat-text{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.template-card-remix-btn{border-radius:var(--vapor-size-borderRadius-300);height:32px;padding:0 12px;display:flex;align-items:center;cursor:pointer;border:1px solid}.template-card-remix-text{font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.1px}.arkain-cards-wrapper,.arkain-template-wrapper{position:absolute;left:50%;top:0;transform:translateX(-50%);width:520px;height:348px}.sidechat-card{position:absolute;left:0;top:0;width:408px;height:348px;border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;display:flex;flex-direction:column;border:1px solid}.sidechat-header{height:48px;border-bottom:1px solid;display:flex;align-items:center;padding:4px 8px;flex-shrink:0}.sidechat-header-inner{display:flex;gap:4px;align-items:center;width:100%}.sidechat-header-spacer{width:32px;height:32px;opacity:0}.sidechat-header-title{flex:1 0 0;font-size:16px;line-height:24px;font-weight:500;text-align:center;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidechat-body{flex:1;overflow:hidden;padding:16px 12px 8px;display:flex;flex-direction:column;gap:16px}.sidechat-bubble-group{display:flex;flex-direction:column;gap:4px;width:100%}.sidechat-bubble-header{display:flex;gap:4px;align-items:center;justify-content:flex-end}.sidechat-bubble-name{font-size:12px;line-height:18px;font-weight:500}.sidechat-bubble-avatar{width:32px;height:32px;border-radius:16px;overflow:hidden;flex-shrink:0;border:1px solid}.sidechat-bubble-avatar-img{width:100%;height:100%;object-fit:cover;opacity:.8}.sidechat-bubble{border-radius:12px;padding:6px 12px;width:fit-content;max-width:100%;align-self:flex-end}.sidechat-bubble-text{font-size:14px;line-height:22px;letter-spacing:-.1px;white-space:pre-wrap}.sidechat-answer-group{display:flex;flex-direction:column;gap:8px;width:100%}.sidechat-gemini-row{display:flex;gap:8px;align-items:center}.sidechat-gemini-btn{width:32px;height:32px;border-radius:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 8px 0 rgba(255,255,255,.6);background:linear-gradient(90deg,#b798fb,#7347d4 80%)}.sidechat-gemini-badge{height:20px;padding:0 6px 0 4px;border-radius:var(--vapor-size-borderRadius-300);display:flex;align-items:center}.sidechat-gemini-badge-text{font-size:12px;line-height:18px;font-weight:500}.sidechat-para-group{display:flex;flex-direction:column;gap:0}.sidechat-para-text{font-size:14px;line-height:22px;letter-spacing:-.1px}.sidechat-para-code-row{display:flex;gap:4px;align-items:center;height:24px}.sidechat-para-code-text{font-size:14px;line-height:22px;letter-spacing:-.1px;flex-shrink:0}.sidechat-code-badge{border-radius:var(--vapor-size-borderRadius-300);padding:1px 6px;display:inline-flex;align-items:center;border:1px solid}.sidechat-code-badge-text{font-family:Fira Code,monospace;font-size:14px;line-height:22px}.input-card{position:absolute;left:140px;top:106px;width:380px;border-radius:12px;overflow:hidden;border:1px solid}.input-card-header{padding:8px 8px 0}.input-card-header-badges{display:flex;gap:4px;align-items:center}.input-card-image-btn{background:rgba(232,232,238,.08);width:20px;justify-content:center}.input-card-app-badge,.input-card-image-btn{height:20px;border-radius:12px;display:flex;align-items:center;flex-shrink:0}.input-card-app-badge{padding:0 6px;gap:2px}.input-card-app-badge-text{font-size:12px;line-height:18px;font-weight:500}.input-card-body{padding:8px 16px}.input-card-textarea{width:100%;height:inherit;background:transparent;border:none;outline:none;resize:none;font-size:14px;line-height:22px;letter-spacing:-.1px;font-family:inherit;padding:0;margin:0}.input-card-footer{padding:8px;display:flex;align-items:center;justify-content:space-between}.input-card-footer-left{display:flex;gap:4px;align-items:center}.input-card-toggle-group{border-radius:14px;padding:2px;display:flex;align-items:center;border:1px solid}.input-card-toggle-btn{border-radius:12px;height:24px;padding:0 8px;display:flex;align-items:center;border:1px solid}.input-card-toggle-text{font-size:12px;line-height:18px;font-weight:500}.input-card-model-btn{border:none;border-radius:var(--vapor-size-borderRadius-300);height:28px;padding:0 8px;display:flex;align-items:center;gap:4px}.input-card-model-text{font-size:12px;line-height:18px;font-weight:500}.input-card-footer-right{display:flex;gap:4px;align-items:center}.input-card-free-text{font-size:12px;line-height:18px;font-weight:500}.input-card-free-gradient{background:linear-gradient(97.82deg,#8754f9 20.34%,#be2ce2 100.34%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.input-card-send-btn{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none}.sidechat-body--scroll{overflow-y:auto;scrollbar-width:none}.sidechat-body--scroll::-webkit-scrollbar{display:none}@keyframes msgAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-appear{animation:msgAppear .28s ease forwards}.sidechat-loading-dots{display:flex;gap:4px;align-items:center;padding:4px 0}.sidechat-loading-dots span{width:5px;height:5px;border-radius:50%;opacity:.35;animation:dotBounce 1.2s ease-in-out infinite}.sidechat-loading-dots span:nth-child(2){animation-delay:.18s}.sidechat-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes dotBounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.sidechat-dropdown{width:240px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16);animation:msgAppear .18s ease forwards;background:var(--arkain-chat-card-bg);border:1px solid var(--arkain-chat-card-border);color:var(--arkain-model-btn-text);padding:4px 0}.sidechat-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 12px;font-size:13px;line-height:20px;font-weight:500;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--arkain-model-btn-text);transition:background .1s}.sidechat-dropdown-item--active,.sidechat-dropdown-item:hover{background:var(--arkain-gemini-badge-bg)}.sidechat-dropdown-item--active{font-weight:600;color:var(--arkain-gemini-badge-text)}.sidechat-dropdown-item--active:hover{background:var(--arkain-gemini-badge-bg)}@media (max-width:768px){.arkain-cards-wrapper,.arkain-template-wrapper{width:100%}.input-card{left:128px}.template-card-back{left:180px}}@media (max-width:576px){.product-section__sub-screen--arkain.product-section__sub-screen--left{background-image:var(--product-mo-left);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--arkain.product-section__sub-screen--left>*{visibility:hidden}.product-section__sub-screen--arkain.product-section__sub-screen--right{background-image:var(--product-mo-right);background-size:contain;background-repeat:no-repeat;background-position:50%}.product-section__sub-screen--arkain.product-section__sub-screen--right>*{visibility:hidden}:root[data-vapor-theme=dark] .product-section__sub-screen--arkain.product-section__sub-screen--left{background-image:var(--product-mo-left-dark)}:root[data-vapor-theme=dark] .product-section__sub-screen--arkain.product-section__sub-screen--right{background-image:var(--product-mo-right-dark)}}