@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Poppins;src:url(/assets/Poppins-Thin-leD9T1nx.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ThinItalic-DeF98U39.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-LightItalic-CDXp65eX.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Italic-PjgN8SAi.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-MediumItalic-C6e40Oak.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBoldItalic-1z_hA9Cm.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBoldItalic-C9zKPiZo.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Black-yHqY0KRU.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--tr-bg-base: #FAFBFC;--tr-bg-paper: #FFFFFF;--tr-bg-tint: #F1F7FA;--tr-bg-app: linear-gradient(180deg, #FFFFFF 0%, #F4F8FB 100%);--tr-bg-radials: radial-gradient(at 0% 0%, rgba( 14, 116, 144, .07) 0px, transparent 55%), radial-gradient(at 100% 0%, rgba(125, 211, 252, .1) 0px, transparent 55%), radial-gradient(at 100% 100%, rgba(196, 181, 253, .1) 0px, transparent 55%), radial-gradient(at 0% 100%, rgba( 94, 234, 212, .08) 0px, transparent 55%);--tr-teal-200: #99f6e4;--tr-teal-300: #5eead4;--tr-teal-400: #2dd4bf;--tr-teal-500: #14b8a6;--tr-teal-600: #0d9488;--tr-teal-700: #0f766e;--tr-cyan-300: #67e8f9;--tr-cyan-400: #22d3ee;--tr-cyan-500: #06b6d4;--tr-cyan-600: #0891b2;--tr-aqua: #B0E2EA;--tr-emerald-400: #34d399;--tr-emerald-500: #10b981;--tr-sky-300: #7dd3fc;--tr-sky-500: #0ea5e9;--tr-violet-300: #c4b5fd;--tr-violet-400: #a78bfa;--tr-violet-500: #8b5cf6;--tr-violet-600: #7c3aed;--tr-pink: #F9A8D4;--tr-leaf-teal: #64C5C9;--tr-leaf-cyan: #05B4DD;--tr-leaf-blue: #0276B5;--tr-leaf-blue-deep: #0183C4;--tr-leaf-lavender: #9F90C9;--tr-trunk-navy: #001C3F;--tr-leaf-aqua: var(--tr-leaf-teal);--tr-leaf-purple: var(--tr-leaf-lavender);--tr-trunk-teal: var(--tr-trunk-navy);--tr-surface: #FFFFFF;--tr-surface-soft: #F6FAFC;--tr-surface-hover: #FFFFFF;--tr-border: #E5ECF1;--tr-border-hi: #CBD9E2;--tr-glass-blur: blur(8px);--tr-glass-blur-md: blur(6px);--tr-glass-base: rgba(255, 255, 255, .65);--tr-glass-mid: rgba(255, 255, 255, .82);--tr-glass-strong: rgba(255, 255, 255, .92);--tr-glass-border: rgba(15, 42, 54, .08);--tr-glass-border-hi: rgba(15, 42, 54, .14);--tr-glass-border-cta: rgba(27, 90, 126, .3);--tr-ink: #0F2A36;--tr-text: #0F2A36;--tr-text-100: #0F2A36;--tr-text-90: #1B3D4D;--tr-text-80: #2A4F5F;--tr-text-70: #4A6B7A;--tr-text-60: #6B8A98;--tr-text-50: #8FA6B2;--tr-text-accent: #0E7490;--tr-text-accent-hover: #155E75;--tr-success: var(--tr-emerald-400);--tr-warning: #F9A8D4;--tr-danger: #f87171;--tr-info: var(--tr-teal-300);--tr-grad-primary-dark: linear-gradient(90deg, #64C5C9 0%, #05B4DD 100%);--tr-grad-roadmap-dark: linear-gradient(90deg, #64C5C9 0%, #05B4DD 50%, #0276B5 100%);--tr-grad-headline-dark: linear-gradient(90deg, #64C5C9 0%, #05B4DD 50%, #0276B5 100%);--tr-grad-violet-dark: linear-gradient(90deg, #9F90C9 0%, #6E5DAA 100%);--tr-grad-backdrop-dark: linear-gradient(135deg, #001C3F 0%, #003A6B 50%, #0276B5 100%);--tr-grad-primary-light: linear-gradient(90deg, #001C3F 0%, #0276B5 100%);--tr-grad-roadmap-light: linear-gradient(90deg, #001C3F 0%, #0276B5 50%, #05B4DD 100%);--tr-grad-headline-light: linear-gradient(90deg, #001C3F 0%, #0276B5 50%, #05B4DD 100%);--tr-grad-violet-light: linear-gradient(90deg, #9F90C9 0%, #6E5DAA 100%);--tr-grad-backdrop-light: linear-gradient(180deg, #FFFFFF 0%, #F4F8FB 100%);--tr-grad-primary: var(--tr-grad-primary-light);--tr-grad-deep: linear-gradient(90deg, #0891b2 0%, #0e7490 100%);--tr-grad-roadmap: var(--tr-grad-roadmap-light);--tr-grad-blog-text: var(--tr-grad-headline-light);--tr-grad-hero-text: var(--tr-grad-headline-dark);--tr-grad-courses-text: var(--tr-grad-roadmap-light);--tr-grad-violet-cta: var(--tr-grad-violet-light);--tr-grad-card-teal: linear-gradient(135deg, rgba(45,212,191,.22) 0%, rgba(56,189,248,.22) 100%);--tr-grad-card-aqua: linear-gradient(135deg, rgba(125,211,252,.22) 0%, rgba(196,181,253,.22) 100%);--tr-grad-card-violet: linear-gradient(135deg, rgba(196,181,253,.22) 0%, rgba(125,211,252,.22) 100%);--tr-grad-page-soft: linear-gradient(135deg, rgba(56,189,248,.12) 0%, rgba(196,181,253,.1) 50%, rgba(45,212,191,.1) 100%);--tr-shadow-card: 0 25px 50px -12px rgba(0, 0, 0, .25);--tr-shadow-cta: 0 10px 25px -5px rgba( 6, 182, 212, .5);--tr-shadow-cyan: 0 10px 25px -5px rgba( 56, 189, 248, .45);--tr-shadow-violet: 0 10px 25px -5px rgba(139, 92, 246, .4);--tr-shadow-soft: 0 10px 30px -15px rgba(0, 0, 0, .3);--tr-shadow-up-glow: 0 -10px 30px -15px rgba(0, 0, 0, .3);--tr-radius-sm: 8px;--tr-radius-md: 12px;--tr-radius-lg: 16px;--tr-radius-xl: 24px;--tr-radius-2xl: 32px;--tr-radius-pill: 9999px;--tr-space-1: 4px;--tr-space-2: 8px;--tr-space-3: 12px;--tr-space-4: 16px;--tr-space-5: 20px;--tr-space-6: 24px;--tr-space-8: 32px;--tr-space-10: 40px;--tr-space-12: 48px;--tr-space-16: 64px;--tr-space-20: 80px;--tr-space-24: 96px;--tr-bp-sm: 640px;--tr-bp-md: 1024px;--tr-bp-lg: 1280px;--tr-space-section: 80px;--tr-space-section-md: 64px;--tr-space-section-sm: 48px;--tr-space-gutter: 48px;--tr-space-gutter-md: 32px;--tr-space-gutter-sm: 20px;--tr-touch-min: 44px;--tr-touch-comfy: 48px;--tr-fs-eyebrow-mobile: 13px;--tr-fs-h1-mobile: 32px;--tr-fs-h2-mobile: 28px;--tr-fs-h3-mobile: 20px;--tr-ease-base: cubic-bezier(.4, 0, .2, 1);--tr-ease-soft: cubic-bezier(.4, 0, .6, 1);--tr-dur-fast: .2s;--tr-dur-base: .3s;--tr-dur-slow: .5s;--tr-dur-pulse: 4s;--tr-dur-gradient: 15s;--tr-font-display: "Poppins", "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--tr-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tr-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--tr-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tr-fs-display: 72px;--tr-fs-h1: 48px;--tr-fs-h2: 36px;--tr-fs-h3: 24px;--tr-fs-h4: 20px;--tr-fs-lead: 20px;--tr-fs-body: 16px;--tr-fs-small: 14px;--tr-fs-xs: 12px;--tr-lh-tight: 1.1;--tr-lh-snug: 1.3;--tr-lh-normal: 1.6;--tr-fw-regular: 400;--tr-fw-medium: 500;--tr-fw-semibold: 600;--tr-fw-bold: 700;--tr-fw-extrabold: 800;--tr-tracking-tight: -.02em;--tr-tracking-wide: .07em}.tr-app{min-height:100vh;font-family:var(--tr-font-body);color:var(--tr-text-80);background-color:var(--tr-bg-base);background-image:var(--tr-bg-radials);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tr-app--animated{background:linear-gradient(180deg,#fff,#f4f8fb);background-size:100% 100%;position:relative}.tr-app--animated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(at 8% 0%,rgba(14,116,144,.06) 0px,transparent 55%),radial-gradient(at 92% 100%,rgba(196,181,253,.08) 0px,transparent 55%);pointer-events:none}@keyframes tr-gradient-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes tr-pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.tr-display{font-family:var(--tr-font-display);font-size:clamp(40px,6vw,var(--tr-fs-display));font-weight:var(--tr-fw-bold);line-height:var(--tr-lh-tight);letter-spacing:var(--tr-tracking-tight);color:var(--tr-text)}.tr-h1{font-family:var(--tr-font-display);font-size:clamp(32px,5vw,var(--tr-fs-h1));font-weight:var(--tr-fw-bold);line-height:var(--tr-lh-tight);color:var(--tr-text)}.tr-h2{font-family:var(--tr-font-display);font-size:var(--tr-fs-h2);font-weight:var(--tr-fw-bold);line-height:var(--tr-lh-snug);color:var(--tr-text)}.tr-h3{font-family:var(--tr-font-display);font-size:var(--tr-fs-h3);font-weight:var(--tr-fw-bold);line-height:var(--tr-lh-snug);color:var(--tr-text)}.tr-lead{font-family:var(--tr-font-body);font-size:var(--tr-fs-lead);line-height:var(--tr-lh-normal);color:var(--tr-text-80)}.tr-body{font-family:var(--tr-font-body);font-size:var(--tr-fs-body);line-height:var(--tr-lh-normal);color:var(--tr-text-80)}.tr-small{font-family:var(--tr-font-body);font-size:var(--tr-fs-small);line-height:var(--tr-lh-normal);color:var(--tr-text-70)}.tr-caption{font-family:var(--tr-font-body);font-size:var(--tr-fs-xs);line-height:var(--tr-lh-normal);color:var(--tr-text-60)}.tr-eyebrow{font-family:var(--tr-font-body);font-size:var(--tr-fs-xs);font-weight:var(--tr-fw-semibold);text-transform:uppercase;letter-spacing:var(--tr-tracking-wide);color:var(--tr-teal-300)}.tr-quote{font-family:var(--tr-font-body);font-style:italic;font-size:clamp(22px,3vw,30px);line-height:1.4;color:#fffffff2}.tr-glass{background:var(--tr-glass-base);-webkit-backdrop-filter:var(--tr-glass-blur);backdrop-filter:var(--tr-glass-blur);border:1px solid var(--tr-glass-border);box-shadow:var(--tr-shadow-card);border-radius:var(--tr-radius-xl)}.tr-glass-strong{background:var(--tr-glass-strong);-webkit-backdrop-filter:var(--tr-glass-blur);backdrop-filter:var(--tr-glass-blur);border:1px solid var(--tr-glass-border-cta)}.tr-grad-text{background:var(--tr-grad-blog-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tr-grad-text--brand{background:linear-gradient(90deg,#38bdf8,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--tr-radius-pill);font-family:var(--tr-font-body);font-weight:var(--tr-fw-semibold);font-size:var(--tr-fs-body);border:none;cursor:pointer;transition:transform var(--tr-dur-fast) var(--tr-ease-base),box-shadow var(--tr-dur-fast) var(--tr-ease-base),background var(--tr-dur-fast) var(--tr-ease-base)}.tr-btn--primary{background:var(--tr-grad-primary);color:var(--tr-text);box-shadow:var(--tr-shadow-card)}.tr-btn--primary:hover{transform:scale(1.02);box-shadow:var(--tr-shadow-cta)}.tr-btn--primary:active{transform:scale(.98)}.tr-btn--ghost{background:var(--tr-glass-base);color:var(--tr-text);border:1px solid var(--tr-glass-border)}.tr-btn--ghost:hover{background:var(--tr-glass-mid);border-color:var(--tr-glass-border-hi);transform:scale(1.02)}.tr-btn--ghost:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (pointer: coarse){:root{--tr-magnetic-enabled: 0}.tr-btn--primary:hover,.tr-btn--ghost:hover{transform:none;box-shadow:var(--tr-shadow-card)}.tr-no-touch-hover:hover{transform:none!important;box-shadow:inherit!important}}:root{--tr-magnetic-enabled: 1}@media (pointer: coarse){.tr-touch{min-width:var(--tr-touch-min);min-height:var(--tr-touch-min)}}@media (max-width: 639.98px){.tr-display{font-size:clamp(32px,8vw,44px);line-height:1.1}.tr-h1{font-size:var(--tr-fs-h1-mobile)}.tr-h2{font-size:var(--tr-fs-h2-mobile)}.tr-h3{font-size:var(--tr-fs-h3-mobile)}.tr-eyebrow{font-size:var(--tr-fs-eyebrow-mobile)}}.tr-section{padding-block:var(--tr-space-section);padding-inline:var(--tr-space-gutter)}@media (max-width: 1023.98px){.tr-section{padding-block:var(--tr-space-section-md);padding-inline:var(--tr-space-gutter-md)}}@media (max-width: 639.98px){.tr-section{padding-block:var(--tr-space-section-sm);padding-inline:var(--tr-space-gutter-sm)}}@media (max-width: 639.98px){.tr-btn{min-height:var(--tr-touch-comfy);padding:14px 24px;font-size:16px}.tr-btn--block-mobile{display:flex;width:100%}}@media (max-width: 639.98px){.tr-input,input.tr-input,textarea.tr-input,select.tr-input{min-height:var(--tr-touch-comfy);font-size:16px;padding:14px 16px;border-radius:var(--tr-radius-md)}}.tr-mnav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--tr-border)}.tr-mnav__logo{font-family:var(--tr-font-display);font-weight:700;color:var(--tr-text)}.tr-mnav__btn{width:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--tr-radius-md)}.tr-mnav__btn:active{background:var(--tr-bg-tint)}.tr-mnav__btn span,.tr-mnav__btn span:before,.tr-mnav__btn span:after{display:block;width:22px;height:2px;background:var(--tr-text);border-radius:2px;transition:transform .22s var(--tr-ease-base),opacity .22s;position:relative}.tr-mnav__btn span:before{content:"";position:absolute;top:-7px;left:0;right:0}.tr-mnav__btn span:after{content:"";position:absolute;top:7px;left:0;right:0}.tr-mnav__btn[aria-expanded=true] span{background:transparent}.tr-mnav__btn[aria-expanded=true] span:before{transform:translateY(7px) rotate(45deg)}.tr-mnav__btn[aria-expanded=true] span:after{transform:translateY(-7px) rotate(-45deg)}.tr-mdrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.tr-mdrawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2a3666;opacity:0;transition:opacity .22s var(--tr-ease-base)}.tr-mdrawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--tr-surface);box-shadow:var(--tr-shadow-card);transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding:24px 20px 32px}.tr-mdrawer[data-open=true]{pointer-events:auto}.tr-mdrawer[data-open=true] .tr-mdrawer__scrim{opacity:1}.tr-mdrawer[data-open=true] .tr-mdrawer__panel{transform:translate(0)}.tr-mdrawer__link{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;min-height:48px;border-radius:var(--tr-radius-md);font-family:var(--tr-font-display);font-weight:500;font-size:17px;color:var(--tr-text);text-decoration:none}.tr-mdrawer__link:active{background:var(--tr-bg-tint)}.tr-msheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.tr-msheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2a3673;opacity:0;transition:opacity .24s var(--tr-ease-base)}.tr-msheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;background:var(--tr-surface);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -20px 60px -20px #0f2a364d;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding:8px 20px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.tr-msheet[data-open=true]{pointer-events:auto}.tr-msheet[data-open=true] .tr-msheet__scrim{opacity:1}.tr-msheet[data-open=true] .tr-msheet__panel{transform:translateY(0)}.tr-msheet__handle{width:36px;height:4px;border-radius:2px;background:var(--tr-border-hi);margin:8px auto 16px}.tr-msheet__title{font-family:var(--tr-font-display);font-weight:600;font-size:18px;margin:0 0 12px;color:var(--tr-text)}.tr-mctabar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--tr-border);z-index:20}.tr-mctabar__price{display:flex;flex-direction:column;min-width:0}.tr-mctabar__price strong{font-family:var(--tr-font-display);font-weight:700;font-size:18px;color:var(--tr-text)}.tr-mctabar__price span{font-size:12px;color:var(--tr-text-60)}.tr-mctabar .tr-btn{margin-left:auto;min-height:var(--tr-touch-comfy)}.tr-mstack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:4px 20px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tr-mstack::-webkit-scrollbar{display:none}.tr-mstack>*{flex:0 0 86%;max-width:320px;scroll-snap-align:start}.tr-mfield{position:relative;display:block;margin-bottom:14px}.tr-mfield input,.tr-mfield textarea{display:block;width:100%;box-sizing:border-box;min-height:56px;padding:22px 16px 8px;font-size:16px;font-family:var(--tr-font-body);color:var(--tr-text);background:var(--tr-surface);border:1px solid var(--tr-border-hi);border-radius:var(--tr-radius-md);outline:none;transition:border-color .16s var(--tr-ease-base),box-shadow .16s var(--tr-ease-base)}.tr-mfield input:focus,.tr-mfield textarea:focus{border-color:var(--tr-cyan-500);box-shadow:0 0 0 3px #06b6d42e}.tr-mfield>.tr-mfield__label{position:absolute;left:16px;top:18px;font-size:16px;color:var(--tr-text-60);pointer-events:none;transition:transform .16s var(--tr-ease-base),font-size .16s var(--tr-ease-base),color .16s;transform-origin:0 0;background:transparent}.tr-mfield input:focus+.tr-mfield__label,.tr-mfield input:not(:placeholder-shown)+.tr-mfield__label,.tr-mfield textarea:focus+.tr-mfield__label,.tr-mfield textarea:not(:placeholder-shown)+.tr-mfield__label{transform:translateY(-10px) scale(.78);color:var(--tr-text-accent)}.tr-container{width:100%;margin-inline:auto;padding-inline:var(--tr-space-gutter-sm);max-width:1200px}@media (min-width: 640px){.tr-container{padding-inline:var(--tr-space-gutter-md)}}@media (min-width: 1024px){.tr-container{padding-inline:var(--tr-space-gutter)}}:root{--panel-border: rgba(0, 0, 0, .08);--text-primary: var(--tr-text-100);--text-secondary: var(--tr-text-60);--accent: var(--tr-teal-600);--hover-bg: rgba(20, 184, 166, .08);--active-bg: rgba(20, 184, 166, .15);--active-border: var(--tr-teal-300)}*{box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;margin:0;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);min-height:100vh}.window{width:min(1400px,calc(100vw - 48px));height:min(900px,calc(100vh - 48px));overflow:hidden;display:grid;grid-template-columns:300px 1fr;grid-template-rows:52px 1fr;transition:all .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.titlebar{grid-column:1 / -1;grid-row:1;background:#ffffff08;border-bottom:1px solid var(--panel-border);display:flex;align-items:center;padding:0 16px;gap:16px}.traffic{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 4px #0003}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.title{font-weight:500;font-size:14px;letter-spacing:.02em;color:var(--text-secondary)}.sidebar{grid-column:1;grid-row:2;border-right:1px solid var(--panel-border);background:transparent;padding:20px 16px;overflow-y:auto}.sidebar-brand{display:block;margin-bottom:24px;padding:0 8px;text-decoration:none}.sidebar-logo{width:100%;max-width:240px;height:auto;display:block;transition:opacity .2s ease}.sidebar-brand:hover .sidebar-logo{opacity:.85}.sidebar h3{margin:0 0 12px;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding-left:8px}ul.tree{list-style:none;padding-left:0;margin:0}.tree ul.tree{padding-left:20px;margin-top:4px;border-left:1px solid var(--panel-border)}li{margin:2px 0}details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}details>summary::-webkit-details-marker{display:none}details>summary:hover{background:var(--hover-bg);color:var(--text-primary)}.file{display:flex;align-items:center;border-radius:8px;transition:all .2s;margin-bottom:2px}.file a{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;min-width:0;color:var(--text-secondary);font-size:14px;text-decoration:none;font-weight:500;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file a>.icon{flex-shrink:0}.file:hover a{background:var(--hover-bg);color:var(--text-primary)}.file.active a{background:var(--active-bg);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.icon{width:18px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;opacity:.9}.preview-pane{grid-column:2;grid-row:2;display:flex;flex-direction:column;background:var(--tr-bg-tint);position:relative;overflow:hidden}.preview-header{height:48px;padding:0 20px;display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--panel-border);background:transparent;z-index:10}.preview-header.active-header{color:var(--text-primary)}#preview-frame{flex:1;width:100%;height:100%;border:none;background:transparent;opacity:0;transition:opacity .4s ease;z-index:5}#preview-frame.loaded{opacity:1;background:#fff}.preview-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none;transition:opacity .3s ease;z-index:1}#preview-frame.loaded+.preview-empty{opacity:0}.preview-empty svg{width:48px;height:48px;opacity:.3}