/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url(/ifox/assets/fonts/inter-v20-vietnamese-300-900.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url(/ifox/assets/fonts/inter-v20-latin-ext-300-900.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url(/ifox/assets/fonts/inter-v20-latin-300-900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:300 900;font-display:swap;src:url(/ifox/assets/fonts/outfit-v15-latin-ext-300-900.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300 900;font-display:swap;src:url(/ifox/assets/fonts/outfit-v15-latin-300-900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:var(--text-xs);--text-sm:var(--text-sm);--text-base:var(--text-base);--text-lg:var(--text-lg);--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--primary:#1e6bff;--primary-dark:#1256e3;--primary-light:#e9f2ff;--primary-50:#f4f8ff;--primary-100:#dbeafe;--primary-gradient:linear-gradient(135deg, #1e6bff 0%, #5ab7ff 100%);--accent:#5ab7ff;--motion-fast:.12s;--motion-base:.15s;--motion-slow:.2s;--motion-ease:cubic-bezier(.16, 1, .3, 1);--motion-rise:12px;--tone-blue:#1e6bff;--tone-rose:#e11d48;--tone-teal:#0d9488;--tone-purple:#a855f7;--tone-green:var(--green);--tone-amber:#d97706;--navy:#102a56;--green:#20b26b;--green-light:#eaf8f1;--green-dark:#189657;--red:#ef4444;--red-light:#fef2f2;--orange:#f59e0b;--orange-light:#fffbeb;--gold:#d4af37;--gold-light:#fdf6e3;--purple:#a855f7;--purple-light:#faf5ff;--pink:#ec4899;--ice-blue:#e6f3f9;--bg:#f4faff;--bg-card:#fff;--bg-sidebar:#fff;--bg-hover:#f0f6ff;--bg-active:var(--primary);--bg-input:#f8fafc;--bg-hero:linear-gradient(135deg, #eff6fff5 0%, #f8fcfff5 50%, #e8f4fdf5 100%);--bg-shell-glow:radial-gradient(circle at 74% 0%, #5ab7ff33 0, #5ab7ff14 18%, transparent 36%), radial-gradient(circle at 38% 8%, #ffffffeb 0, #ffffff61 18%, transparent 34%), linear-gradient(180deg, #f9fcff 0%, #eff8ff 100%);--text:#102a56;--text-secondary:#3b4e73;--text-muted:#6b7a99;--text-light:#94a3b8;--text-on-primary:#fff;--border:#1e6bff1c;--border-light:#1e6bff12;--border-strong:#1e6bff33;--border-input:#e2e8f0;--shadow-xs:0 1px 2px #102a5605;--shadow-sm:0 5px 14px #102a560d;--shadow-md:0 12px 30px #102a5612;--shadow-lg:0 22px 48px #102a561a;--shadow-xl:0 30px 60px #102a561f;--shadow-blue:0 8px 24px #1e6bff33;--shadow-card:0 8px 26px #102a560b;--shadow-card-hover:0 14px 36px #102a561a;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-w:232px;--right-panel-w:390px;--topbar-h:74px;--chat-bar-h:120px;--font:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-sidebar:100;--z-modal:200;--z-tooltip:300;--z-toast:400}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s;--motion-rise:0px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-shell-glow);color:var(--text);height:100vh;line-height:1.6;overflow:hidden}img{max-width:100%;display:block}svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-body);font-size:inherit}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}strong{font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.home-hero-mascot,.learn-hero-mascot{animation:none}}.app-container{background:radial-gradient(circle at 74% 3%,#1e6bff14,#0000 30%),radial-gradient(circle at 68% 18%,#ffffffeb,#0000 28%);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-sidebar);z-index:var(--z-sidebar);border-right:1px solid #1e6bff21;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-top{flex-shrink:0;padding:22px 18px 0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:22px;display:flex}.brand-logo{border-radius:var(--radius-sm);width:38px;height:38px}.sidebar-logo-full{justify-content:center}.brand-logo-full{object-fit:cover;object-position:center;border-radius:10px;width:176px;height:62px;max-height:62px}.brand-info{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-size:var(--text-lg);letter-spacing:2px;color:var(--navy);font-weight:800}.brand-sub{letter-spacing:2.4px;color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:500}.ifox-profile{text-align:center;flex-direction:column;align-items:center;padding:14px 0 18px;display:flex}.ifox-avatar-wrap{width:98px;height:98px;margin-bottom:9px;position:relative}.ifox-avatar-wrap img{object-fit:cover;object-position:center top;border:4px solid #e7f2ff;border-radius:50%;width:100%;height:100%;box-shadow:0 12px 30px #1e6bff1a}.ifox-avatar-status{background:var(--green);border:3px solid var(--bg-sidebar);border-radius:50%;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.ifox-name{font-size:var(--text-lg);color:var(--primary);margin-bottom:2px;font-weight:700}.ifox-status{font-size:var(--text-xs);color:var(--green);align-items:center;gap:5px;font-weight:500;display:flex}.ifox-status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:6px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.nav-item{min-height:42px;color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition);cursor:pointer;border-radius:12px;align-items:center;gap:13px;padding:10px 14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--primary)}.nav-item.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:0 12px 26px #1e6bff3d}.nav-item.active svg{stroke:#fff}.nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-bottom{border-top:1px solid var(--border-light);flex-shrink:0;padding:14px 16px 18px}.usage-card{border:1px solid var(--border-strong);background:linear-gradient(#f4f8fff2,#fffffff5);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.usage-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.usage-tier-label{font-size:var(--text-sm);color:var(--text);align-items:center;gap:5px;font-weight:600;display:inline-flex}.usage-tier-label svg{width:14px;height:14px;color:var(--primary)}.usage-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.usage-bar{border-radius:var(--radius-full);background:var(--primary-light);height:6px;overflow:hidden}.usage-bar-fill{border-radius:inherit;background:var(--primary-gradient,var(--primary));height:100%;transition:width .3s}.usage-contact{font-size:var(--text-xs);color:var(--primary);align-items:center;gap:4px;font-weight:500;display:inline-flex}.usage-contact:hover{gap:7px}.usage-contact svg{width:12px;height:12px}.main-area{margin-left:var(--sidebar-w);background:0 0;flex:1;height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border-bottom:1px solid #1e6bff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 26px;display:flex}.topbar-greeting{border:1px solid var(--border-strong);border-radius:var(--radius-full);min-height:42px;font-size:var(--text-sm);color:var(--primary);box-shadow:var(--shadow-xs);background:#ffffffd6;align-items:center;gap:8px;padding:8px 18px;font-weight:500;display:inline-flex}.topbar-greeting svg{width:16px;height:16px;color:var(--primary)}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-notif{width:42px;height:42px;color:var(--text-muted);transition:var(--transition-fast);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;display:flex}.topbar-notif:hover{color:var(--primary);border-color:var(--border);background:#fff}.topbar-notif svg{width:20px;height:20px}.topbar-user{border:1px solid var(--border);cursor:pointer;min-height:46px;transition:var(--transition-fast);background:#ffffffc2;border-radius:18px;align-items:center;gap:10px;padding:5px 12px 5px 6px;display:flex;position:relative}.topbar-user:hover{border-color:var(--border-strong);background:#fff}.topbar-user-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.topbar-user-avatar img{object-fit:cover;width:100%;height:100%}.topbar-user-info{flex-direction:column;line-height:1.2;display:flex}.topbar-user-name{font-size:var(--text-sm);color:var(--text);font-weight:600}.topbar-user-role{font-size:var(--text-xs);color:var(--text-muted)}.topbar-user-chevron{width:16px;height:16px;color:var(--text-muted)}.topbar-user-menu{z-index:50;background:#fff;border:1px solid #0f172a1a;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0f172a1f}.topbar-user-menu[hidden]{display:none}.topbar-user-menu-item{width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.topbar-user-menu-item[hidden]{display:none}.topbar-user-menu-item:hover{background:var(--red-light);color:var(--red)}.topbar-user-menu-item svg{width:16px;height:16px}.topbar-guest-auth,.mobile-auth{align-items:center;gap:8px;display:flex}.topbar-guest-auth[hidden],.mobile-auth[hidden]{display:none}.mobile-auth{justify-content:flex-end;min-width:0}.mobile-auth .btn{white-space:nowrap;min-height:36px;padding-left:10px;padding-right:10px}.center-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.center-content{scroll-behavior:smooth;flex:1;padding:22px 28px 16px;overflow:hidden auto}.center-content::-webkit-scrollbar{width:5px}.center-content::-webkit-scrollbar-track{background:0 0}.center-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.center-content::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.view{display:none}.view.active{flex-direction:column;min-height:100%;display:flex}.right-panel{width:var(--right-panel-w);min-width:var(--right-panel-w);-webkit-backdrop-filter:blur(18px);background:#fff9;border-left:1px solid #1e6bff14;flex-direction:column;display:flex;overflow:hidden}.right-panel-content{flex:1;padding:26px 24px 20px;overflow-y:auto}.right-panel-content::-webkit-scrollbar{width:4px}.right-panel-content::-webkit-scrollbar-track{background:0 0}.right-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.right-section{display:none}.right-section.active{display:block}.rp-section{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffe0;border-radius:18px;margin-bottom:18px;padding:18px}.rp-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rp-header h3{font-size:var(--text-md);color:var(--navy);align-items:center;gap:6px;font-weight:700;display:flex}.rp-info{width:14px;height:14px;color:var(--text-light)}.rp-badge{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);padding:3px 10px;font-size:10px;font-weight:600}.rp-link{font-size:var(--text-xs);color:var(--primary);align-items:center;gap:4px;font-weight:600;display:inline-flex}.rp-link svg{width:14px;height:14px}.rp-steps{flex-direction:column;gap:8px;display:flex}.rp-step{border:1px solid var(--border);cursor:pointer;min-height:58px;transition:var(--transition-fast);background:#ffffffdb;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.rp-step:hover{background:#f0f6ffe0}.rp-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.rp-step-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rp-step-icon svg{width:16px;height:16px}.rp-step-icon.blue{background:var(--primary-light);color:var(--primary)}.rp-step-icon.green{background:var(--green-light);color:var(--green)}.rp-step-icon.purple{background:var(--purple-light);color:var(--purple)}.rp-step-icon.teal{color:#0d9488;background:#f0fdfa}.rp-step-icon.orange{background:var(--orange-light);color:var(--orange)}.rp-step-info{flex:1;min-width:0}.rp-step-info strong{font-size:var(--text-sm);color:var(--navy);font-weight:600;display:block}.rp-step-info span{color:var(--text-muted);font-size:10px}.rp-step-action{font-size:var(--text-xs);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-full);transition:var(--transition-fast);flex-shrink:0;padding:5px 11px;font-weight:600}.rp-step:hover .rp-step-action{background:var(--primary);color:#fff;border-color:var(--primary)}.rp-article{border:1px solid var(--border);background:#ffffffb8;border-radius:16px;gap:12px;margin-bottom:10px;padding:12px;display:flex}.rp-article:last-child{margin-bottom:0}.rp-article-thumb{object-fit:cover;border-radius:14px;flex-shrink:0;width:76px;height:76px}.rp-article-info h4{font-size:var(--text-sm);color:var(--navy);margin-bottom:3px;font-weight:600;line-height:1.3}.rp-article-meta{color:var(--primary);margin-bottom:4px;font-size:10px;font-weight:800;display:block}.rp-article-info p{color:var(--text-muted);font-size:11px;line-height:1.4}.rp-videos{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rp-video-card{cursor:pointer;border:1px solid var(--border);background:#ffffffb3;border-radius:16px;padding:8px}.rp-video-thumb{aspect-ratio:16/10;border-radius:14px;margin-bottom:6px;position:relative;overflow:hidden}.rp-video-thumb img{object-fit:cover;width:100%;height:100%}.rp-video-duration{color:#fff;background:#000000b3;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;bottom:4px;right:4px}.rp-video-play{width:28px;height:28px;color:var(--primary);opacity:0;transition:var(--transition-fast);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rp-video-card:hover .rp-video-play{opacity:1}.rp-video-play svg{width:14px;height:14px}.rp-video-title{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.3}.rp-keyword-list{flex-direction:column;gap:8px;display:flex}.rp-keyword{transition:var(--transition-fast);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.rp-keyword:hover{background:var(--bg-hover)}.rp-keyword-rank{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.rp-keyword-name{font-size:var(--text-sm);color:var(--navy);flex:1;font-weight:600}.rp-keyword-pct{font-size:var(--text-xs);flex-shrink:0;font-weight:700}.rp-keyword-pct.up{color:var(--green)}.rp-keyword-vol{color:var(--text-light);text-align:right;flex-shrink:0;width:40px;font-size:10px}.rp-gauge-container{text-align:center;min-height:178px}.rp-gauge-container canvas{width:100%!important;height:118px!important}.rp-gauge-value{margin-top:-28px}.rp-gauge-num{font-size:var(--text-3xl);color:var(--navy);font-weight:800}.rp-gauge-scale{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.rp-gauge-label{font-size:var(--text-sm);color:var(--green);font-weight:600;display:block}.rp-gauge-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.rp-alert{border:1px solid;border-radius:14px;gap:10px;margin-bottom:10px;padding:12px;display:flex}.rp-alert.red{background:#fef2f2;border-color:#fecaca}.rp-alert.green{background:var(--green-light);border-color:#bbf7d0}.rp-alert.orange{background:var(--orange-light);border-color:#fed7aa}.rp-alert-icon{flex-shrink:0}.rp-alert.red .rp-alert-icon{color:var(--red)}.rp-alert.green .rp-alert-icon{color:var(--green)}.rp-alert.orange .rp-alert-icon{color:var(--orange)}.rp-alert-icon svg{width:18px;height:18px}.rp-alert-info strong{font-size:var(--text-sm);color:var(--navy);margin-bottom:2px;font-weight:600;display:block}.rp-alert-info p{color:var(--text-muted);margin-bottom:4px;font-size:11px;line-height:1.4}.rp-alert-action{color:var(--primary);font-size:11px;font-weight:600}.rp-timestamp{text-align:right;color:var(--text-light);padding-top:8px;font-size:10px}.rp-questions{flex-direction:column;gap:6px;display:flex}.rp-question{border:1px solid var(--border-light);cursor:pointer;min-height:48px;transition:var(--transition-fast);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rp-question:hover{background:var(--bg-hover);border-color:var(--border-strong)}.rp-question svg:first-child{width:18px;height:18px;color:var(--primary);flex-shrink:0}.rp-question span{font-size:var(--text-sm);color:var(--text-secondary);flex:1}.rp-question svg:last-child{width:14px;height:14px;color:var(--text-light);flex-shrink:0}.rp-resources{flex-direction:column;gap:8px;display:flex}.rp-resource{border:1px solid var(--border);cursor:pointer;min-height:58px;transition:var(--transition-fast);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rp-resource:hover{background:var(--bg-hover)}.rp-resource-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rp-resource-icon svg{width:22px;height:22px}.rp-resource-info{flex:1}.rp-resource-info strong{font-size:var(--text-md);color:var(--navy);font-weight:700;display:block}.rp-resource-info span{color:var(--text-muted);font-size:11px}.rp-resource-action{font-size:var(--text-xs);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 12px;font-weight:600}.rp-learn-path{flex-direction:column;gap:8px;display:flex}.rp-learn-item{cursor:pointer;min-height:58px;transition:var(--transition-fast);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.rp-learn-item:not(:last-child):after{content:"";background:#bbd7ff;width:1px;height:24px;position:absolute;top:48px;left:29px}.rp-learn-item:hover{background:var(--bg-hover)}.rp-learn-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.rp-learn-info{flex:1;min-width:0}.rp-learn-info strong{font-size:var(--text-sm);color:var(--navy);font-weight:600;display:block}.rp-learn-info span{color:var(--text-muted);font-size:10px}.rp-learn-action{font-size:var(--text-xs);color:#fff;background:var(--primary);border-radius:var(--radius-full);flex-shrink:0;padding:6px 11px;font-weight:600}.rp-continue-video{gap:12px;display:flex}.rp-continue-thumb{aspect-ratio:16/10;border-radius:var(--radius-sm);flex-shrink:0;width:120px;position:relative;overflow:hidden}.rp-continue-thumb img{object-fit:cover;width:100%;height:100%}.rp-continue-info{flex:1}.rp-continue-info strong{font-size:var(--text-sm);color:var(--navy);margin-bottom:2px;font-weight:600;display:block}.rp-continue-info>span{color:var(--text-muted);margin-bottom:8px;font-size:10px;display:block}.rp-progress{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rp-progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.rp-progress-fill{background:var(--primary);border-radius:3px;height:100%}.rp-progress span{color:var(--primary);font-size:11px;font-weight:600}.rp-docs{flex-direction:column;gap:8px;display:flex}.rp-doc{border:1px solid var(--border-light);cursor:pointer;min-height:58px;transition:var(--transition-fast);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rp-doc:hover{background:var(--bg-hover)}.rp-doc-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rp-doc-icon svg{width:21px;height:21px}.rp-doc-icon.red{color:var(--red);background:#fef2f2}.rp-doc-icon.orange{background:var(--orange-light);color:var(--orange)}.rp-doc-icon.blue{background:var(--primary-light);color:var(--primary)}.rp-doc-info{flex:1}.rp-doc-info strong{font-size:var(--text-sm);color:var(--navy);font-weight:600;display:block}.rp-doc-info span{color:var(--text-muted);font-size:10px}.mobile-header{height:74px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--border);z-index:50;background:#ffffffe0;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-menu-btn{width:44px;height:44px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;display:flex}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--motion-base) var(--motion-ease);pointer-events:none;background:#0006;display:block;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.btn{min-height:40px;font-weight:600;font-size:var(--text-sm);transition:var(--transition);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;line-height:1.4;display:inline-flex}.btn[hidden]{display:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 12px 28px #1e6bff40}.btn-outline{color:var(--primary);border:1px solid var(--border-strong);background:#ffffffeb}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary)}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:6px 14px}.btn svg{width:16px;height:16px}.chat-input-container{border:1px solid var(--border-strong);min-height:58px;transition:var(--transition);background:#fffffff0;border-radius:24px;align-items:center;gap:8px;padding:9px 12px 9px 16px;display:flex;box-shadow:0 10px 30px #102a560e}.chat-input-container:focus-within{box-shadow:0 0 0 4px #1e6bff14, var(--shadow-md);border-color:#1e6bff75}.chat-input-container.large{border-radius:18px;flex-direction:column;align-items:stretch;padding:22px 22px 16px}.chat-input-container.large .chat-welcome-prompt{font-size:var(--text-md);color:var(--text-muted);margin-bottom:12px}.chat-input-container.large .chat-welcome-input-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.chat-input-icon{color:var(--primary);flex-shrink:0}.chat-input-icon svg,.chat-input-icon{width:20px;height:20px}.chat-input{min-height:44px;font-size:var(--text-base);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.chat-input::placeholder{color:var(--text-light)}.chat-mic-btn,.chat-attach-btn{width:44px;height:44px;color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-mic-btn:hover,.chat-attach-btn:hover{background:var(--bg-hover);color:var(--primary)}.chat-mic-btn svg,.chat-attach-btn svg{width:18px;height:18px}.chat-send-btn{background:var(--primary-gradient);color:#fff;width:44px;height:44px;transition:var(--transition);box-shadow:var(--shadow-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.chat-send-btn svg{width:18px;height:18px}.bottom-chat-bar{margin-top:auto;padding:18px 0 0}.bottom-chat-bar.sticky{padding:16px 0 calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border-light);background:#f4faffeb;position:sticky;bottom:0}.chat-quick-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.chat-chip{border:1px solid var(--border);border-radius:var(--radius-full);min-height:34px;font-size:var(--text-xs);color:var(--primary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffffeb;align-items:center;gap:6px;padding:7px 15px;font-weight:700;display:inline-flex}.chat-chip:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.chat-chip svg{width:14px;height:14px;color:var(--primary)}.chat-hint-text{text-align:center;font-size:var(--text-xs);color:var(--text-light);margin-top:8px;font-style:italic}.badge-sm{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.badge-sm.blue{background:var(--primary-light);color:var(--primary)}.badge-sm.green{background:var(--green-light);color:var(--green-dark)}.badge-sm.orange{background:var(--orange-light);color:var(--orange)}.badge-sm.red{background:var(--red-light);color:var(--red)}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-header h3{font-size:var(--text-md);color:var(--navy);font-weight:700}.section-link{font-size:var(--text-xs);color:var(--primary);transition:var(--transition-fast);align-items:center;gap:4px;font-weight:600;display:inline-flex}.section-link:hover{gap:8px}.section-link svg{width:14px;height:14px}.feature-card-img,.rp-article-thumb,.rp-video-thumb,.rp-video-thumb img,.viral-design-card,.viral-design-card img,.viral-content-thumb,.inspire-card,.inspire-card img,.course-thumb,.course-thumb img,.concept-card,.concept-card img,.mockup-preview,.history-asset,.history-asset img{border-radius:18px}.app-footer{text-align:center;font-size:var(--text-xs);color:var(--text-light);margin-top:auto;padding:14px 0 6px}.app-footer a{min-height:44px;color:var(--primary);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.app-footer a:hover{text-decoration:underline}.hidden{display:none!important}.placeholder-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 40px;display:flex}.placeholder-view svg{width:48px;height:48px;color:var(--primary)}.placeholder-view h2{font-size:var(--text-2xl);color:var(--navy);font-weight:700}.placeholder-view p{font-size:var(--text-sm);color:var(--text-muted);max-width:400px;line-height:1.6}.carousel-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.carousel-dots .dot{background:var(--border);width:8px;height:8px;transition:var(--transition-fast);cursor:pointer;border-radius:50%}.carousel-dots .dot.active{background:var(--primary);border-radius:4px;width:20px}.online-dot{font-size:var(--text-xs);color:var(--green);font-weight:500}.chart-info-icon{width:16px;height:16px;color:var(--text-light);cursor:help}.motion-overlay{opacity:0;transition:opacity var(--motion-base) var(--motion-ease)}.motion-overlay.is-open{opacity:1}.motion-overlay .motion-panel{opacity:0;transform:translateY(var(--motion-rise));transition:opacity var(--motion-slow) var(--motion-ease), transform var(--motion-slow) var(--motion-ease)}.motion-overlay.is-open .motion-panel{opacity:1;transform:translateY(0)}.motion-overlay.is-closing,.motion-overlay.is-closing .motion-panel{transition-duration:var(--motion-fast)}@keyframes ifox-rise-in{0%{opacity:0;transform:translateY(var(--motion-rise))}to{opacity:1;transform:translateY(0)}}.motion-rise-in{animation:ifox-rise-in var(--motion-slow) var(--motion-ease) both}@media (prefers-reduced-motion:reduce){.motion-rise-in{animation:none}}.right-panel-fab{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:170;background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:none;position:fixed;box-shadow:0 18px 38px #1e6bff47}.right-panel-fab svg{width:22px;height:22px}.right-panel-fab[hidden]{display:none}.right-panel-fab-tip{border:1px solid var(--border-blue);color:#073176;white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:max-content;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 12px 28px #1e6bff29}.right-panel-fab[aria-expanded=true] .right-panel-fab-tip{display:none}.right-panel-fab-badge{background:var(--red);color:#fff;text-align:center;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:14px;position:absolute;top:4px;right:4px}.right-panel-fab-badge[hidden]{display:none}.right-sheet{z-index:180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a193c57;align-items:end;display:grid;position:fixed;inset:0}.right-sheet[hidden]{display:none}.right-sheet-backdrop{position:absolute;inset:0}.right-sheet-panel{background:#fffffffa;border:1px solid #1e6bff24;border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:min(78vh,720px);display:flex;position:relative;overflow:hidden;box-shadow:0 -26px 70px #102a5638}.right-sheet-header{border-bottom:1px solid #1e6bff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.right-sheet-header h2{color:var(--navy);font-size:var(--text-lg);margin:0;font-weight:900}.right-sheet-close{width:44px;height:44px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.right-sheet-close:hover{background:var(--bg-hover);color:var(--primary)}.right-sheet-close svg{width:20px;height:20px}.right-sheet-body{overscroll-behavior:contain;min-height:0;padding:14px 18px calc(22px + env(safe-area-inset-bottom));overflow-y:auto}.right-sheet-body .right-section{display:block}.right-sheet-body .rp-card{margin-bottom:14px}@media (width<=768px){.right-panel-fab:not([hidden]){display:inline-flex}}@media (width>=769px){.right-sheet,.right-panel-fab{display:none!important}}.view-intro{top:0;bottom:0;right:0;left:var(--sidebar-w,232px);z-index:60;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f8ffdb;place-items:safe center;padding:24px;display:grid;position:fixed;overflow-y:auto}.view-intro-card{text-align:center;background:#fff;border:1px solid #1e6bff1f;border-radius:32px;width:min(760px,100%);padding:40px 54px 36px;box-shadow:0 34px 90px #102a562e}.view-intro-img{object-fit:contain;filter:drop-shadow(0 18px 26px #1e6bff1a);width:268px;height:268px;margin:0 auto 10px}.view-intro-kicker{border-radius:var(--radius-full);min-height:30px;color:var(--primary);font-size:var(--text-xs);background:#1e6bff14;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:0 12px;font-weight:800;display:inline-flex}.view-intro-card h2{color:var(--navy);letter-spacing:0;margin-bottom:12px;font-size:clamp(1.75rem,1.35rem + 1vw,2.35rem);font-weight:900;line-height:1.08}.view-intro-card h2:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent));width:72px;height:4px;margin:12px auto 0;display:block}.view-intro-card p{color:var(--text-secondary);font-size:var(--text-md);max-width:560px;margin:0 auto 24px;line-height:1.72}.view-intro-line{display:block}.view-intro-line+.view-intro-line{margin-top:2px}.view-intro-card p strong{color:var(--navy);font-weight:800}.view-intro-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:-8px 0 24px;display:flex}.view-intro-chip{border-radius:var(--radius-full);min-height:30px;color:var(--primary);font-size:var(--text-xs);background:#ffffffd6;border:1px solid #1e6bff1f;align-items:center;gap:6px;padding:0 11px;font-weight:700;display:inline-flex}.view-intro-cta{background:var(--primary-gradient,var(--primary));color:#fff;min-height:52px;font-weight:800;font-size:var(--text-md);cursor:pointer;border:0;border-radius:999px;padding:0 34px;box-shadow:0 12px 28px #1e6bff4d}.view-intro-cta:hover{filter:brightness(1.05)}.privacy-view{flex-direction:column;gap:20px;min-height:100%;padding:28px;display:flex}.privacy-hero,.privacy-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffe0}.privacy-hero{border-radius:var(--radius-2xl);padding:28px;position:relative;overflow:hidden}.privacy-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#5ab7ff40,#0000 68%);border-radius:999px;height:210px;position:absolute;inset:auto -12% -58% 52%}.privacy-hero h2{color:var(--navy);letter-spacing:-.03em;margin:12px 0 10px;font-size:clamp(2rem,3vw,3rem);line-height:1}.privacy-hero p{max-width:780px;color:var(--text-secondary);font-size:var(--text-lg);margin:0;line-height:1.65}.privacy-version{border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--primary-dark);font-size:var(--text-xs);background:#f4f8ffdb;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;font-weight:800;display:inline-flex}.privacy-version svg{width:15px;height:15px}.privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.privacy-card{border-radius:var(--radius-xl);padding:20px}.privacy-card h3{color:var(--navy);font-size:var(--text-xl);align-items:center;gap:9px;margin:0 0 12px;display:flex}.privacy-card h3 svg{width:20px;height:20px;color:var(--primary)}.privacy-card ul{color:var(--text-secondary);font-size:var(--text-sm);gap:9px;margin:0;padding-left:18px;line-height:1.62;display:grid}.privacy-full{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffe6;overflow:hidden}.privacy-full summary{min-height:48px;color:var(--primary-dark);cursor:pointer;align-items:center;padding:14px 18px;font-weight:900;display:flex}.privacy-full-body{max-width:980px;color:var(--text-secondary);font-size:var(--text-sm);padding:0 22px 22px;line-height:1.68}.privacy-full-body h3{color:var(--navy);font-size:var(--text-lg);margin:22px 0 8px}.privacy-full-body p,.privacy-full-body ul,.privacy-full-body ol{margin:0 0 12px}.privacy-full-body ul,.privacy-full-body ol{padding-left:20px}.privacy-table-wrap{max-width:100%;margin:10px 0 16px;overflow-x:auto}.privacy-full-body table{border-collapse:collapse;width:100%;min-width:620px;font-size:var(--text-xs)}.privacy-full-body th,.privacy-full-body td{text-align:left;vertical-align:top;border:1px solid #1e6bff1f;padding:10px 12px}.privacy-full-body th{color:var(--navy);background:#f4f8fff2}.privacy-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=768px){.view-intro{padding:18px;left:0}.view-intro-card{border-radius:26px;width:min(100%,560px);padding:30px 24px 26px}.view-intro-img{width:204px;height:204px;margin-bottom:8px}.view-intro-card h2{font-size:1.72rem}.view-intro-card p{font-size:var(--text-sm);margin-bottom:20px;line-height:1.62}.view-intro-cta{width:100%;min-height:50px;padding:0 18px}.privacy-view{padding:18px}.privacy-hero{border-radius:var(--radius-xl);padding:22px}.privacy-grid{grid-template-columns:1fr}.privacy-full-body{max-height:58dvh;padding:0 16px 18px;overflow:auto}.privacy-actions .btn{justify-content:center;width:100%}}@media (width<=390px){.view-intro-card{padding:24px 18px 22px}.view-intro-img{width:184px;height:184px}}@media (height<=720px){.view-intro-img{width:208px;height:208px;margin-bottom:6px}.view-intro-card{padding:28px 54px 24px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#view-home{gap:16px}.home-hero{background:radial-gradient(circle at 12% 78%, #5ab7ff2e, transparent 34%), radial-gradient(circle at 82% 8%, #ffffffeb, transparent 26%), var(--bg-hero);border:1px solid #1e6bff2e;border-radius:26px;align-items:stretch;gap:38px;min-height:352px;padding:28px 38px 26px 34px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 18px 44px #1e6bff13}.home-hero:before{content:"";background:radial-gradient(circle,#1e6bff1a 0%,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-88px;right:-74px}.home-hero-left{z-index:1;flex-shrink:0;justify-content:center;align-items:flex-end;width:300px;display:flex;position:relative}.home-hero-mascot{object-fit:contain;width:328px;height:328px;margin:0 0 -12px -10px;animation:4s ease-in-out infinite float}.home-hero-right{z-index:1;flex-direction:column;flex:1;justify-content:center;min-width:0;padding-top:2px;display:flex;position:relative}.home-hero-title{font-family:var(--font);font-size:var(--text-4xl);color:var(--navy);max-width:620px;margin-bottom:10px;font-weight:800;line-height:1.16}.home-hero-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:22px;line-height:1.5}.home-hero-actions{flex-wrap:nowrap;gap:12px;display:flex}.hero-action-btn{cursor:pointer;min-height:112px;transition:var(--transition);border:1px solid var(--border);background:#fff;border-radius:18px;flex:1 1 0;align-items:center;gap:14px;min-width:0;padding:20px;display:flex;box-shadow:0 8px 22px #102a560b}.hero-action-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.hero-action-btn:first-child{background:var(--primary-gradient);box-shadow:var(--shadow-blue);border-color:#0000}.hero-action-btn:first-child .hero-action-icon{color:#fff;background:#ffffff2e}.hero-action-btn:first-child .hero-action-text strong,.hero-action-btn:first-child .hero-action-text span{color:#fff}.hero-action-icon{background:var(--primary-light);width:58px;height:58px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-action-icon svg{width:26px;height:26px}.hero-action-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.hero-action-text strong{font-size:var(--text-sm);color:var(--navy);font-weight:700;line-height:1.32}.hero-action-text span{color:var(--text-muted);font-size:11px;line-height:1.55}@media (width<=768px){.home-hero-desc{text-wrap:balance}.hero-action-btn{border:1px solid var(--border)}.hero-action-text span{color:var(--text-secondary);font-size:12px}}.home-features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{text-align:center;cursor:pointer;transition:var(--transition);border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:#fff;border-radius:22px;flex-direction:column;align-items:center;min-height:338px;padding:0 20px 20px;display:flex;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong);transform:translateY(-4px)}.feature-card-img{object-fit:contain;filter:drop-shadow(0 16px 28px #1e6bff1a);background:0 0;border-radius:24px 24px 18px 18px;width:calc(100% + 40px);height:202px;margin:0 -20px 14px}.feature-card-title{font-size:var(--text-lg);margin-bottom:7px;font-weight:700}.feature-card-title.blue{color:var(--primary)}.feature-card-title.green{color:var(--green)}.feature-card-title.purple{color:var(--purple)}.feature-card-title.orange{color:var(--orange)}.feature-card-desc{font-size:var(--text-sm);color:var(--text-muted);flex:1;margin-bottom:14px;line-height:1.45}.feature-card-cta{font-size:var(--text-xs);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-full);transition:var(--transition-fast);align-items:center;gap:6px;min-height:34px;padding:8px 20px;font-weight:600;display:inline-flex}.feature-card:nth-child(2) .feature-card-cta{color:var(--green);border-color:#20b26b42}.feature-card:nth-child(3) .feature-card-cta{color:var(--purple);border-color:#a855f742}.feature-card:nth-child(4) .feature-card-cta{color:var(--orange);border-color:#f59e0b47}.feature-card:hover .feature-card-cta{background:var(--primary);color:#fff;border-color:var(--primary)}.feature-card:nth-child(2):hover .feature-card-cta{background:var(--green);border-color:var(--green)}.feature-card:nth-child(3):hover .feature-card-cta{background:var(--purple);border-color:var(--purple)}.feature-card:nth-child(4):hover .feature-card-cta{background:var(--orange);border-color:var(--orange)}.feature-card-cta svg{width:14px;height:14px}@media (width>=769px) and (width<=1600px){.home-hero-actions{gap:10px}.hero-action-btn{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-height:104px;padding:12px 10px}.hero-action-text{align-items:center}.hero-action-text span{display:none}}#view-home .bottom-chat-bar{border:1px solid var(--border-strong);background:#ffffffdb;border-radius:24px;margin-top:2px;padding:10px 14px 9px;box-shadow:0 14px 36px #102a560e}#view-home .chat-input-container{min-height:54px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #1e6bff1a;border-radius:0;padding:7px 8px 7px 14px}#view-home .chat-input-container:focus-within{box-shadow:none}#view-home .chat-send-btn{width:44px;height:44px}#view-home .chat-quick-chips{justify-content:flex-start;gap:8px;margin-top:8px;padding:0 2px}#view-home .chat-chip{background:#f4f8ffdb;min-height:32px;padding:6px 13px}#view-home .chat-hint-text{margin-top:6px}#right-home .rp-section{border-radius:18px;margin-bottom:16px;padding:16px}#right-home .rp-header{margin-bottom:12px}#right-home .rp-steps{gap:7px}#right-home .rp-step{border-radius:13px;min-height:54px;padding:8px}#right-home .rp-step-icon{width:34px;height:34px}#right-home .rp-step-action{padding:5px 10px}#right-home .rp-article{padding:10px 0}#right-home .rp-article-thumb{width:72px;height:72px}#view-chat{gap:0;position:relative}#view-chat.active{height:100%;min-height:0}.chat-welcome:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(58% 70% at 50% 30%,#fffffff7,#fff0 60%),radial-gradient(46% 54% at 50% 22%,#5ab7ff2e,#0000 70%);height:540px;position:absolute;inset:-40px 0 auto}#view-chat:after{content:"";opacity:.13;pointer-events:none;mix-blend-mode:multiply;z-index:0;background:url(/ifox/assets/mascots/ifox-chat-bg-watermark.png) 50% 38%/min(420px,50vw) no-repeat;height:560px;position:absolute;inset:-24px 0 auto}#view-chat>*{z-index:1;position:relative}.chat-welcome{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:30px 0 0;display:flex;position:relative}.chat-welcome-title{font-family:var(--font);color:var(--navy);letter-spacing:0;margin-bottom:6px;font-size:3rem;font-weight:900;line-height:1.05}.chat-welcome-subtitle{font-size:var(--text-md);color:var(--text-muted);max-width:500px;margin-bottom:12px}.chat-welcome-mascot{object-fit:cover;object-position:center 46%;z-index:2;filter:drop-shadow(0 26px 34px #1e6bff33);border-radius:64px;width:300px;height:226px;margin-bottom:-54px;position:relative;-webkit-mask-image:radial-gradient(64% 78%,#000 66%,#000000c7 80%,#0000 100%);mask-image:radial-gradient(64% 78%,#000 66%,#000000c7 80%,#0000 100%)}.chat-quota-pill{min-height:32px;color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);z-index:3;background:#ffffffeb;border:1px solid #1e6bff2e;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 8px 20px #102a560b}.chat-quota-pill svg{width:14px;height:14px}.chat-welcome-input-wrap{z-index:1;width:100%;max-width:980px;margin-bottom:24px;position:relative}.chat-welcome-input-wrap .chat-input-container.large{border-radius:22px;min-height:78px;padding:15px 24px 12px;position:relative;box-shadow:0 14px 38px #102a560e}.chat-welcome-input-wrap .chat-welcome-prompt{text-align:left;color:var(--text-muted);margin:0}.chat-welcome-input-wrap .chat-welcome-input-row{align-items:center;gap:10px;min-height:34px;padding-top:8px;display:flex}.chat-welcome-input-wrap .chat-attach-btn{flex-shrink:0;position:static}.chat-welcome-input{min-width:0;height:38px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.chat-welcome-input-wrap .chat-mic-btn{margin-left:auto}.chat-welcome-input-wrap .chat-send-btn{width:46px;height:46px}.chat-categories{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:1120px;margin-bottom:18px;display:grid}.chat-category-card{border:1px solid var(--border);text-align:left;cursor:pointer;transition:var(--transition);background:#fff;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:74px minmax(0,1fr) 18px;align-items:center;column-gap:14px;min-height:148px;padding:22px 20px;display:grid;position:relative;box-shadow:0 9px 24px #102a5609}.chat-category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chat-category-icon{border-radius:18px;grid-area:1/1/3;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:0;display:flex}.chat-category-icon svg{width:34px;height:34px}.chat-category-icon.blue{color:var(--primary);background:linear-gradient(135deg,#e8f2ff,#cfe5ff);box-shadow:inset 0 0 0 1px #1e6bff1f}.chat-category-icon.rose{color:#e11d48;background:linear-gradient(135deg,#fff1f2,#ffe4e6);box-shadow:inset 0 0 0 1px #e11d481f}.chat-category-icon.teal{color:#0d9488;background:linear-gradient(135deg,#ecfdf5,#ccfbf1);box-shadow:inset 0 0 0 1px #0d94881f}.chat-category-icon.purple{color:var(--purple);background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:inset 0 0 0 1px #a855f71f}.chat-category-card h4{font-size:var(--text-sm);color:var(--primary);grid-column:2;margin-bottom:7px;font-weight:700;line-height:1.3}.chat-category-card p{color:var(--text-muted);grid-column:2;font-size:11px;line-height:1.48}.chat-category-arrow{color:var(--text-light);transition:var(--transition-fast);grid-area:1/3/3;place-self:end;position:static}.chat-category-arrow svg{width:16px;height:16px}.chat-category-card:hover .chat-category-arrow{color:var(--primary);transform:translate(3px)}.chat-suggestions{text-align:left;width:100%;max-width:1120px;margin-bottom:16px}.chat-suggestions h4{font-size:var(--text-sm);color:var(--navy);margin-bottom:10px;font-weight:700}.chat-suggestion-chips{flex-wrap:wrap;gap:8px 10px;display:flex}.suggestion-chip{border:1px solid var(--border);border-radius:var(--radius-full);min-height:34px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffffc7;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.suggestion-chip:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.suggestion-chip svg{width:12px;height:12px;color:var(--primary)}@media (width<=768px){.chat-welcome .chat-input-container.large{border-color:var(--primary);box-shadow:0 3px 14px #2563eb29}.chat-welcome-subtitle{color:var(--text-secondary);text-wrap:balance;font-size:16px;font-weight:500}.chat-category-card p{font-size:12px;line-height:1.5}.chat-category-card h4{margin-bottom:6px}.chat-category-icon{align-self:center}#view-chat .scenario-header{display:none}}.chat-recent{text-align:left;border:1px solid var(--border-light);width:100%;max-width:1120px;box-shadow:var(--shadow-card);background:#ffffffdb;border-radius:18px;margin-bottom:10px;padding:14px 16px 16px}.chat-recent h4{font-size:var(--text-sm);color:var(--navy);margin-bottom:10px;font-weight:700;display:inline-flex}.chat-recent-all{float:right;min-height:44px;color:var(--primary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;font-weight:800}.chat-recent-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.chat-recent-item{border:1px solid var(--border);cursor:pointer;min-height:40px;transition:var(--transition-fast);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.chat-recent-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.chat-recent-item svg{width:16px;height:16px;color:var(--text-light);flex-shrink:0}.chat-recent-item span{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-recent-item small{color:var(--text-light);flex-shrink:0;font-size:10px}.chat-recent-empty{border:1px dashed var(--border);color:var(--text-muted);font-size:var(--text-xs);text-align:center;border-radius:12px;grid-column:1/-1;margin:0;padding:10px 12px;font-weight:700}.chat-active{flex-direction:column;flex:1;min-height:0;display:flex}.chat-back-bar{flex-shrink:0;align-items:center;width:100%;max-width:900px;height:40px;margin:0 auto;display:flex}.chat-back-btn{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.chat-back-btn svg{width:20px;height:20px}.chat-back-btn:hover{background:var(--primary-50);color:var(--primary)}.chat-back-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;width:100%;max-width:900px;min-height:0;margin:0 auto;padding:20px 0;display:flex;overflow-y:auto}#chat-active .bottom-chat-bar{width:100%;max-width:760px;margin:0 auto}.scenario-header{background:#ffffffeb;border:1px solid #0066ff29;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 12px 30px #102a560e}.scenario-header span{color:var(--primary);font-size:var(--text-sm);font-weight:900;display:block}.scenario-header small{color:var(--text-muted);font-size:11px;font-weight:700}.brand-context-toggle{border-radius:var(--radius-full);color:var(--primary);cursor:pointer;background:#fff;border:1px solid #0066ff2e;padding:8px 12px;font-size:11px;font-weight:800}.brand-context-toggle.active{background:var(--primary-light)}.chat-cta-card,.generated-concept-card,.design-pack-card{background:#fffffff0;border:1px solid #0066ff29;border-radius:20px;margin-top:10px;box-shadow:0 14px 40px #0042a014}.chat-cta-card{padding:14px}.chat-cta-card.compact{margin-top:12px}.chat-cta-card h4,.generated-concept-card h3,.design-pack-card h3{color:var(--navy);margin:0 0 8px}.chat-cta-card button,.generated-concept-card button,.design-pack-card button{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0066ff2e;border-radius:999px;min-height:36px;margin:8px 8px 0 0;padding:0 14px;font-weight:800}.chat-cta-card button+button,.generated-concept-card button+button,.design-pack-card button+button{color:var(--primary);background:#fff}.chat-cta-card button:disabled,.generated-concept-card button:disabled,.design-pack-card button:disabled{opacity:.72;cursor:default}.guided-question-card small,.guided-helper{color:var(--text-muted);font-size:11px;font-weight:700}.guided-chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.guided-summary-list{gap:9px;margin:10px 0 2px;display:grid}.guided-summary-list dt{color:var(--text-light);text-transform:uppercase;font-size:10px;font-weight:900}.guided-summary-list dd{color:var(--text-secondary);margin:2px 0 0;font-weight:700}.sample-request-card form{gap:10px;margin-top:10px;display:grid}.sample-request-card label{color:var(--text-secondary);gap:5px;font-size:12px;font-weight:800;display:grid}.sample-request-card input,.sample-request-card textarea{width:100%;color:var(--text);font:inherit;background:#fff;border:1px solid #0066ff24;border-radius:12px;outline:none;padding:10px 12px}.sample-request-card textarea{resize:vertical}.generated-concept-card,.design-pack-card{grid-template-columns:minmax(180px,.8fr) 1fr;gap:16px;padding:16px;display:grid}.generated-concept-card img,.design-pack-media img{object-fit:cover;border-radius:18px;width:100%}.generated-concept-card dl{gap:8px;margin:10px 0;display:grid}.generated-concept-card dt{color:var(--text-light);text-transform:uppercase;font-size:10px;font-weight:800}.generated-concept-card dd{color:var(--text-secondary);margin:0}.design-pack-media{gap:10px;display:grid}.status-badge{background:var(--primary-light);min-height:24px;color:var(--primary);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex}@media (width<=720px){.scenario-header,.generated-concept-card,.design-pack-card{grid-template-columns:1fr}.scenario-header{flex-direction:column;align-items:flex-start}.brand-context-toggle{width:100%}}.msg{align-items:flex-start;gap:10px;max-width:680px;display:flex}.msg.user{flex-direction:row-reverse;margin-left:auto}.msg-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.msg-bubble{border-radius:var(--radius) var(--radius) var(--radius) 4px;font-size:var(--text-md);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);padding:13px 17px;line-height:1.65}.msg-bubble.msg-streaming p:last-child:after{content:"▋";color:var(--primary);margin-left:1px;animation:.9s step-end infinite ifox-caret-blink;display:inline-block}@keyframes ifox-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.msg-bubble h4{font-size:var(--text-md);color:var(--navy);margin-bottom:8px;font-weight:700}.msg-bubble ul,.msg-bubble ol{margin:6px 0;padding-left:18px}.msg-bubble li{margin-bottom:4px}.msg-bubble p{margin-bottom:6px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin:8px 0}.msg-bubble th,.msg-bubble td{border:1px solid var(--border);text-align:left;padding:6px 10px}.msg-bubble thead th{background:var(--primary-50);font-weight:700}.msg-bubble hr{border:0;border-top:1px solid var(--border);margin:12px 0}.msg-bubble blockquote{border-left:3px solid var(--primary);color:var(--text-muted);margin:8px 0;padding:4px 12px}.msg-bubble del{opacity:.7}.msg-bubble{overflow-x:auto}.msg.user .msg-bubble{background:var(--primary);color:#fff;border-radius:var(--radius) var(--radius) 4px var(--radius);border:none}.msg.user .msg-bubble.user{background:var(--primary);color:#fff}.msg-time{color:var(--text-light);flex-shrink:0;align-self:flex-end;font-size:10px}.typing-dots{align-items:center;gap:4px;padding:14px 20px;display:flex}.typing-dots span{background:var(--text-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots .dot-2{animation-delay:.16s}.typing-dots .dot-3{animation-delay:.32s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.design-chat-bubble.user{background:var(--primary);color:#fff;border-radius:var(--radius) var(--radius) 4px var(--radius);margin-left:auto}.chat-artifact{width:100%;margin:8px 0}.generated-concept-card,.design-pack-card{grid-template-columns:minmax(280px,360px) 1fr;gap:0;margin-top:0;padding:0;display:grid;overflow:hidden}.generated-concept-card>img,.generated-concept-card>.news-ai-figure,.design-pack-card .design-pack-media{background:var(--bg);align-self:stretch}.generated-concept-card>img,.generated-concept-card>.news-ai-figure img{object-fit:cover;width:100%;height:100%;min-height:280px}.generated-concept-card>.news-ai-figure{min-height:280px}.generated-concept-card>.news-ai-figure img{display:block}.design-pack-card .design-pack-media{grid-template-rows:1fr 1fr;gap:6px;padding:10px;display:grid}.design-pack-card .design-pack-media img{object-fit:cover;border-radius:14px;width:100%;height:100%;min-height:0}.generated-concept-card>div,.design-pack-card>div{min-width:0;padding:20px 22px}.generated-concept-card .status-badge,.design-pack-card .status-badge{background:var(--primary-light);color:var(--primary);border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.generated-concept-card h3,.design-pack-card h3{font-size:var(--text-xl);margin:0 0 6px}.generated-concept-card>div>p,.design-pack-card>div>p{color:var(--text-secondary);margin:0 0 12px;line-height:1.55}.generated-concept-card dl{border:1px solid var(--border-light);background:var(--bg);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px;padding:12px;display:grid}.generated-concept-card dt{text-transform:uppercase;color:var(--text-light);font-size:10px;font-weight:900}.generated-concept-card dd{color:var(--navy);font-weight:800;font-size:var(--text-sm);margin:3px 0 0}.generated-concept-card ul,.design-pack-card ul{color:var(--text-secondary);margin:0 0 14px;padding-left:18px}.generated-concept-card li,.design-pack-card li{margin-bottom:5px;line-height:1.5}.chat-artifact.concept-loading{text-align:center;background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #e1eaf8;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex}.concept-loading-mascot{object-fit:contain;width:72px;height:72px;animation:1.6s ease-in-out infinite concept-bob}.concept-loading strong{color:#10204f;font-size:15px}.concept-loading-status{color:#45557a;font-size:13px}.concept-loading-bar{background:#dbe7fb;border-radius:999px;width:180px;height:6px;overflow:hidden}.concept-loading-bar span{background:linear-gradient(90deg,#2f72d9,#1e58c8);border-radius:999px;width:40%;height:100%;animation:1.4s ease-in-out infinite concept-slide;display:block}@keyframes concept-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes concept-slide{0%{transform:translate(-60%)}to{transform:translate(220%)}}.guided-question-card{background:#fffffff0;border:1px solid #2f72f224;border-radius:20px;width:min(760px,100%);padding:18px;box-shadow:0 16px 36px #1e48a014}.guided-question-head{color:var(--primary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:900;display:flex}.guided-question-head small{color:var(--text-muted);font-size:var(--text-xs)}.guided-question-icon{width:34px;height:34px;color:var(--primary);margin-bottom:10px}.guided-question-card h4{color:var(--navy);margin:0 0 6px;font-size:18px;font-weight:900}.guided-question-card p{color:var(--text-muted);margin:0 0 14px;line-height:1.55}.guided-options{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.guided-option{min-height:34px;color:var(--primary);cursor:pointer;background:#f4f8ff;border:1px solid #2f72f22e;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.guided-option .chip-emoji{font-size:1.05em;line-height:1}.guided-option.tone-blue{border-color:var(--tone-blue)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-blue{border-color:color-mix(in srgb, var(--tone-blue) 40%, transparent)}}.guided-option.tone-teal{border-color:var(--tone-teal)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-teal{border-color:color-mix(in srgb, var(--tone-teal) 40%, transparent)}}.guided-option.tone-purple{border-color:var(--tone-purple)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-purple{border-color:color-mix(in srgb, var(--tone-purple) 40%, transparent)}}.guided-option.tone-rose{border-color:var(--tone-rose)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-rose{border-color:color-mix(in srgb, var(--tone-rose) 40%, transparent)}}.guided-option.tone-green{border-color:var(--tone-green)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-green{border-color:color-mix(in srgb, var(--tone-green) 40%, transparent)}}.guided-option.tone-amber{border-color:var(--tone-amber)}@supports (color:color-mix(in lab, red, red)){.guided-option.tone-amber{border-color:color-mix(in srgb, var(--tone-amber) 40%, transparent)}}.guided-option:hover{background:#eaf3ff;border-color:#2f72f252;transform:translateY(-1px)}.guided-option:active{transform:translateY(0)scale(.98)}.guided-custom-answer{gap:8px;display:flex}.guided-custom-answer input,.brief-edit-content input{min-width:0;font:inherit;border:1px solid #2f72f229;border-radius:14px;flex:1;padding:10px 12px}.guided-custom-answer button,.brief-edit-content button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:0 14px;font-weight:900}.trend-thinking{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.trend-thinking .thinking-label{background:0 0;border-radius:0;flex-shrink:0;width:auto;height:auto;animation:none}.trend-thinking .typing-inline-dots{background:0 0;border-radius:0;width:auto;height:auto;animation:none}.typing-inline-dots{align-items:center;gap:3px;display:inline-flex}.typing-inline-dots i{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typingBounce}.typing-inline-dots i:nth-child(2){animation-delay:.14s}.typing-inline-dots i:nth-child(3){animation-delay:.28s}.brief-summary-card{background:linear-gradient(#fff,#f7fbff);border:1px solid #2f72f229;border-radius:22px;width:min(780px,100%);padding:18px;box-shadow:0 18px 42px #1e48a017}.brief-summary-card.is-superseded{opacity:.72}.brief-superseded-label{min-height:26px;color:var(--text-muted);font-size:var(--text-xs);background:#eef3f8;border-radius:999px;align-items:center;padding:4px 9px;font-weight:900;display:inline-flex}.brief-summary-card h4{color:var(--navy);margin:10px 0 6px;font-size:20px;font-weight:900}.brief-summary-card p{color:var(--text-muted);margin:0 0 14px}.brief-rows{gap:8px;display:grid}.brief-row{border:1px solid #2f72f21a;border-left:4px solid var(--tone-blue);background:#ffffffd1;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.brief-row{border-left:4px solid color-mix(in srgb, var(--tone-blue) 64%, #fff)}}.brief-row.editing{grid-template-columns:34px 1fr}.brief-row.tone-blue{border-left-color:var(--tone-blue)}.brief-row.tone-teal{border-left-color:var(--tone-teal)}.brief-row.tone-purple{border-left-color:var(--tone-purple)}.brief-row.tone-rose{border-left-color:var(--tone-rose)}.brief-row.tone-green{border-left-color:var(--tone-green)}.brief-row.tone-amber{border-left-color:var(--tone-amber)}.brief-emoji,.concept-field-emoji{background:#eef7ff;border-radius:10px;place-items:center;width:28px;height:28px;font-size:17px;line-height:1;display:inline-grid}.brief-row strong{color:var(--navy);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;display:block}.brief-row em{background:var(--tone-blue);border-radius:999px;margin-top:2px;padding:3px 8px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.brief-row em{background:color-mix(in srgb, var(--tone-blue) 12%, #fff)}}.brief-row em{color:var(--text-secondary);font-style:normal;font-weight:800}.brief-row.tone-blue em{background:var(--tone-blue)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-blue em{background:color-mix(in srgb, var(--tone-blue) 12%, #fff)}}.brief-row.tone-teal em{background:var(--tone-teal)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-teal em{background:color-mix(in srgb, var(--tone-teal) 12%, #fff)}}.brief-row.tone-purple em{background:var(--tone-purple)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-purple em{background:color-mix(in srgb, var(--tone-purple) 12%, #fff)}}.brief-row.tone-rose em{background:var(--tone-rose)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-rose em{background:color-mix(in srgb, var(--tone-rose) 12%, #fff)}}.brief-row.tone-green em{background:var(--tone-green)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-green em{background:color-mix(in srgb, var(--tone-green) 12%, #fff)}}.brief-row.tone-amber em{background:var(--tone-amber)}@supports (color:color-mix(in lab, red, red)){.brief-row.tone-amber em{background:color-mix(in srgb, var(--tone-amber) 12%, #fff)}}.brief-row>button,.brief-edit-content>button{color:var(--primary);background:#f1f7ff;border:1px solid #2f72f22e;border-radius:999px;padding:7px 11px;font-weight:900}.brief-edit-content{gap:8px;display:grid}.brief-edit-content form{gap:8px;display:flex}.brief-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.brief-refine-note{background:#f4f8ff;border:1px solid #2f72f21f;border-radius:14px;padding:10px 12px}.generated-concept-card.trend-artifact{width:min(900px,100%);padding:0;display:block;overflow:hidden}.trend-artifact .concept-hero-image{background:linear-gradient(135deg,#eaf7ff,#fff);min-height:280px;position:relative}.generated-concept-card .concept-hero-image{padding:0}.concept-image-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.generated-concept-card .concept-image-button{height:min(420px,44vh);min-height:0;color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.concept-image-button img{object-fit:cover;width:100%;height:min(420px,44vh);display:block}.generated-concept-card .concept-image-button img{object-fit:cover;width:100%;height:100%;display:block}.concept-image-placeholder{text-align:center;min-height:300px;color:var(--navy);place-items:center;gap:8px;padding:28px;display:grid}.concept-image-placeholder span{color:var(--text-muted);max-width:420px}.concept-image-placeholder.failed{background:linear-gradient(135deg,#fff4f5,#f8fbff)}.concept-artifact-body{padding:20px}.concept-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.concept-meta-grid div{border:1px solid #2f72f21f;border-left:4px solid var(--tone-blue);background:#f8fbff;border-radius:16px;padding:12px}.concept-meta-grid .tone-teal{border-left-color:var(--tone-teal)}.concept-meta-grid .tone-blue{border-left-color:var(--tone-blue)}.concept-meta-grid .tone-amber{border-left-color:var(--tone-amber)}.concept-meta-grid .concept-field-emoji{background:#eef7ff}.concept-meta-grid strong,.concept-meta-grid em{font-style:normal;display:block}.concept-meta-grid strong{color:var(--text-light);text-transform:uppercase;margin-top:6px;font-size:10px}.concept-meta-grid em{color:var(--navy);margin-top:3px;font-weight:900}.concept-brief-section{margin-top:14px}.concept-brief-section h4{color:var(--navy);align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:900;display:flex}.concept-chip-row{flex-wrap:wrap;gap:8px;display:flex}.concept-chip-row span{color:var(--primary);background:#edf6ff;border-radius:999px;padding:7px 11px;font-weight:800}.concept-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.concept-actions button{border:1px solid #2f72f22e;border-radius:14px;min-height:38px;margin:0;padding:0 14px;font-weight:900}.concept-actions button:first-child{background:var(--primary);color:#fff}.concept-actions button:disabled{opacity:.56;cursor:not-allowed}.concept-lightbox{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07113f9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.concept-lightbox-panel{background:#fff;border-radius:24px;width:min(980px,96vw);max-height:92vh;position:relative;overflow:auto;box-shadow:0 24px 70px #0000003d}.concept-lightbox-panel img{object-fit:contain;background:#f6f9ff;width:100%;max-height:72vh}.concept-lightbox-panel>div{padding:16px 18px 18px}.concept-lightbox-close{z-index:1;color:var(--navy);background:#ffffffeb;border:0;border-radius:999px;padding:8px 12px;font-weight:900;position:absolute;top:12px;right:12px}.design-pack-premium{border-top:1px dashed var(--border);margin-top:14px;padding-top:14px}.premium-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);margin-bottom:6px;font-size:10px;font-weight:900;display:block}.design-pack-card button.premium-action{color:#fff;background:linear-gradient(120deg,#1b2a4a,#2b3f6b);border:1px solid #d4af3780;align-items:center;gap:8px;display:inline-flex}.premium-badge{color:#3a2d00;text-transform:uppercase;background:linear-gradient(120deg,#f6d77a,#d4af37);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900}@media (width<=760px){.generated-concept-card,.design-pack-card{grid-template-columns:1fr}.generated-concept-card>img,.generated-concept-card>.news-ai-figure,.generated-concept-card>.news-ai-figure img{min-height:200px}.generated-concept-card dl{grid-template-columns:1fr 1fr}}.msg-bubble h3{font-size:var(--text-md);color:var(--navy);margin:4px 0 6px;font-weight:800}.msg-bubble h4{font-size:var(--text-sm);color:var(--navy);margin:8px 0 5px;font-weight:800}.msg-bubble h5{font-size:var(--text-sm);color:var(--primary);margin:8px 0 4px;font-weight:700}.msg-bubble strong{color:var(--navy);font-weight:800}.msg-bubble em{font-style:italic}.msg-bubble code{color:var(--primary);background:#1e6bff14;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.msg-bubble h3:first-child,.msg-bubble h4:first-child{margin-top:0}.chat-input-attn{border-radius:inherit;animation:1.4s ease-out ifox-chat-attn}@keyframes ifox-chat-attn{0%{box-shadow:0 0 #1e6bff57}70%{box-shadow:0 0 0 8px #1e6bff00}to{box-shadow:0 0 #1e6bff00}}.leadwall-overlay,.welcome-modal{z-index:1000;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.leadwall-overlay{background:#eaf6ff;overflow:hidden}.leadwall-overlay[hidden],.welcome-modal[hidden]{display:none}.leadwall-backdrop,.welcome-modal:before{content:"";position:absolute;inset:0}.leadwall-backdrop{--leadwall-bg-image:url(/ifox/assets/brand/ifox-leadwall-poster-bg-v4-820.jpg);background:radial-gradient(circle at 50% 88%, #00beff52, transparent 30%), radial-gradient(circle at 18% 12%, #ffffff57, transparent 28%), radial-gradient(circle at 86% 14%, #66ccff42, transparent 26%), linear-gradient(90deg, #d6efff14, #f7fcff33), var(--leadwall-bg-image) center / cover no-repeat;background-color:#eaf6ff}@media (width>=768px){.leadwall-backdrop{--leadwall-bg-image:url(/ifox/assets/brand/ifox-leadwall-poster-bg-v4-1400.jpg)}}.welcome-modal:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 20%,#66ccff38,#0000 32%),#eef7ffbd}.welcome-dialog{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #0066ff2e;border-radius:28px;width:min(462px,100vw - 32px);position:relative;box-shadow:0 24px 80px #0030782e}.leadwall-brand{z-index:1;position:absolute}.leadwall-brand-ifox{color:#fffffff0;text-shadow:0 2px 18px #004aad3d;gap:3px;display:grid;top:clamp(28px,4.4vw,58px);left:clamp(28px,4.8vw,72px)}.leadwall-ifox-mark{letter-spacing:-.04em;font-size:clamp(2.1rem,4.2vw,3.75rem);font-weight:900;line-height:.95}.leadwall-brand-ifox small{color:#ffffffe6;letter-spacing:.08em;font-size:clamp(.7rem,1.1vw,.95rem);font-weight:800}.leadwall-brand-seoul{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff6b;border:1px solid #ffffff7a;border-radius:999px;width:clamp(94px,9vw,142px);height:auto;padding:10px 14px;top:clamp(30px,4.2vw,60px);right:clamp(34px,5vw,80px);box-shadow:0 14px 42px #00489624}.leadwall-card{isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(145deg,#ffffffe6,#e5f7ffa8),#ffffff94;border:1px solid #ffffff94;border-radius:44px;gap:18px;width:min(570px,100vw - 32px);min-height:642px;padding:78px 58px 48px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffdb,inset 0 -20px 48px #bae7ff42,0 32px 88px #00409638,0 0 0 10px #ffffff1f}.leadwall-card:before{z-index:-1;content:"";border:1px solid #ffffff9e;border-radius:34px;position:absolute;inset:12px;box-shadow:inset 0 0 42px #00b2ff14}.leadwall-logo{width:142px;height:auto}.leadwall-avatar-orb{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 36% 24%,#fffffff5,#e2f7ffa8 58%,#96daff66),#ffffff7a;border:1px solid #ffffffad;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:absolute;top:-54px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0058bc33,inset 0 0 28px #ffffffb3}.leadwall-avatar-orb img{object-fit:contain;filter:drop-shadow(0 10px 18px #0060c829);width:95px;height:95px}.leadwall-modal-close{z-index:2;color:#1768d8;cursor:pointer;background:#ffffffe6;border:1px solid #0066ff29;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 12px 26px #0066ff1f}.leadwall-modal-close[hidden]{display:none}.leadwall-modal-close svg{width:18px;height:18px}.leadwall-panel{gap:14px;display:grid}.leadwall-panel[hidden]{display:none}.leadwall-eyebrow{color:#1f6fe4db;letter-spacing:.08em;text-transform:uppercase;background:#ffffff94;border:1px solid #0072ff29;border-radius:999px;width:fit-content;margin:0 auto 2px;padding:7px 13px;font-size:.72rem;font-weight:800;box-shadow:0 8px 22px #0066ff14}.leadwall-card h1,.welcome-dialog h2{color:var(--text);font-family:var(--font);margin:0;line-height:1.08}.leadwall-card h1{color:#073176;letter-spacing:-.035em;text-align:center;max-width:430px;margin:2px auto 0;font-size:clamp(2rem,3.9vw,2.72rem);font-weight:900}.welcome-dialog h2{font-size:clamp(1.55rem,4.5vw,2rem)}.leadwall-copy,.welcome-dialog p{color:var(--text-muted);margin:0;line-height:1.55}.softwall-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 22px;display:flex}.softwall-chips .suggestion-chip{cursor:default;max-width:100%}.leadwall-copy{color:#142f5cd1;text-align:center;max-width:430px;margin:0 auto 10px;font-size:1rem;font-weight:650}.leadwall-field{color:var(--text);display:grid;position:relative}.leadwall-field span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leadwall-field input{color:#0f2b5f;width:100%;height:54px;font:inherit;background:#ffffffb8;border:1px solid #295e9b29;border-radius:17px;outline:none;padding:0 20px;font-weight:650;box-shadow:inset 0 1px #ffffffc2,0 10px 24px #004faa0f}.leadwall-field input::placeholder{color:#47577694;font-weight:600}.leadwall-field input:focus{background:#ffffffe6;border-color:#0066ff7a;box-shadow:0 0 0 4px #66ccff2e,0 14px 26px #005bbe1a}.leadwall-consent{color:#162a53b8;grid-template-columns:20px 1fr;gap:10px;margin:2px 0 0;font-size:.78rem;font-weight:650;line-height:1.45;display:grid}.leadwall-consent input{width:18px;height:18px;accent-color:var(--primary);margin:2px 0 0}.leadwall-consent a{color:#1667dd;font-weight:850;text-decoration:none}.leadwall-consent a:hover{text-decoration:underline}.leadwall-otp-info{color:#10284fc2;background:#ebf8ff9e;border:1px solid #1877ff21;border-radius:18px;gap:8px;padding:12px 14px;font-size:.82rem;font-weight:650;line-height:1.45;display:grid}.leadwall-otp-info p,.leadwall-otp-notice{margin:0}.leadwall-otp-info p{overflow-wrap:anywhere;word-break:normal;min-width:0;padding-left:26px;display:block;position:relative}.leadwall-otp-info svg{color:#1671e8;width:17px;height:17px;position:absolute;top:2px;left:0}.leadwall-otp-info button{color:#1268d8;font:inherit;font-weight:850;line-height:inherit;text-align:left;vertical-align:baseline;white-space:normal;cursor:pointer;background:0 0;border:0;padding:0}.leadwall-privacy-summary{color:#10284fc2;background:#ebf8ff9e;border:1px solid #1877ff21;border-radius:18px;gap:8px;max-height:286px;padding:12px 14px;font-size:.8rem;font-weight:650;line-height:1.45;display:grid;overflow-y:auto}.leadwall-privacy-summary p{min-width:0;margin:0;padding-left:26px;position:relative}.leadwall-privacy-summary svg{color:#1671e8;width:17px;height:17px;position:absolute;top:2px;left:0}.leadwall-otp-field input{text-align:center;letter-spacing:.28em;font-size:1.22rem}.leadwall-otp-notice{color:#10284fb3;text-align:center;font-size:.82rem;font-weight:700;line-height:1.45}.leadwall-secondary[disabled]{cursor:not-allowed;opacity:.62}.leadwall-error{color:#b42318;background:#fff5f5eb;border:1px solid #dc26262e;border-radius:12px;margin:0;padding:10px 12px;font-size:.9rem;font-weight:700}.leadwall-submit,.welcome-dialog button[data-welcome-close]{background:var(--primary-gradient);color:#fff;cursor:pointer;border:0;border-radius:16px;height:48px;font-weight:800;box-shadow:0 14px 30px #0066ff3d}.leadwall-submit{letter-spacing:-.01em;background:linear-gradient(135deg,#1877ff,#11c5f5);border-radius:20px;justify-content:center;align-items:center;gap:12px;height:60px;margin-top:4px;font-size:1.05rem;display:inline-flex;box-shadow:0 18px 34px #0074f03d,inset 0 1px #ffffff59}.leadwall-submit:hover{transform:translateY(-1px)}.leadwall-submit svg{width:22px;height:22px}.leadwall-secondary,.leadwall-switch button{color:#1768d8;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:850}.leadwall-secondary{background:#ffffff75;border:1px solid #1768d829;border-radius:15px;height:42px}.leadwall-switch,.leadwall-note{color:#10284fb8;text-align:center;margin:0;font-size:.92rem;font-weight:650;line-height:1.5}.leadwall-note{text-align:left;background:#ebf8ff94;border:1px solid #1877ff1f;border-radius:16px;padding:12px 14px;font-size:.82rem}.leadwall-note button{color:#1768d8;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:850;text-decoration:underline;display:inline}.leadwall-policy-modal{z-index:4;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.leadwall-policy-modal[hidden]{display:none}.leadwall-policy-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051c4a42;position:absolute;inset:0}.leadwall-policy-dialog{background:linear-gradient(145deg,#fffffff5,#ebf8ffe6),#fff;border:1px solid #ffffffa8;border-radius:28px;gap:14px;width:min(900px,100vw - 36px);max-height:min(820px,100dvh - 42px);padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #0032783d}.leadwall-policy-dialog h2{color:#073176;text-align:center;margin:0;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:900;line-height:1.08}.leadwall-policy-intro{color:#142f5cc7;text-align:center;max-width:650px;margin:0 auto;font-weight:650;line-height:1.55}.leadwall-policy-close{color:#1768d8;cursor:pointer;background:#ffffffb8;border:1px solid #1768d824;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.leadwall-policy-close svg{width:20px;height:20px}.leadwall-policy-body{color:#10284fd1;background:#ffffffb8;border:1px solid #1768d824;border-radius:20px;min-height:0;max-height:min(520px,100dvh - 300px);padding:18px 20px;line-height:1.62;overflow-y:auto}.leadwall-policy-body h3{color:#073176;margin:22px 0 8px;font-size:1.02rem}.leadwall-policy-body h3:first-child,.leadwall-policy-body p,.leadwall-policy-body ul,.leadwall-policy-body ol{margin-top:0}.leadwall-policy-body table{border-collapse:collapse;width:100%;min-width:640px}.leadwall-policy-body th,.leadwall-policy-body td{text-align:left;vertical-align:top;border:1px solid #1768d81f;padding:10px 12px}.leadwall-policy-body th{color:#073176;background:#ebf8ffe6}.welcome-dialog{text-align:center;padding:28px}.welcome-dialog img{object-fit:contain;filter:drop-shadow(0 16px 28px #004aad2e);width:150px;height:150px;margin:-72px auto 0;display:block}.welcome-dialog p{margin:12px 0 20px}.welcome-close{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffffeb;border:1px solid #0066ff29;border-radius:50%;font-size:1.35rem;line-height:1;position:absolute;top:14px;right:14px}@media (width<=920px){.leadwall-brand-ifox,.leadwall-brand-seoul{display:none}}@media (width<=560px){.leadwall-overlay,.welcome-modal{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));align-items:end}.leadwall-backdrop{background:linear-gradient(180deg, #ffffff24, #f7fcffe0), var(--leadwall-bg-image) center / cover no-repeat;background-color:#eaf6ff}.leadwall-card{border-radius:28px;gap:12px;width:min(100%,420px);min-height:0;padding:64px 22px 24px}.leadwall-card:before{border-radius:22px;inset:8px}.leadwall-avatar-orb{width:92px;height:92px;top:-42px}.leadwall-avatar-orb img{width:74px;height:74px}.leadwall-card h1{font-size:1.75rem}.leadwall-copy{margin-bottom:4px;font-size:.92rem}.leadwall-field input{border-radius:15px;height:49px}.leadwall-consent{font-size:.72rem}.leadwall-submit{border-radius:17px;height:52px;font-size:.96rem}.welcome-dialog{border-radius:22px;padding:24px 22px}.welcome-dialog img{width:124px;height:124px;margin:-54px auto 0}}.lead-modal{z-index:980;padding:calc(22px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.lead-modal[hidden]{display:none}.lead-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102a5685;position:absolute;inset:0}.lead-card{background:radial-gradient(circle at 92% 10%,#5ab7ff2e,#0000 28%),#fffffffa;border:1px solid #1e6bff29;border-radius:24px;width:min(560px,100vw - 28px);max-height:calc(100vh - 34px);padding:26px;position:relative;overflow:auto;box-shadow:0 28px 70px #102a563d}.lead-close{width:36px;height:36px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #1e6bff24;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.lead-close svg{width:17px;height:17px}.lead-eyebrow{color:var(--primary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:900}.lead-card h2{max-width:420px;color:var(--navy);font-size:var(--text-2xl);margin-bottom:8px;line-height:1.14}.lead-sub{max-width:460px;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:18px;line-height:1.55}.lead-msg{color:var(--primary);font-size:var(--text-sm);background:#e8f2ffe6;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-weight:700}.lead-msg[data-state=success]{color:var(--green);background:#20b26b1a}.lead-msg[data-state=error]{color:var(--red);background:#ef44441a}.lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lead-card label{color:var(--navy);font-size:var(--text-xs);gap:7px;font-weight:800;display:grid}.lead-card input,.lead-card select,.lead-card textarea{width:100%;min-height:42px;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);background:#fffffff0;border:1px solid #1e6bff24;border-radius:12px;outline:0;padding:9px 11px}.lead-card textarea{resize:vertical;min-height:74px}.lead-card input:focus,.lead-card select:focus,.lead-card textarea:focus{border-color:#1e6bff6b;box-shadow:0 0 0 3px #1e6bff1a}.lead-brand,.lead-wide{grid-column:1/-1}.lead-nobrand{width:max-content;color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:7px;font-weight:700;display:inline-flex}.lead-nobrand input{width:15px;min-height:15px;padding:0}.lead-submit{justify-content:center;width:100%;margin-top:16px}.lead-submit:disabled{opacity:.74;cursor:wait}@media (width<=640px){.lead-modal{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}.lead-card{border-radius:20px;width:calc(100vw - 18px);padding:22px 16px 18px}.lead-card h2{font-size:var(--text-xl)}.lead-grid{grid-template-columns:1fr}}.nav-premium-badge{border-radius:var(--radius-full);color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#102a56,#1e6bff);margin-left:auto;padding:3px 7px;font-size:9px;font-style:normal;font-weight:900}.design-locked{min-height:calc(100vh - 160px);box-shadow:var(--shadow-card);background:linear-gradient(90deg,#fffffff5 0%,#ffffffdb 38%,#ffffff5c 58%,#ffffff14 100%),url(/ifox/assets/design/design-premium-teaser.png) 100%/cover no-repeat,linear-gradient(145deg,#fffffff0,#e8f2ffe0);border:1px solid #1e6bff1f;border-radius:28px;align-items:center;padding:clamp(34px,5vw,64px);display:flex;position:relative;overflow:hidden}.design-locked-copy{z-index:1;max-width:min(520px,48%);position:relative}.design-locked-kicker{border-radius:var(--radius-full);color:#fff;min-height:32px;font-size:var(--text-xs);background:#102a56;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.design-locked-copy h2{color:var(--navy);margin-top:18px;font-size:2.25rem;font-weight:900;line-height:1.08}.design-locked-copy p{color:var(--text-muted);margin-top:14px;line-height:1.65}.design-locked-cta{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;min-height:46px;transition:var(--transition-fast);border:0;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #1e6bff38}.design-locked-cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1e6bff47}@media (width<=900px){.design-locked{background:linear-gradient(#fffffffa 0%,#ffffffe6 42%,#ffffff6b 100%),url(/ifox/assets/design/design-premium-teaser.png) bottom/cover no-repeat,linear-gradient(145deg,#fffffff0,#e8f2ffe0);align-items:flex-start;min-height:calc(100vh - 110px);padding:28px 22px}.design-locked-copy{max-width:100%}}#view-settings{overscroll-behavior:contain;min-height:0;overflow-y:auto}.settings-shell{flex-direction:column;gap:18px;display:flex}.settings-header{border:1px solid var(--border-strong);background:radial-gradient(circle at 82% 10%, #5ab7ff24, transparent 34%), var(--bg-hero);box-shadow:var(--shadow-card);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 28px;display:flex}.settings-header h2{color:var(--navy);font-size:var(--text-3xl);margin-bottom:8px;line-height:1.15}.settings-header p{color:var(--text-muted);font-size:var(--text-sm);max-width:760px;line-height:1.55}.settings-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;display:grid}.settings-card{border:1px solid var(--border-light);min-width:0;box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:22px;padding:20px}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.settings-card-header h3{color:var(--navy);font-size:var(--text-xl);margin-bottom:4px;line-height:1.2}.settings-card-header p{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.settings-tier-badge,.settings-soft-badge{border-radius:var(--radius-full);min-height:30px;font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:6px;padding:6px 11px;font-weight:800;display:inline-flex}.settings-tier-badge{color:var(--primary);background:var(--primary-light)}.settings-tier-badge.premium{color:#6f4e00;background:linear-gradient(135deg,#fff7d6,#f6d66c)}.settings-soft-badge{color:var(--green-dark);background:var(--green-light)}.account-summary{border:1px solid var(--border-light);background:var(--bg);border-radius:18px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.account-avatar{border-radius:50%;flex-shrink:0;width:54px;height:54px;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-summary strong,.account-summary span{display:block}.account-summary strong{color:var(--navy);font-size:var(--text-md)}.account-summary span{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.quota-box{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:14px;padding:14px}.quota-row{color:var(--text-secondary);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.quota-row strong{color:var(--navy)}.quota-bar{border-radius:var(--radius-full);background:var(--primary-light);height:10px;margin-bottom:9px;overflow:hidden}.quota-fill{border-radius:inherit;background:var(--primary-gradient);height:100%}.quota-box p{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.settings-upgrade-btn{justify-content:center;width:100%}.settings-account-actions{grid-template-columns:1fr;gap:8px;display:grid}.settings-signout-btn[hidden]{display:none}.settings-signout-btn{color:var(--text-secondary);background:#ffffffb8;border-color:#0f172a1f}.settings-signout-btn:hover{color:var(--red);background:#fef2f2db;border-color:#ef444438}.tier-benefits-grid{grid-template-columns:1fr;gap:8px;margin-bottom:14px;display:grid}.tier-benefits-grid div{border:1px solid var(--border-light);background:#f7fbffd1;border-radius:16px;padding:11px 12px}.tier-benefits-grid strong,.tier-benefits-grid span{display:block}.tier-benefits-grid strong{color:var(--primary);font-size:var(--text-sm);margin-bottom:3px}.tier-benefits-grid span{color:var(--text-muted);font-size:11px;line-height:1.4}.settings-form-grid,.recover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-field{flex-direction:column;gap:7px;min-width:0;display:flex}.settings-field.wide{grid-column:1/-1}.settings-field span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700}.settings-field input,.settings-field select,.settings-compact-select{border:1px solid var(--border);background:var(--bg-input);width:100%;min-height:44px;color:var(--text);border-radius:14px;outline:0;padding:0 13px}.settings-field select,.settings-compact-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--primary) 50%), linear-gradient(135deg, var(--primary) 50%, transparent 50%), linear-gradient(135deg, #1e6bff14, #5ab7ff14);color:var(--navy);background-position:calc(100% - 21px),calc(100% - 15px),0 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,100% 100%;padding-right:40px;font-weight:700}.settings-field input:focus,.settings-field select:focus,.settings-compact-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1e6bff14}.session-id-box{background:var(--bg);border:1px solid var(--border-light);border-radius:16px;margin-bottom:14px;padding:14px}.session-id-box span,.session-id-box strong{display:block}.session-id-box span{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:4px}.session-id-box strong{color:var(--navy);font-size:var(--text-sm);word-break:break-all}.settings-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.settings-actions-row .btn,#settings-save-btn,.settings-upgrade-btn{min-height:44px}.settings-danger-btn{min-height:40px;color:var(--red);background:var(--red-light);font-size:var(--text-sm);border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:inline-flex}.settings-danger-btn svg{width:16px;height:16px}.preference-list{flex-direction:column;gap:12px;display:flex}.preference-item{border:1px solid var(--border-light);background:var(--bg);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.preference-item strong,.preference-item span{display:block}.preference-item strong{color:var(--navy);font-size:var(--text-sm)}.preference-item .settings-soon-label{border-radius:var(--radius-full);color:var(--primary);background:var(--primary-light);margin-top:0;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.preference-item span{color:var(--text-muted);font-size:var(--text-xs);margin-top:3px;line-height:1.4}.segmented-control{border-radius:var(--radius-full);border:1px solid var(--border);background:#fff;flex-shrink:0;padding:4px;display:inline-flex}.segmented-control button{border-radius:var(--radius-full);min-width:44px;min-height:44px;color:var(--text-muted);font-size:var(--text-xs);padding:5px 10px;font-weight:700}.segmented-control button.active{color:#fff;background:var(--primary)}.segmented-control button:disabled{opacity:.5;cursor:not-allowed}.settings-toggle{flex-shrink:0;align-items:center;width:48px;height:44px;display:flex;position:relative}.settings-toggle input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-toggle span{border-radius:var(--radius-full);background:var(--border-input);width:100%;height:28px;transition:var(--transition-fast);display:block}.settings-toggle span:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.settings-toggle input:checked+span{background:var(--primary)}.settings-compact-select{flex-shrink:0;max-width:170px}.settings-header{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;padding:2px 4px 0}.settings-header p{display:none}.settings-shell{gap:10px}.settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.settings-summary-card{border:1px solid var(--border-light);min-width:0;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:18px;padding:8px 12px}.settings-summary-card span,.settings-summary-card em{color:var(--text-muted);font-size:var(--text-xs);font-style:normal;display:block}.settings-summary-card strong{color:var(--navy);font-size:var(--text-md);margin:3px 0;line-height:1.1;display:block}.settings-summary-meter{border-radius:var(--radius-full);background:var(--primary-light);height:5px;margin-top:8px;overflow:hidden}.settings-summary-meter div{border-radius:inherit;background:var(--primary-gradient);height:100%}.settings-main-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px;display:grid}.settings-grid{display:contents}.settings-preferences-card{padding:10px 12px}.settings-preferences-card .preference-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-preferences-card .preference-item{flex-direction:column;align-items:flex-start;gap:6px;padding:9px}.tier-benefits-grid div{border-radius:14px;padding:7px 9px}.tier-benefits-grid span{line-height:1.25}.settings-main-grid .settings-card{border-radius:18px;padding:12px}.settings-main-grid .settings-card-header p{line-height:1.3}.settings-main-grid .account-summary{margin-bottom:8px;padding:8px}.settings-main-grid .account-avatar{width:40px;height:40px}.settings-main-grid .quota-box{margin-bottom:8px;padding:8px}.settings-main-grid .quota-row{margin-bottom:6px}.settings-main-grid .quota-bar{height:8px;margin-bottom:6px}.settings-main-grid .settings-field input,.settings-main-grid .settings-field select{min-height:40px}.settings-main-grid .settings-account-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.settings-main-grid .settings-signout-btn{min-width:116px}.settings-preferences-card .settings-card-header p{display:none}.settings-preferences-card .segmented-control button{min-width:38px;min-height:34px;padding:4px 8px}.tier-benefits-grid div.active{background:var(--primary-light);border-color:#1e6bff61}.quota-box.is-unlimited .quota-bar{opacity:.42}.settings-header{align-items:flex-start;padding:0 4px 10px}.settings-header h2{font-size:var(--text-3xl);margin-bottom:6px}.settings-header p{max-width:760px;display:block}.settings-summary-card{border-radius:18px;align-items:center;gap:16px;padding:20px 24px;display:flex}.settings-summary-card>div:last-child{flex:1;min-width:0}.settings-summary-icon,.preference-icon{color:var(--primary);background:linear-gradient(135deg,#1e6bff1a,#5ab7ff1a);border:1px solid #1e6bff1a;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.settings-summary-icon{border-radius:16px;width:48px;height:48px}.settings-summary-icon svg,.preference-icon svg{width:20px;height:20px}.settings-summary-card strong{font-size:var(--text-xl)}.settings-main-grid{grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);gap:20px}.settings-main-grid .settings-card,.settings-preferences-card{border-radius:22px;padding:26px 28px}.settings-main-grid .settings-card-header{margin-bottom:18px}.settings-main-grid .settings-card-header h3{font-size:var(--text-xl)}.account-summary{border-radius:18px;align-items:center;gap:18px;padding:16px}.settings-main-grid .account-avatar{border:1px solid var(--border-strong);width:76px;height:76px;box-shadow:0 12px 28px #1e6bff1a}.account-summary strong{font-size:var(--text-lg);margin-bottom:8px}.account-contact-line{color:var(--text-secondary);font-size:var(--text-sm);align-items:center;gap:8px;line-height:1.5;display:flex}.account-contact-line svg{width:16px;height:16px;color:var(--text-muted)}.account-contact-line span{margin:0;display:inline}.settings-main-grid .quota-box{border-radius:18px;margin-bottom:18px;padding:16px}.settings-main-grid .quota-bar{height:8px}.tier-benefits-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.tier-benefits-grid>div{background:#ffffffd1;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.tier-benefits-grid>div.active{background:#eff6fff0;border-color:#1e6bff6b}.tier-benefits-grid>div>div{background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block}.settings-tier-radio{background:#fff;border:2px solid #64748b47;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 5px #fff}.tier-benefits-grid>div.active .settings-tier-radio{border-color:var(--primary);background:var(--primary)}.tier-benefits-grid em{border-radius:var(--radius-full);min-width:0;color:var(--primary);background:var(--primary-light);font-size:var(--text-xs);justify-self:end;padding:5px 10px;font-style:normal;font-weight:800}.tier-benefits-grid em:empty{display:none}.settings-main-grid .settings-form-grid{gap:22px 18px}.settings-main-grid .settings-field input,.settings-main-grid .settings-field select,.settings-compact-select{background-color:#ffffffe0;border-color:#1e6bff2e;border-radius:14px;min-height:52px;box-shadow:inset 0 1px #ffffffdb}.settings-field input::placeholder{color:#64748b9e}.settings-main-grid .settings-account-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px}.settings-preferences-card .settings-card-header{margin-bottom:18px}.settings-preferences-card .preference-list{gap:18px}.settings-preferences-card .preference-item{background:#ffffffd6;border-radius:18px;min-height:108px;padding:18px}.preference-copy{align-items:flex-start;gap:12px;display:flex}.preference-icon{border-radius:12px;width:34px;height:34px}.settings-preferences-card .segmented-control{background:#f6fafff2;border-radius:12px;width:100%;padding:3px}.settings-preferences-card .segmented-control button{border-radius:10px;flex:1;min-height:34px}.settings-toggle{width:54px}.settings-toggle span{height:32px}.settings-toggle span:after{top:6px;left:5px}.settings-toggle input:checked+span:after{transform:translate(23px)}.settings-compact-select{max-width:180px}.settings-toast{z-index:var(--z-toast);color:#fff;background:var(--navy);box-shadow:var(--shadow-lg);font-size:var(--text-sm);border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex;position:fixed;bottom:24px;right:24px}.settings-toast svg{width:18px;height:18px}body.ifox-low-glass .topbar,body.ifox-low-glass .right-panel{-webkit-backdrop-filter:none}@media (width>=769px) and (height<=780px){.settings-shell{gap:12px}.settings-header{padding:16px 22px}.settings-header h2{font-size:var(--text-2xl)}.settings-grid{gap:12px}.settings-card{border-radius:18px;padding:14px}.preference-item,.account-summary,.quota-box{padding:11px}}@media (width<=768px){.settings-shell{gap:14px}.settings-summary-grid,.settings-main-grid,.settings-preferences-card .preference-list{grid-template-columns:1fr}.settings-header{border-radius:22px;flex-direction:column;padding:22px 20px}.settings-header h2{font-size:var(--text-2xl)}.settings-header .btn{justify-content:center;width:100%}.settings-grid,.settings-form-grid,.recover-grid{grid-template-columns:1fr}.settings-card{border-radius:20px;padding:18px}.settings-card-header{flex-direction:column;align-items:flex-start}.account-summary,.preference-item{align-items:flex-start}.preference-item{flex-direction:column}.segmented-control,.settings-compact-select{width:100%;max-width:none}.segmented-control{justify-content:space-between}.segmented-control button{flex:1}.settings-actions-row{flex-direction:column;align-items:stretch}.settings-actions-row .btn,.settings-danger-btn{justify-content:center;width:100%}}@media (width<=430px){.settings-header,.settings-card{padding:16px}.account-summary{flex-direction:column}}#view-news{display:none}#view-news.active{grid-template-rows:auto clamp(198px,19.6vh,212px) minmax(0,1fr);gap:14px;height:100%;min-height:0;display:grid}#view-news .app-footer{display:none}.news-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.news-header h2{color:#0b1746;letter-spacing:0;font-size:clamp(2rem,2.24vw,2.42rem);font-weight:850;line-height:1.08}.news-header p{color:#5c6682;font-size:var(--text-sm);margin-top:6px;line-height:1.35}.news-refresh-pill{color:#2f72d9;min-height:44px;font-weight:750;font-size:var(--text-xs);box-shadow:var(--shadow-sm);background:#f7fbff;border:1px solid #cfe0ff;border-radius:17px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.news-refresh-pill svg{width:16px;height:16px}.news-hero-card{box-sizing:border-box;background-color:#eaf6ff;background-position:50% 58%;background-repeat:no-repeat;background-size:100%;border:1px solid #1e6bff24;border-radius:20px;align-items:center;height:100%;padding:24px 36px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 28px #1e50a01a}.news-hero-card:after{content:"";background:linear-gradient(90deg,#fffffff0 0%,#fffc 42%,#ffffff3d 66%,#ffffff0a 100%);position:absolute;inset:0}.news-hero-content{z-index:1;max-width:min(50%,540px);position:relative}.news-kicker,.news-card-type{min-height:28px;color:var(--primary);text-transform:uppercase;background:#ffffffeb;border-radius:14px;align-items:center;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.news-hero-content h3{color:#061347;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:16px;font-size:clamp(1.76rem,1.92vw,2.16rem);font-weight:900;line-height:1.12;display:-webkit-box;overflow:hidden}.news-hero-content p{color:#17284e;max-width:500px;font-size:var(--text-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.news-hero-content button,.news-card-cta,.design-locked-cta{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-top:20px;padding:0 22px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #1e6bff2e}.news-hero-content button{min-height:44px;font-size:var(--text-sm);background:#2f72f2;border-radius:13px;margin-top:12px;padding:0 18px;font-weight:820;box-shadow:0 9px 18px #2f72f229}.news-grid{grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);grid-template-columns:repeat(12,1fr);gap:16px;min-height:0;display:grid}.news-card:nth-child(-n+3){grid-area:1/span 4}.news-card:nth-child(n+4){grid-area:2/span 3}.news-card{box-sizing:border-box;background:#fff;border:1px solid #e1eaf8;border-radius:16px;grid-template-rows:178px minmax(0,1fr);min-width:0;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #1e50a012}.news-card:nth-child(n+4){grid-template-rows:126px minmax(0,1fr)}.news-card-media{border-radius:13px;min-height:0;margin:0;position:relative;overflow:visible}.news-card-media img{object-fit:cover;border-radius:13px;width:100%;height:100%;display:block}.news-rank{color:#fff;background:var(--primary);border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 8px 14px #102a5629}.news-ai-figure{display:block;position:relative}.news-ai-badge{z-index:2;color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c18309e;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:700;position:absolute;bottom:10px;right:10px}.news-meta-badge{z-index:2;color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c18309e;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:700;position:absolute;bottom:10px;left:10px}.news-hero-card>.news-meta-badge{inset:14px 16px auto auto}.news-card-body{box-sizing:border-box;flex-direction:column;width:auto;min-width:0;max-width:100%;min-height:0;padding:18px 4px 4px;display:flex}.news-card:nth-child(n+4) .news-card-body{padding:18px 12px 4px}.news-card-body .news-card-type{z-index:2;white-space:nowrap;text-overflow:ellipsis;background:#fffffff0;border:1px solid #1e6bff1f;border-radius:999px;max-width:calc(100% - 48px);min-height:24px;padding:0 11px;font-size:10px;font-weight:800;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.news-card-body h3{color:#10204f;min-height:44px;font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-weight:820;line-height:1.25;display:-webkit-box;overflow:hidden}.news-card-body p{color:#66718e;min-height:34px;font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;line-height:1.42;display:-webkit-box;overflow:hidden}.news-card:nth-child(n+4) .news-card-body p{-webkit-line-clamp:1}.news-card-cta{box-sizing:border-box;text-align:center;white-space:normal;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;flex-wrap:wrap;gap:6px;width:100%;min-width:0;min-height:44px;margin-top:auto;padding:0 10px;font-size:10px;font-weight:780;line-height:1.15;overflow:hidden}.news-card:nth-child(n+4) .news-card-cta{padding-inline:12px}.news-card[data-accent=pink] .news-rank,.news-card[data-accent=pink] .news-card-cta,.news-card[data-accent=pink] .news-card-type{color:#fff;background:#f76598}.news-card[data-accent=green] .news-rank{background:#75bf6b}.news-card[data-accent=green] .news-card-cta{color:#4f9142;background:#f0faeb;border:1px solid #c6e7bd}.news-card[data-accent=green] .news-card-type{color:#4f9142;background:#f0faeb;border-color:#c6e7bd}.news-card[data-accent=blue] .news-rank{background:#5aa8fa}.news-card[data-accent=blue] .news-card-cta{color:#347fe6;background:#f1f7ff;border:1px solid #d4e7ff}.news-card[data-accent=blue] .news-card-type{color:#347fe6;background:#f1f7ff;border-color:#d4e7ff}.news-card[data-accent=purple] .news-rank{background:#bd73f3}.news-card[data-accent=purple] .news-card-cta{color:#a955dd;background:#f9efff;border:1px solid #ead3ff}.news-card[data-accent=purple] .news-card-type{color:#a955dd;background:#f9efff;border-color:#ead3ff}.news-card[data-accent=orange] .news-rank{background:#ff8b4a}.news-card[data-accent=orange] .news-card-cta{color:#ee742e;background:#fff5ee;border:1px solid #ffddc8}.news-card[data-accent=orange] .news-card-type{color:#ee742e;background:#fff5ee;border-color:#ffddc8}.news-card[data-accent=teal] .news-rank{background:#40c4cd}.news-card[data-accent=teal] .news-card-cta{color:#1aa3ae;background:#effcfd;border:1px solid #c7f2f5}.news-card[data-accent=teal] .news-card-type{color:#1aa3ae;background:#effcfd;border-color:#c7f2f5}.news-card[data-accent=sky] .news-rank{background:#5a9af4}.news-card[data-accent=sky] .news-card-cta{color:#347fe6;background:#f1f7ff;border:1px solid #d4e7ff}.news-card[data-accent=sky] .news-card-type{color:#347fe6;background:#f1f7ff;border-color:#d4e7ff}#right-news{display:none}#right-news.active{flex-direction:column;justify-content:space-between;gap:12px;min-height:calc(100vh - 46px);display:flex}.news-hot-section,.news-keyword-section{flex:none}#right-news .rp-section{background:#fff;border:1px solid #dde8f8;border-radius:18px;margin-bottom:0;box-shadow:0 8px 24px #1e50a014}#right-news .rp-header h3{color:#1b58a8;font-size:1.08rem;font-weight:820}#right-news .rp-header svg{color:#3a7eea;width:20px;height:20px}.news-weather-section{background:radial-gradient(circle at 92% 8%,#74bfff38,#0000 32%),linear-gradient(145deg,#fff,#f4f9ff);padding:12px 14px}.news-weather-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.news-weather-eyebrow{color:#6d7a98;margin:0 0 4px;font-size:11px;font-weight:750}.news-weather-head h3{color:#1b58a8;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:840;line-height:1.2;display:inline-flex}.news-weather-head h3 svg{color:#4e92f4;width:18px;height:18px}.news-weather-clock{color:#2f72d9;background:#ffffffd6;border:1px solid #d7e6ff;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:11px;font-weight:850}.news-weather-main{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:8px;display:flex}.news-weather-main strong{color:#071347;font-size:1.76rem;font-weight:900;line-height:1}.news-weather-main span{color:#5f6b87;text-align:right;max-width:150px;font-size:12px;font-weight:720}.news-weather-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.news-weather-metrics span{color:#52617e;background:#ffffffb8;border:1px solid #d7e6ff;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:27px;font-size:11px;font-weight:760;display:inline-flex}.news-weather-metrics svg{color:#4e92f4;width:14px;height:14px}.news-weather-tip{color:#39517c;margin:8px 0 0;font-size:11px;line-height:1.45}.news-weather-footer{border-top:1px solid #cfe0ff8a;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:4px;display:flex}.news-weather-location-btn{color:#5482c7;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;min-height:18px;padding:0;font-size:9px;font-weight:760;line-height:1;display:inline-flex}.news-weather-location-btn svg{width:10px;height:10px}.news-weather-source{color:#9aa6bc;text-align:right;white-space:nowrap;flex:0 auto;min-width:0;font-size:9px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.news-hot-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.news-hot-list li{color:#263963;font-size:var(--text-sm);cursor:pointer;border-bottom:1px solid #dde8f8e6;grid-template-columns:30px 1fr;align-items:center;gap:12px;padding-bottom:8px;font-weight:720;line-height:1.32;display:grid}.news-hot-list li:last-child{border-bottom:0;padding-bottom:0}.news-hot-list li:hover,.news-hot-list li:focus-visible{color:var(--primary);outline:none}.news-hot-list span{color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid;box-shadow:0 8px 14px #1e6bff2e}.news-hot-list li:first-child span{background:#ff4c59}.news-hot-list li:nth-child(2) span{background:#ff8a1f}.news-hot-list li:nth-child(3) span{background:#48bde7}.news-hot-list li:nth-child(4) span{background:#ad5bd7}.news-hot-list li:nth-child(5) span{background:#ff8a1f}.news-keywords{flex-wrap:wrap;gap:10px;display:flex}.news-keywords button{color:#3777de;font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast);background:#f8fbff;border:1px solid #c9dcff;border-radius:12px;padding:8px 13px;font-weight:720}.news-keywords button:hover{background:#fff;border-color:#1e6bff52;transform:translateY(-1px)}.news-help-card{background:linear-gradient(145deg,#ddf2ff,#eaf8ff 56%,#fff);border:1px solid #dde8f8;border-radius:20px;min-height:202px;margin-top:auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e50a014}.news-help-card img{object-fit:cover;object-position:34% 62%;width:100%;height:100%;display:block;position:absolute;inset:0}.news-help-card:after{content:"";background:linear-gradient(90deg,#ddf2ff0a 0%,#ddf2ff14 38%,#ffffffb8 56%,#ffffffe6 100%);position:absolute;inset:0}.news-help-card div{z-index:1;width:47%;margin-left:auto;padding:52px 18px 18px 4px;position:relative}.news-help-card h3{color:#0b3d91;font-size:var(--text-lg);font-weight:900;line-height:1.2}.news-help-card p{color:#2b5c9e;font-size:var(--text-xs);margin-top:10px;line-height:1.55}.news-empty{border:1px dashed var(--border-strong);color:var(--text-muted);text-align:center;background:#ffffffb8;border-radius:18px;grid-column:1/-1;padding:24px}@media (height<=790px) and (width>=1201px){#view-news{gap:10px}.news-header h2{font-size:2rem}.news-header p{margin-top:4px}.news-refresh-pill{min-height:38px}.news-hero-card{height:172px;padding:22px 28px}.news-hero-content h3{margin-top:12px;font-size:1.85rem}.news-hero-content p{font-size:var(--text-sm);line-height:1.36}.news-card-media{aspect-ratio:16/5.8}.news-card:nth-child(n+4) .news-card-media{aspect-ratio:16/5.6}.news-card-body{padding:10px 12px 12px}.news-card-body p{-webkit-line-clamp:1}}.news-card-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.news-card-actions .news-card-cta{flex:1;margin-top:0}.news-card-readmore{color:#2f6fd0;cursor:pointer;white-space:nowrap;background:#f4f8ff;border:1px solid #d7e2f2;border-radius:12px;flex-shrink:0;min-height:32px;padding:0 12px;font-size:11px;font-weight:750}.news-card-media[data-news-article],.news-card-body h3[data-news-article]{cursor:pointer}.news-article-overlay{z-index:1200;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.news-article-overlay[hidden]{display:none}.nao-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a193c73;position:absolute;inset:0}.nao-panel{background:#fff;border-radius:22px;width:min(760px,100vw - 32px);max-height:min(900px,100vh - 48px);padding:34px 36px 40px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0f285a47}.nao-close{color:#45557a;cursor:pointer;background:#fff;border:1px solid #e1eaf8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:16px;right:16px}.nao-body .nao-kicker{color:#1b58a8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:850;display:inline-block}.nao-body h2{color:#0b1746;max-width:92%;margin:0 0 16px;font-size:1.7rem;font-weight:850;line-height:1.2}.nao-hero{border-radius:16px;width:100%;margin-bottom:18px;display:block}.nao-summary{color:#1b2b50;border-left:3px solid #2f72d9;margin:0 0 20px;padding-left:14px;font-size:17px;font-weight:600;line-height:1.6}.nao-article p{color:#2b3856;margin:0 0 16px;font-size:16px;line-height:1.75}.nao-article h2,.nao-article h3,.nao-article h4{color:#0b1746;margin:26px 0 8px;font-weight:800;line-height:1.3}.nao-article h2{font-size:1.24rem}.nao-article h3{font-size:1.1rem}.nao-article h4{font-size:1rem}.nao-article ul,.nao-article ol{margin:0 0 16px;padding-left:22px}.nao-article li{color:#2b3856;margin:0 0 6px;font-size:16px;line-height:1.65}.nao-article strong{color:#10204f;font-weight:750}.nao-article blockquote{color:#45557a;background:#f6faff;border-left:3px solid #cfe0f8;border-radius:8px;margin:0 0 16px;padding:8px 14px}.nao-article hr{border:none;border-top:1px solid #e5edf8;margin:22px 0}.nao-article a{color:var(--primary);text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .15s}.nao-article a:hover,.nao-article a:focus-visible{color:#0a3fb0;text-decoration-thickness:2px}.nao-article img{border-radius:12px;max-width:100%;margin:6px 0 16px;display:block}.nao-source{color:var(--primary);text-underline-offset:2px;margin:4px 0 0;font-size:14px;font-weight:700;text-decoration:underline;display:block}.nao-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f72d9,#1e58c8);border:none;border-radius:14px;align-items:center;gap:8px;margin-top:24px;padding:12px 22px;font-size:14px;font-weight:800;display:inline-flex}#view-learn{gap:0}.learn-academy-state{flex-direction:column;gap:12px;display:flex}.learn-hero{background:radial-gradient(circle at 68% 12%, #ffffffeb, transparent 22%), radial-gradient(circle at 92% 86%, #5ab7ff3d, transparent 34%), var(--bg-hero);border:1px solid var(--border-strong);border-radius:22px;align-items:stretch;min-height:304px;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.learn-hero-content{z-index:2;flex-direction:column;flex:1;justify-content:center;padding:28px 32px 26px;display:flex;position:relative}.learn-hero-title{color:var(--navy);margin-bottom:6px;font-size:2.9rem;font-weight:800}.learn-hero-desc{font-size:var(--text-md);color:var(--text-muted);margin-bottom:16px;line-height:1.5}.learn-hero-banner{color:#fff;background:radial-gradient(circle at 86% 18%,#ffffff3d,#0000 28%),linear-gradient(135deg,#102a56 0%,#1e6bff 56%,#5ab7ff 100%);border-radius:20px;max-width:930px;padding:18px 360px 18px 22px;box-shadow:0 16px 34px #1e6bff2e}.learn-hero-banner h3{font-size:var(--text-lg);margin-bottom:6px;font-weight:700}.learn-hero-banner p{font-size:var(--text-xs);opacity:.9;margin-bottom:12px;line-height:1.5}.learn-hero-tags{flex-wrap:wrap;gap:10px;display:flex}.learn-hero-tags span,.learn-register-link{border-radius:var(--radius-full);min-height:34px;color:var(--primary);cursor:pointer;background:#ffffffeb;border:0;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.learn-hero-tags svg{width:14px;height:14px}.learn-hero-mascot{z-index:3;pointer-events:none;flex-shrink:0;justify-content:center;align-items:flex-end;width:320px;height:242px;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:-12px;right:18px;overflow:hidden}.learn-hero-mascot img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 34px #1e6bff2e);width:100%;height:100%}.learn-tabs{flex-wrap:wrap;gap:8px;display:flex}.learn-tab{border:1px solid var(--border);border-radius:var(--radius-full);min-height:44px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:9px 22px;font-weight:500;display:inline-flex}.learn-tab:hover{border-color:var(--primary);color:var(--primary)}.learn-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-blue)}.learn-tab svg{width:16px;height:16px}.learn-courses-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.academy-summary{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;margin:0 0 14px;display:grid}.academy-progress-card,.academy-certificate-card,.learn-cta-card{background:#ffffffeb;border:1px solid #1e6bff24;border-radius:18px;padding:16px;box-shadow:0 10px 26px #102a560b}.academy-progress-card h3,.academy-certificate-card h3,.learn-cta-card h4{color:var(--navy);margin-bottom:6px}.academy-progress-card p,.academy-certificate-card p,.learn-cta-card p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.academy-progress-card progress{width:100%;height:10px;accent-color:var(--primary);margin-top:12px}.academy-certificate-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.learn-assistant-response{margin-top:10px}.learn-cta-card button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:34px;margin-top:10px;padding:0 13px;font-weight:800}.course-card{border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition);cursor:pointer;background:#fff;border-radius:20px;padding:0;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.course-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.course-thumb img{object-fit:cover;width:100%;height:100%}.course-duration{color:#fff;border-radius:var(--radius-xs);background:#000000b3;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.course-play{width:50px;height:50px;color:var(--primary);opacity:0;transition:var(--transition);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-card:hover .course-play{opacity:1}.course-play svg{width:20px;height:20px}.course-title{font-size:var(--text-sm);color:var(--navy);padding:12px 16px 0;font-weight:700;line-height:1.3}.course-meta{color:var(--text-muted);padding:4px 16px;font-size:11px}.course-desc{font-size:var(--text-xs);color:var(--text-muted);padding:0 16px;line-height:1.45}.course-lessons{background:#f7faffd1;border:1px solid #1e6bff1a;border-radius:12px;gap:6px;margin:10px 16px 0;padding:9px 10px;list-style:none;display:grid}.course-lesson{min-width:0;color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;line-height:1.35;display:flex}.course-lesson svg{width:13px;height:13px;color:var(--primary);flex-shrink:0}.course-lesson span:first-of-type{min-width:0}.course-lesson.is-soon{color:var(--text-muted)}.course-lesson.is-soon svg{color:#d78a00}.lesson-soon-badge{border-radius:var(--radius-full);color:#9a6500;background:#ffc10729;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800}.course-cta{min-height:44px;font-size:var(--text-xs);color:var(--primary);transition:var(--transition-fast);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:10px 16px 14px;font-weight:600;display:flex}.course-cta:hover{gap:10px}.course-cta svg{width:14px;height:14px}.learn-course-overlay{z-index:900;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.learn-course-overlay[hidden]{display:none}.lco-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102a567a;position:absolute;inset:0}.lco-panel{background:radial-gradient(circle at 88% 12%,#5ab7ff29,#0000 26%),#fffffffa;border:1px solid #1e6bff29;border-radius:24px;width:min(1640px,100vw - 40px);height:min(880px,100vh - 72px);position:relative;overflow:hidden;box-shadow:0 28px 70px #102a5638}.lco-close{z-index:2;width:36px;height:36px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #1e6bff24;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.lco-close svg{width:17px;height:17px}.lco-body{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:32px;display:flex}.lco-head{flex:none;margin-bottom:16px;padding-right:42px}.lco-head h3{max-width:760px;color:var(--navy);font-size:var(--text-2xl);margin-bottom:8px;line-height:1.18}.lco-head p{max-width:760px;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.lco-progress{border-radius:var(--radius-full);min-height:32px;color:var(--primary);font-size:var(--text-xs);background:#e8f2ffdb;border:1px solid #1e6bff29;align-items:center;margin-top:12px;padding:6px 12px;font-weight:800;display:inline-flex}.lco-grid{flex:auto;grid-template-columns:minmax(330px,.58fr) minmax(0,2.02fr);gap:26px;min-height:0;display:grid}.lco-list,.lco-player{overscroll-behavior:contain;background:#f7fbffd1;border:1px solid #1e6bff1f;border-radius:18px;min-height:0;padding:18px;overflow:auto}.lco-player{height:100%}.lco-section+.lco-section{margin-top:14px}.lco-section h4,.lco-player h4{color:var(--navy);font-size:var(--text-sm);margin-bottom:10px;font-weight:800}.lco-section ul{gap:8px;list-style:none;display:grid}.lco-lesson{min-height:38px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast);background:#fff;border:1px solid #1e6bff1a;border-radius:12px;align-items:center;gap:9px;padding:8px 10px;font-weight:700;display:flex}.lco-lesson:hover{border-color:#1e6bff47;transform:translateY(-1px)}.lco-lesson svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.lco-lesson.is-done{color:var(--green);background:#20b26b14}.lco-lesson.is-done svg{color:var(--green)}.lco-soon{border-radius:var(--radius-full);color:#9a6500;background:#ffc10729;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800}.lco-player-empty{min-height:100%;color:var(--text-muted);font-size:var(--text-sm);text-align:center;place-items:center;display:grid}.lco-video{aspect-ratio:16/9;background:#101828;border-radius:16px;width:min(100%,900px);margin:0 auto 12px;position:relative;overflow:hidden}.lco-video iframe{width:100%;height:100%}.lco-video-soon{color:#fff;background:linear-gradient(135deg,#102a56,#1e6bff);place-items:center;gap:8px;display:grid}.lco-video-soon svg{width:28px;height:28px}.lco-notes{color:var(--text-secondary);font-size:var(--text-sm);background:#fff;border:1px solid #1e6bff1f;border-radius:14px;margin-bottom:14px;padding:12px 14px;line-height:1.52}.lco-complete{justify-content:center;width:100%;min-height:44px;padding-block:10px}.lco-complete:disabled{opacity:.78;cursor:default}.lco-quiz-entry{background:#f7fbfff0;border:1px solid #1e6bff24;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.lco-quiz-entry strong,.lco-quiz-entry span{display:block}.lco-quiz-entry strong{color:var(--navy);font-size:var(--text-sm)}.lco-quiz-entry span{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.lco-quiz-entry.is-open{background:#f0fff7eb;border-color:#20b26b47}.lco-quiz-entry>svg{width:20px;height:20px;color:var(--text-muted)}.lco-quiz-loading,.lco-quiz-result{text-align:center;align-content:center;place-items:center;gap:10px;min-height:280px;padding:24px;display:grid}.lco-quiz{gap:14px;display:grid}.lco-quiz-top{color:var(--text-muted);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.lco-quiz-top span{border-radius:var(--radius-full);min-width:48px;color:var(--primary);background:#1e6bff1a;justify-content:center;padding:4px 8px;display:inline-flex}.lco-quiz-choices{gap:10px;display:grid}.lco-quiz-choice{border:1px solid var(--border);width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:650;display:flex}.lco-quiz-choice span{width:26px;height:26px;color:var(--primary);background:#1e6bff1a;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.lco-quiz-choice.active{color:var(--navy);background:#f0f7fffa;border-color:#1e6bff8c}.lco-quiz-actions{justify-content:flex-end;gap:10px;display:flex}.lco-quiz-actions button{min-width:112px}.lco-quiz-result svg{width:34px;height:34px;color:var(--primary)}.lco-quiz-result h4{margin:0}.lco-quiz-result strong{color:var(--navy);font-size:2rem;line-height:1}.lco-quiz-result p,.lco-quiz-result span{color:var(--text-secondary);font-size:var(--text-sm)}.lco-quiz-result.is-passed svg{color:var(--green)}.lco-quiz-result.is-locked svg,.lco-quiz-result.is-failed svg{color:var(--orange)}#view-learn .bottom-chat-bar{width:100%;margin-top:0;padding-top:0}#view-learn .chat-input-container{min-height:50px}#view-learn .chat-quick-chips{justify-content:center;margin-top:6px}#view-learn .app-footer{display:none}body.learn-register-active .right-panel{display:none!important}body.learn-register-active .center-content{padding-right:26px}.learn-register-state{min-height:100%}.register-shell{min-height:calc(100vh - var(--topbar-h) - 34px);grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:22px;display:grid}.register-form-card,.register-side{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:22px}.register-form-card{padding:28px 30px 26px}.register-breadcrumb{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:18px;display:flex}.register-breadcrumb button{color:var(--text-muted);font-weight:600}.register-breadcrumb svg{width:14px;height:14px}.register-breadcrumb span{color:var(--navy);font-weight:700}.register-title{color:var(--navy);margin-bottom:12px;font-size:2.75rem;font-weight:800;line-height:1.1}.register-desc{max-width:780px;font-size:var(--text-md);color:var(--text-muted);margin-bottom:28px;line-height:1.55}.register-steps{border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:22px;padding:16px 18px;display:grid}.register-step{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:10px;font-weight:600;display:flex;position:relative}.register-step:not(:last-child):after{content:"";background:var(--border);flex:1;height:1px;margin-left:8px}.register-step span{border:1px solid var(--border-strong);width:34px;height:34px;color:var(--navy);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.register-step.active{color:var(--primary)}.register-step.active span{color:#fff;background:var(--primary);border-color:var(--primary)}.register-step.complete{color:var(--green)}.register-step.complete span{color:#fff;background:var(--green);border-color:var(--green)}.register-panel{border:1px solid var(--border);border-radius:18px;min-height:354px;padding:24px 26px}.register-panel-soft{background:#f7fbffd1;margin-top:16px}.register-panel-heading.compact{margin-bottom:16px}.register-panel-icon.green{background:linear-gradient(135deg,#20b26b,#74d99f)}.register-panel-icon.orange{background:linear-gradient(135deg,#f59e0b,#fdba74)}.register-panel-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.register-panel-icon{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.register-panel-icon svg{width:22px;height:22px}.register-panel-heading h3{font-size:var(--text-xl);color:var(--navy);margin-bottom:4px}.register-panel-heading p{font-size:var(--text-sm);color:var(--text-muted)}.register-grid{grid-template-columns:repeat(2,1fr);gap:18px 24px;display:grid}.register-field{flex-direction:column;gap:8px;display:flex}.register-field.wide{grid-column:1/2}.register-field>span{font-size:var(--text-sm);color:var(--navy);font-weight:600}.register-field strong{color:var(--red)}.register-input{border:1px solid var(--border);min-height:50px;color:var(--text-light);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.register-input svg{flex-shrink:0;width:18px;height:18px}.register-input input,.register-input select{min-width:0;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;border:0;outline:0;flex:1}.register-footer-row{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.register-footer-row p{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.register-footer-row svg{width:14px;height:14px;color:var(--primary)}.register-submit{min-width:240px;font-size:var(--text-lg);justify-content:center}.register-choice-grid,.register-level-grid{gap:12px;display:grid}.register-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.register-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.register-choice-grid button,.register-level-grid button{text-align:left;border:1px solid var(--border);min-height:62px;color:var(--navy);font-size:var(--text-sm);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.register-choice-grid button.active,.register-choice-grid button:hover,.register-level-grid button:hover{border-color:var(--primary);background:var(--primary-light)}.register-choice-grid button svg{width:34px;height:34px;color:var(--primary);background:var(--primary-light);border-radius:12px;flex-shrink:0;padding:8px}.register-level-grid button{display:block}.register-level-grid button.active{border-color:var(--primary);background:var(--primary-light)}.register-level-grid strong,.register-level-grid span{display:block}.register-level-grid strong{color:var(--navy)}.register-level-grid span{color:var(--text-muted);font-size:var(--text-xs);margin-top:4px;line-height:1.35}.register-complete-card{background:radial-gradient(circle at 96% 12%,#5ab7ff29,#0000 30%),#fff;border:1px solid #1e6bff2e;border-radius:20px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:354px;margin-top:16px;padding:18px;display:grid;box-shadow:0 12px 28px #102a560e}.register-complete-card>div:first-child{width:54px;height:54px;color:var(--primary);background:var(--primary-light);border-radius:18px;justify-content:center;align-items:center;display:flex}.register-complete-card svg{width:24px;height:24px}.register-complete-card h3{color:var(--navy);font-size:var(--text-lg);margin-bottom:4px}.register-complete-card p{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.register-side{background:radial-gradient(circle at 44% 8%, #ffffffd9, transparent 24%), var(--bg-hero);padding:0 24px 24px;overflow:hidden}.register-coach-img{width:calc(100% + 48px);margin:0 -24px -4px;display:block}.register-benefits-card{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:#fffffff0;border-radius:18px;padding:18px}.register-benefits-card h3{font-size:var(--text-xl);color:var(--navy);align-items:center;gap:10px;margin-bottom:12px;display:flex}.register-benefits-card h3 svg,.register-community>svg{width:38px;height:38px;color:var(--primary);background:var(--primary-light);border-radius:50%;padding:9px}.register-benefit{border-top:1px solid var(--border-light);gap:12px;padding:12px 0;display:flex}.register-benefit>svg{background:var(--primary-light);width:46px;height:46px;color:var(--primary);border-radius:16px;flex-shrink:0;padding:11px}.register-benefit:nth-child(3)>svg{background:var(--green-light);color:var(--green)}.register-benefit:nth-child(4)>svg{background:var(--purple-light);color:var(--purple)}.register-benefit:nth-child(5)>svg{background:var(--orange-light);color:var(--orange)}.register-benefit:nth-child(6)>svg{color:#0d9488;background:#f0fdfa}.register-benefit strong,.register-community strong{font-size:var(--text-sm);color:var(--navy);margin-bottom:3px;display:block}.register-benefit span,.register-community span{font-size:var(--text-xs);color:var(--text-muted)}.register-community{background:#ffffffc2;border-radius:18px;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;display:flex}#right-learn .rp-section{margin-bottom:12px;padding:14px}#right-learn .rp-header{margin-bottom:10px}#right-learn .rp-learn-path{gap:6px}#right-learn .rp-learn-item{gap:8px;min-height:38px;padding:7px 8px}#right-learn button.rp-learn-item{text-align:left;cursor:pointer;background:#ffffffeb;border:0;width:100%}#right-learn button.rp-learn-item:hover{background:var(--primary-light)}#right-learn .rp-learn-empty{color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.45}#right-learn .rp-learn-item:after{display:none}#right-learn .rp-learn-num{width:28px;height:28px}#right-learn .rp-learn-info strong{font-size:var(--text-xs);line-height:1.25}#right-learn .rp-learn-info span{display:none}#right-learn .rp-learn-action{padding:4px 8px;font-size:10px}#right-learn .rp-continue-video{gap:10px}#right-learn .rp-continue-thumb{width:104px}#right-learn .rp-continue-info>span{margin-bottom:5px}#right-learn .rp-progress{margin-bottom:6px}#right-learn .rp-continue-info .btn{min-height:34px;padding:6px 10px}#right-learn .rp-progress-visual-card{background:radial-gradient(circle at 18% 16%,#5ab7ff33,#0000 34%),linear-gradient(135deg,#eff9fff5,#fffffffa);border:1px solid #1e6bff24;border-radius:18px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:9px;display:grid}#right-learn .rp-progress-visual-card img{object-fit:cover;object-position:left center;border-radius:14px;width:92px;height:74px}#right-learn .rp-progress-visual-copy{gap:5px;min-width:0;display:grid}#right-learn .rp-progress-ring{background:radial-gradient(circle at center, #fff 0 52%, transparent 54%), conic-gradient(var(--primary) calc(var(--progress,0) * 1%), #5ab7ff 0 76%, #20b26b 0 88%, #f5c542 0 100%);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 20px #1e6bff24}#right-learn .rp-progress-ring span{color:var(--primary);font-size:13px;font-weight:900}#right-learn .rp-progress-visual-copy strong{color:var(--navy);font-size:var(--text-sm);line-height:1.25}#right-learn .rp-progress-current{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.35}#right-learn .rp-cert{background:radial-gradient(circle at 92% 14%,#f5c54233,#0000 34%),linear-gradient(135deg,#fffbebfa,#fffffffa);border:1px solid #f59e0b2e;border-radius:18px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:9px;display:grid}#right-learn .rp-cert img{object-fit:cover;object-position:left center;border-radius:14px;width:88px;height:70px}#right-learn .rp-cert-info{flex-direction:column;gap:2px;min-width:0;display:flex}#right-learn .rp-cert-info strong{font-size:var(--text-sm);color:var(--navy)}#right-learn .rp-cert-info span{color:var(--text-light);font-size:11px}#right-learn .rp-cert-list{gap:8px;display:grid}#right-learn .rp-cert.is-empty{opacity:.88}#right-learn .rp-cert button{grid-column:1/-1;justify-self:stretch;min-height:34px;padding:6px 10px}.learn-docs-strip{margin-top:4px}.learn-docs-head{margin-bottom:8px}.learn-docs-head h4{font-size:var(--text-sm);color:var(--navy);align-items:center;gap:7px;font-weight:800;display:flex}.learn-docs-head h4 svg{width:16px;height:16px;color:var(--primary)}.learn-docs-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.learn-docs-grid .rp-doc{border:1px solid var(--border-light);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (width<=900px){.learn-docs-grid{grid-template-columns:1fr}.learn-course-overlay{padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.lco-panel{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.lco-body{padding:22px 16px 16px}.lco-grid{grid-template-columns:1fr}.lco-player-empty{min-height:240px}.lco-head{padding-right:38px}.lco-head h3{font-size:var(--text-xl)}}@media (width<=430px){.register-choice-grid,.register-level-grid{grid-template-columns:1fr}}#view-history{min-height:100%}.view-kicker{color:var(--primary);font-size:var(--text-xs);align-items:center;gap:7px;margin-bottom:6px;font-weight:700;display:inline-flex}.view-kicker svg{width:15px;height:15px}.history-shell{min-height:calc(100vh - var(--topbar-h) - 44px);grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:18px;display:grid}.history-list-panel,.history-preview-panel{border:1px solid var(--border-light);min-width:0;box-shadow:var(--shadow-card);background:#ffffffe6;border-radius:22px}.history-list-panel{flex-direction:column;padding:18px;display:flex;overflow:hidden}.history-list-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.history-list-header h2{font-size:var(--text-2xl);color:var(--navy);font-weight:800;line-height:1.15}.history-new-btn{border-radius:var(--radius-full);color:#fff;background:var(--primary-gradient);min-height:44px;font-size:var(--text-xs);box-shadow:var(--shadow-blue);flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-weight:700;display:inline-flex}.history-new-btn svg{width:14px;height:14px}.history-search{border:1px solid var(--border);background:var(--bg-input);min-height:44px;color:var(--text-muted);border-radius:15px;align-items:center;gap:8px;margin-bottom:12px;padding:0 13px;display:flex}.history-search svg{width:18px;height:18px;color:var(--primary)}.history-search input{min-width:0;min-height:44px;color:var(--text);background:0 0;border:0;outline:0;flex:1}.history-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.history-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.history-tabs button{min-height:32px;color:var(--text-secondary);min-height:44px;font-size:var(--text-xs);cursor:pointer;background:#fff;border:1px solid #1e6bff29;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-weight:800;display:inline-flex}.history-tabs .nav-premium-badge,.history-preview-meta .nav-premium-badge,.design-collection-card .nav-premium-badge,.history-design-premium-note .nav-premium-badge,.history-premium-empty .nav-premium-badge{margin-left:0}.history-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.history-filter{border-radius:var(--radius-full);border:1px solid var(--border);min-height:44px;color:var(--text-secondary);font-size:var(--text-xs);background:#fff;padding:6px 11px;font-weight:600}.history-filter.active{color:#fff;border-color:var(--primary);background:var(--primary)}.history-groups{overscroll-behavior:contain;flex:1;padding-right:4px;overflow-y:auto}.history-group{margin-bottom:14px}.history-group-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-weight:800}.history-item{text-align:left;width:100%;transition:var(--transition-fast);background:#f4faffb8;border:1px solid #0000;border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:8px;padding:11px;display:grid}.history-item:hover,.history-item.active{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.history-item-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-light);border-radius:14px;justify-content:center;align-items:center;display:flex}.history-item-icon svg{width:20px;height:20px}.history-item-main{min-width:0}.history-item-top,.history-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-item-title{font-size:var(--text-sm);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:800;display:block;overflow:hidden}.history-item-summary{color:var(--text-muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.38;display:-webkit-box;overflow:hidden}.history-badge,.history-status{border-radius:var(--radius-full);align-items:center;min-height:22px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.history-badge{color:var(--primary);background:var(--primary-light)}.history-status.active{color:var(--green-dark);background:var(--green-light)}.history-status.archived{color:var(--orange);background:var(--orange-light)}.history-time{color:var(--text-light);margin-left:auto;font-size:10px}.history-preview-panel{flex-direction:column;display:flex;overflow:hidden}.history-preview-content{flex-direction:column;min-height:100%;display:flex}.history-preview-header{border-bottom:1px solid var(--border-light);padding:20px 22px 16px}.history-preview-header h3{font-size:var(--text-2xl);color:var(--navy);margin-bottom:8px;line-height:1.18}.history-preview-summary{color:var(--text-muted);font-size:var(--text-sm);margin-top:10px;line-height:1.5}.history-assets{border-bottom:1px solid var(--border-light);background:#f4faff94;padding:14px 22px}.history-assets h4{color:var(--navy);font-size:var(--text-sm);align-items:center;gap:7px;margin-bottom:10px;display:flex}.history-asset-strip{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.history-asset{border:1px solid var(--border-light);background:#fff;border-radius:14px;flex:0 0 142px;width:142px;overflow:hidden}.history-asset img{object-fit:cover;width:100%;height:86px}.history-asset div{padding:8px}.history-asset strong{font-size:var(--text-xs);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.history-asset span{color:var(--text-muted);font-size:10px}.history-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.history-msg{max-width:78%;font-size:var(--text-sm);border-radius:18px;padding:12px 14px;line-height:1.5}.history-msg.user{color:#fff;background:var(--primary-gradient);border-bottom-right-radius:6px;align-self:flex-end}.history-msg.ifox{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);border-bottom-left-radius:6px;align-self:flex-start}.history-preview-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 18px;display:flex}.history-preview-footer .btn,.history-preview-panel .btn{min-height:44px}.history-archive-note{color:var(--text-secondary);font-size:var(--text-xs);align-items:flex-start;gap:10px;max-width:420px;line-height:1.45;display:flex}.history-archive-note svg{width:18px;height:18px;color:var(--orange);flex-shrink:0}.history-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.history-empty-state{text-align:center;max-width:480px;margin:auto;padding:48px 28px}.history-empty-mascot{object-fit:contain;filter:drop-shadow(0 14px 30px #1e6bff1f);width:170px;height:170px;margin:0 auto 16px}.history-empty-state h3{color:var(--navy);font-size:var(--text-2xl);margin-bottom:8px}.history-empty-state p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:18px;line-height:1.55}.history-no-results{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:24px 12px}.collection-card{text-align:left;cursor:pointer;width:100%;transition:var(--transition-fast);background:#f4faffc2;border:1px solid #1e6bff1f;border-radius:18px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;padding:11px;display:grid}.collection-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.collection-card img{object-fit:cover;border-radius:16px;width:92px;height:92px}.concept-gallery-card img{object-fit:cover;border-radius:14px;width:96px;height:76px}.collection-card span{min-width:0}.collection-card strong,.collection-card small,.collection-card em{display:block}.collection-card strong{color:var(--navy);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 4px;font-weight:900;overflow:hidden}.concept-gallery-card strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.collection-card small,.collection-card em{color:var(--text-muted);font-size:var(--text-xs);line-height:1.35}.collection-card em{color:var(--primary);margin-top:5px;font-style:normal;font-weight:800}.design-collection-card{grid-template-columns:92px minmax(0,1fr)}.design-collection-card img{width:92px;height:86px}.history-design-premium-note{color:var(--text-secondary);background:linear-gradient(#fff,#f5f9ff);border:1px solid #1e6bff24;border-radius:18px;gap:8px;padding:16px;display:grid}.history-design-premium-note strong{color:var(--navy);font-size:var(--text-sm)}.history-design-premium-note p{font-size:var(--text-xs);margin:0;line-height:1.45}.collection-preview-media{padding:18px 22px 10px}.collection-preview-media img{object-fit:cover;border:1px solid var(--border-light);border-radius:20px;width:100%;max-height:360px}.collection-preview-media.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design-premium-media{grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:12px;display:grid}.premium-locked-assets{background:linear-gradient(135deg,#ffffffb8,#ecf4ffc7),url(/ifox/assets/products/mock-design-kol-lifestyle.png) 50%/cover no-repeat;border:1px solid #1e6bff1f;border-radius:20px;place-items:center;min-height:220px;display:grid;overflow:hidden}.premium-locked-assets span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102a56e0;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-weight:900;display:inline-flex}.premium-locked-assets svg{width:16px;height:16px}.collection-preview-body{color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;padding:6px 22px 22px;line-height:1.55;display:flex}.collection-preview-body p{margin-bottom:8px}.history-concept-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.history-concept-tags span{color:var(--primary);font-weight:800;font-size:var(--text-xs);background:#edf6ff;border-radius:999px;padding:7px 10px}.history-concept-tags.ingredients span{color:#3f8a50;background:#eefaf3}.premium-asset-checklist{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.premium-asset-checklist li{color:var(--text-muted);align-items:center;gap:8px;font-weight:800;display:flex}.premium-asset-checklist li.visible{color:var(--green-dark)}.premium-asset-checklist svg{flex-shrink:0;width:16px;height:16px}.collection-preview-actions{order:-1;margin:0 0 16px}@media (width>=769px) and (height<=780px){.history-shell{min-height:calc(100vh - var(--topbar-h) - 24px);gap:12px}.history-list-panel{padding:14px}.history-preview-header{padding:14px 18px 12px}.history-assets{padding:10px 18px}.history-messages{padding:14px 18px}.history-preview-footer{padding:12px 18px}}@media (width<=768px){.history-shell{grid-template-columns:1fr;gap:14px;min-height:auto}.history-list-panel,.history-preview-panel{border-radius:20px}.history-list-panel{padding:16px;overflow:visible}.history-list-header{flex-direction:column}.history-list-header h2{font-size:var(--text-2xl)}.history-new-btn{justify-content:center;width:100%}.history-groups{padding-right:0;overflow:visible}.history-preview-panel{min-height:520px}.history-preview-header{padding:18px 16px 14px}.history-preview-header h3{font-size:var(--text-xl)}.history-assets{padding:12px 16px}.history-messages{padding:16px}.history-msg{max-width:92%}.history-preview-footer{flex-direction:column;align-items:stretch;padding:14px 16px 16px}.history-actions{justify-content:stretch}.history-actions .btn{justify-content:center;width:100%}}@media (width<=430px){.history-item{grid-template-columns:38px minmax(0,1fr);padding:10px}.history-item-icon{width:38px;height:38px}.history-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.history-filter{flex-shrink:0}}@media (width<=1200px){.right-panel{display:none}}@media (width<=1024px){:root{--sidebar-w:220px}.home-features,.chat-categories{grid-template-columns:repeat(2,1fr)}.design-main-row,.design-gallery-row{grid-template-columns:1fr}.learn-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=769px) and (height<=780px){:root{--topbar-h:58px}.topbar{height:var(--topbar-h);padding:8px 22px}.topbar-greeting{min-height:38px}.topbar-notif{width:38px;height:38px}.topbar-user{min-height:40px}.topbar-user-avatar{width:32px;height:32px}.center-content{padding:12px 22px}.right-panel-content{padding:18px 20px 14px}.sidebar-top{padding-top:18px}.ifox-profile{padding:10px 0 14px}.ifox-avatar-wrap{width:82px;height:82px}.nav-item{min-height:38px;padding:8px 14px}.sidebar-nav,#view-home{gap:6px}.home-hero{border-radius:22px;gap:24px;min-height:196px;padding:11px 28px 11px 26px}.home-hero-left{width:232px}.home-hero-mascot{width:252px;height:252px;margin-bottom:-8px}.home-hero-title{font-size:var(--text-3xl);margin-bottom:8px;line-height:1.12}.home-hero-desc{margin-bottom:12px}.hero-action-btn{min-height:76px;padding:10px 9px}.hero-action-icon{width:38px;height:38px}.home-features{gap:12px}.feature-card{border-radius:18px;min-height:156px;padding:0 14px 12px}.feature-card-img{border-radius:18px 18px 12px 12px;width:calc(100% + 28px);height:60px;margin:0 -14px 8px}.feature-card-title{margin-bottom:5px}.feature-card-desc{margin-bottom:8px;line-height:1.32}.feature-card-cta{min-height:30px;padding:6px 14px}#view-home .bottom-chat-bar{padding:8px 12px 7px;display:block}#view-home .chat-input-container{min-height:46px}#view-home .chat-chip{min-height:28px;padding:5px 10px}#view-home .chat-hint-text{font-size:var(--text-xs);margin-top:4px;display:block}.chat-welcome{padding-top:8px}.chat-welcome-title{font-size:2.35rem}.chat-welcome-subtitle{margin-bottom:6px}.chat-welcome-mascot{width:170px;height:146px;margin-bottom:2px}.chat-welcome-input-wrap{max-width:920px;margin-bottom:14px}.chat-welcome-input-wrap .chat-input-container.large{min-height:76px;padding:12px 20px 10px}.chat-welcome-input-wrap .chat-welcome-input-row{min-height:30px;padding-top:4px}.chat-welcome-input-wrap .chat-send-btn{width:44px;height:44px}.chat-categories{gap:10px;margin-bottom:12px}.chat-category-card{grid-template-columns:56px minmax(0,1fr) 16px;column-gap:10px;min-height:102px;padding:14px 12px}.chat-category-icon{border-radius:14px;width:50px;height:50px}.chat-category-icon svg{width:24px;height:24px}.chat-suggestions,.chat-recent{margin-bottom:10px}#view-design{gap:10px}.design-hero{gap:22px;min-height:188px;padding:12px 22px}.design-hero-left{width:188px}.design-hero-mascot{width:196px;height:174px}.design-hero-title{font-size:var(--text-3xl);margin-bottom:6px}.design-hero-desc{margin-bottom:12px;line-height:1.35}.design-pill{min-height:42px;padding:6px 11px}.design-pill em{display:none}.design-chat-panel{min-height:254px;padding:14px}.design-chat-messages{min-height:68px;max-height:82px}.design-gallery-row,#view-design .bottom-chat-bar{display:none}.learn-academy-state{gap:10px}.learn-hero{min-height:198px}.learn-hero-content{padding:16px 22px}.learn-hero-title{font-size:var(--text-3xl);margin-bottom:4px}.learn-hero-desc{margin-bottom:10px;line-height:1.35}.learn-hero-banner{padding:12px 220px 12px 16px}.learn-hero-banner p{display:none}.learn-hero-tags span,.learn-register-link{min-height:28px;padding:5px 10px}.learn-hero-mascot{width:240px;height:182px;right:18px}.learn-tabs{gap:6px}.learn-tab{min-height:34px;padding:6px 14px}.learn-courses-grid{gap:10px}.course-title{padding:9px 12px 0;line-height:1.2}.course-meta,.course-desc{padding-left:12px;padding-right:12px}.course-desc{display:none}.course-cta{padding:8px 12px 10px}#view-learn .bottom-chat-bar{padding-top:0;display:block}#view-learn .chat-input-container{min-height:46px}#view-learn .chat-quick-chips{gap:6px;margin-top:6px}#view-learn .chat-chip{min-height:28px;padding:5px 10px}}@media (width<=768px){.mobile-header{display:flex}.app-container{height:calc(100dvh - 74px)}.sidebar{width:280px;min-width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-area{height:100%;min-height:0;margin-left:0}.center-col{height:100%;min-height:0}.topbar{display:none}.center-content{height:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.view.active{min-width:0}#view-home .chat-input,#view-learn .chat-input{font-size:16px}.news-meta-badge,.news-ai-badge,.news-card-type,.news-card-cta,.nav-premium-badge,.hero-action-text span,.chat-category-card p{font-size:12px}.home-hero,.design-hero,.learn-hero,.chat-welcome,.home-features,.chat-categories,.learn-courses-grid,.design-main-row,.design-gallery-row{max-width:100%}.home-hero{text-align:center;flex-direction:column;gap:16px;min-height:auto;padding:24px 20px}.home-hero-left{justify-content:center;width:100%}.home-hero-mascot{width:138px;height:138px;margin:0}.home-hero-title{font-size:var(--text-xl)}.home-hero-actions{flex-wrap:wrap;justify-content:center;width:100%}.hero-action-btn{flex:calc(50% - 8px);min-width:120px;min-height:64px}.home-features{grid-template-columns:1fr;gap:12px}.feature-card{min-height:auto;padding-bottom:18px}.feature-card-img{object-fit:contain;width:calc(100% + 36px);height:150px}.chat-categories,.chat-recent-grid{grid-template-columns:1fr}.chat-welcome{padding-top:18px}.chat-welcome-mascot{width:150px;height:138px;margin-bottom:10px}.chat-welcome-title{font-size:1.75rem}.chat-welcome-subtitle{max-width:280px;font-size:16px}.chat-welcome-input-wrap{margin-bottom:18px}.chat-welcome-input-wrap .chat-input-container.large{min-height:96px;padding:14px 18px}.chat-welcome-input-wrap .chat-attach-btn{bottom:16px;left:16px}.chat-category-card{grid-template-columns:58px minmax(0,1fr) 16px;column-gap:12px;min-height:104px;padding:16px 14px}.chat-category-icon{border-radius:14px;width:52px;height:52px}.chat-category-icon svg{width:24px;height:24px}.chat-recent{padding:14px 12px}.design-hero{text-align:center;flex-direction:column;gap:12px;min-height:auto;padding:20px}.design-hero-left{align-items:center;width:100%}.design-hero-mascot{width:150px;height:138px}.design-hero-title{font-size:var(--text-xl)}.design-hero-desc{font-size:var(--text-sm)}.design-hero-pills{justify-content:center}.inspire-grid{grid-template-columns:repeat(2,1fr)}.learn-hero{flex-direction:column}.learn-hero-banner{padding-right:16px}.learn-hero-mascot{width:100%;height:160px;position:static}.learn-hero-mascot img{width:auto;height:100%;margin:0 auto}.learn-courses-grid{grid-template-columns:1fr}.learn-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.learn-tab{flex-shrink:0}.register-shell{grid-template-columns:1fr;min-height:auto}.register-title{font-size:var(--text-2xl)}.register-steps{grid-template-columns:1fr;gap:10px}.register-step:not(:last-child):after{display:none}.register-grid{grid-template-columns:1fr}.register-field.wide{grid-column:auto}.register-footer-row{flex-direction:column;align-items:stretch}.register-submit{width:100%;min-width:0}.register-side{padding:0 18px 18px}.chat-quick-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.chat-chip{flex-shrink:0}.chat-input-container{border-radius:18px}}@media (width<=430px){.center-content{padding:16px}.home-features{grid-template-columns:1fr}.home-hero-actions{flex-direction:column}.hero-action-btn{min-width:unset;width:100%}#view-chat .chat-recent-grid{grid-template-columns:minmax(0,1fr)}#view-chat .chat-recent-item{min-width:0}#view-chat .chat-recent-item small{display:none}#view-chat .chat-category-card{grid-template-columns:minmax(0,1fr)}#view-chat .chat-category-arrow{display:none}}@media (width>=1700px) and (height>=900px){#view-home{gap:14px}.home-hero{min-height:348px;padding-top:24px;padding-bottom:22px}.feature-card{min-height:376px;padding-bottom:18px}.feature-card-img{height:198px;margin-bottom:11px}#view-home .bottom-chat-bar{padding-top:8px;padding-bottom:7px}#view-home .chat-input-container{min-height:50px}#view-home .chat-hint-text{font-size:var(--text-xs);margin-top:4px;display:block}#right-home .rp-section{margin-bottom:9px;padding:14px}#right-home .rp-header{margin-bottom:9px}#right-home .rp-step{min-height:44px}#right-home .rp-article{padding:6px 0}#right-home .rp-article-thumb{width:64px;height:64px}.learn-academy-state{gap:4px}.learn-hero{min-height:212px}.learn-hero-content{padding-top:15px;padding-bottom:13px}.learn-hero-title{font-size:2.55rem}.learn-hero-banner{padding-top:14px;padding-bottom:14px}.learn-hero-mascot{height:206px}.academy-summary{gap:10px;margin-bottom:3px}.academy-progress-card,.academy-certificate-card{padding:9px 12px}#view-learn .chat-input-container{min-height:44px}#view-learn .chat-quick-chips{margin-top:4px}#view-learn .chat-chip{min-height:28px;padding-top:5px;padding-bottom:5px}.learn-tab{min-height:44px;padding:6px 18px}.course-title{padding-top:6px;line-height:1.2}.course-cta{padding-top:5px;padding-bottom:6px}}@media (width>=769px) and (height<=899px){.right-panel-content .rp-section{margin-bottom:12px}.app-footer{padding:8px 0 4px}}@media (width>=769px) and (height>=781px) and (height<=899px){#view-home{gap:12px}.home-hero{min-height:286px;padding:18px 30px 16px 28px}.home-hero-mascot{width:272px;height:272px;margin-bottom:-8px}.home-hero-title{font-size:var(--text-3xl);line-height:1.12}.hero-action-btn{min-height:72px}.home-features{gap:12px}.feature-card{min-height:196px;padding-bottom:13px}.feature-card-img{height:86px;margin-bottom:9px}.feature-card-desc{margin-bottom:7px}#view-home .bottom-chat-bar{padding:8px 12px 7px}#view-home .chat-input-container{min-height:46px}#view-home .chat-hint-text{font-size:var(--text-xs);margin-top:4px;display:block}}@media (width>=769px){#view-chat .chat-categories,#view-chat .chat-suggestions,#view-chat .chat-recent{max-width:1120px}#view-chat .chat-welcome-input-wrap{max-width:980px}.course-thumb{aspect-ratio:16/9}#view-chat .app-footer{display:none}}@media (width>=1700px) and (height>=900px){#view-learn .course-thumb{aspect-ratio:16/9}#view-learn .course-desc{display:none}}@media (width>=769px) and (height>=781px) and (height<=899px){#view-chat .chat-welcome{padding-top:10px}#view-chat .chat-welcome-title{margin-bottom:4px;font-size:2.5rem}#view-chat .chat-welcome-subtitle{margin-bottom:6px}#view-chat .chat-welcome-mascot{width:190px;height:152px;margin-bottom:-8px}#view-chat .chat-quota-pill{min-height:28px;margin-bottom:8px}#view-chat .chat-welcome-input-wrap{max-width:920px;margin-bottom:14px}#view-chat .chat-welcome-input-wrap .chat-input-container.large{min-height:66px;padding:10px 20px 9px}#view-chat .chat-welcome-input-wrap .chat-welcome-input-row{min-height:28px;padding-top:3px}#view-chat .chat-categories{gap:10px;margin-bottom:12px}#view-chat .chat-category-card{grid-template-columns:56px minmax(0,1fr) 16px;column-gap:10px;min-height:104px;padding:14px 12px}#view-chat .chat-category-icon{border-radius:14px;width:50px;height:50px}#view-chat .chat-category-icon svg{width:24px;height:24px}#view-chat .chat-suggestions{margin-bottom:0}#view-chat .suggestion-chip{min-height:30px;padding:5px 11px}#view-chat .chat-recent{display:none}#view-design{gap:10px}.design-hero{gap:24px;min-height:204px;padding:12px 24px}.design-hero-left{width:210px}.design-hero-mascot{width:220px;height:198px}.design-hero-title{font-size:var(--text-3xl);margin-bottom:6px}.design-hero-desc{margin-bottom:10px}.design-pill{min-height:48px;padding:7px 12px}.design-pill em{display:none}.design-chat-panel{min-height:242px;padding:14px}.design-gallery-row{display:none}.learn-academy-state{gap:8px}.learn-hero{min-height:210px}.learn-hero-content{padding:16px 22px}.learn-hero-title{font-size:var(--text-3xl);margin-bottom:4px}.learn-hero-desc{margin-bottom:8px}.learn-hero-banner{padding:12px 230px 12px 16px}.learn-hero-banner p{display:none}.learn-hero-mascot{width:280px;height:212px;right:18px}.academy-summary{display:none}.learn-tab{min-height:44px;padding:6px 14px}.learn-courses-grid{gap:9px}.course-title{padding:8px 12px 0;line-height:1.2}.course-meta{padding:3px 12px}.course-desc{display:none}.course-cta{padding:7px 12px 9px}#view-learn .bottom-chat-bar{padding:0}#view-learn .chat-input-container{min-height:44px}#view-learn .chat-quick-chips{gap:6px;margin-top:4px}#view-learn .chat-chip{min-height:26px;padding:4px 9px}}@media (width>=769px) and (height<=780px){#view-chat .chat-welcome{padding-top:6px}#view-chat .chat-welcome-title{margin-bottom:2px;font-size:2.1rem}#view-chat .chat-welcome-subtitle{display:none}#view-chat .chat-welcome-mascot{width:148px;height:122px;margin-bottom:-2px}#view-chat .chat-quota-pill{min-height:26px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}#view-chat .chat-welcome-input-wrap{margin-bottom:10px}#view-chat .chat-welcome-input-wrap .chat-input-container.large{min-height:60px;padding:9px 18px 8px}#view-chat .chat-categories{margin-bottom:8px}#view-chat .chat-category-card{min-height:92px;padding-top:11px;padding-bottom:11px}#view-chat .chat-recent,#view-chat .chat-suggestions{display:none}.learn-hero{min-height:178px}.learn-hero-title{font-size:var(--text-2xl)}.learn-hero-desc,.academy-summary{display:none}.learn-hero-banner{padding:10px 208px 10px 14px}.learn-hero-mascot{width:240px;height:182px}.learn-tab{min-height:44px;padding:5px 12px}.course-title{padding-top:7px}.course-meta,.course-desc{display:none}.course-cta{padding-top:6px;padding-bottom:8px}#view-learn .chat-input-container{min-height:40px}#view-learn .chat-quick-chips{display:none}}@media (width>=1700px) and (height>=900px){#view-learn .learn-academy-state{gap:2px}#view-learn .learn-hero{min-height:236px}body.learn-register-active .register-shell{min-height:calc(100vh - var(--topbar-h) - 40px)}body.learn-register-active .register-form-card{padding-top:24px;padding-bottom:20px}body.learn-register-active #view-learn{min-height:auto}body.learn-register-active .center-content{padding-bottom:11px}#view-learn .learn-academy-state{flex:1;min-height:100%}#view-learn .bottom-chat-bar{margin-top:14px;padding-top:0}#view-learn .learn-tabs{margin-bottom:10px}#view-learn .course-title{padding-top:12px;font-size:15px;line-height:1.28}#view-learn .course-meta{padding-top:5px;padding-bottom:5px}#view-learn .course-desc{min-height:30px;padding:0 16px;line-height:1.35;display:block}#view-learn .course-cta{padding-top:9px;padding-bottom:13px}#view-settings .settings-shell{gap:12px}#view-settings .settings-header{padding-bottom:4px}#view-settings .settings-header h2{margin-bottom:4px;font-size:2rem}#view-settings .settings-summary-card{padding:14px 20px}#view-settings .settings-summary-icon{border-radius:14px;width:42px;height:42px}#view-settings .settings-main-grid{gap:14px}#view-settings .settings-main-grid .settings-card,#view-settings .settings-preferences-card{padding:18px 22px}#view-settings .settings-main-grid .settings-card-header,#view-settings .settings-preferences-card .settings-card-header{margin-bottom:12px}#view-settings .settings-main-grid .account-summary{margin-bottom:10px;padding:12px}#view-settings .settings-main-grid .account-avatar{width:60px;height:60px}#view-settings .settings-main-grid .quota-box{margin-bottom:10px;padding:12px}#view-settings .tier-benefits-grid{gap:8px;margin-bottom:12px}#view-settings .tier-benefits-grid>div{padding:9px 14px}#view-settings .settings-main-grid .settings-form-grid{gap:14px}#view-settings .settings-main-grid .settings-field input,#view-settings .settings-main-grid .settings-field select{min-height:44px}#view-settings .settings-preferences-card .preference-list{gap:12px}#view-settings .settings-preferences-card .preference-item{min-height:84px;padding:12px}}@media (width<=1180px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card:nth-child(n){grid-column:span 1}}@media (width<=768px){#view-news.active{height:auto;min-height:100%;display:flex}.news-header{flex-direction:column;align-items:flex-start}.news-hero-card{min-height:220px;padding:22px}.news-hero-content{max-width:100%}.news-hero-content h3{font-size:1.55rem}.news-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;height:auto}.news-card:nth-child(n){grid-area:auto/1/auto/-1;grid-template-rows:auto auto;min-height:0}.news-card-media,.news-card:nth-child(n+4) .news-card-media{aspect-ratio:16/7}}@media (width<=430px){.news-header h2{font-size:1.8rem}.news-search{min-height:46px}}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}