@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#fafafa;--bg-card:#fffc;--bg-dropzone:#fafafe;--bg-dropzone-hover:#f0f0ff;--bg-dropzone-active:#eef;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--text-inverse:#fff;--accent:#0071e3;--accent-hover:#0077ed;--accent-light:#0071e314;--accent-gradient:linear-gradient(135deg, #0071e3, #42a1ec);--success:#34c759;--success-bg:#34c75914;--error:#ff3b30;--error-bg:#ff3b3014;--warning:#ff9500;--border-color:#0000000f;--border-color-strong:#0000001f;--border-dropzone:#0071e340;--border-dropzone-active:#0071e399;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001a;--shadow-dropzone:0 0 0 4px #0071e31f;--shadow-button:0 1px 3px #0071e333;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--max-width:1080px;--header-height:52px;--glass-bg:#ffffffb8;--glass-blur:blur(20px);--glass-border:#ffffff80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.5;overflow-x:hidden}.header{height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:.5px solid var(--border-color);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;display:flex}.header-logo{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--space-sm);font-size:15px;font-weight:600;text-decoration:none;display:flex}.header-logo svg{width:20px;height:20px}.header-nav{align-items:center;display:flex}.header-nav-list{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.header-nav a{min-height:32px;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth);align-items:center;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.header-nav a:hover,.header-nav a.active{color:var(--text-primary)}.header-nav a.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.locale-switcher{position:relative}.lang-switch{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth);border:none;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.lang-switch:hover{background:var(--border-color-strong);color:var(--text-primary)}.lang-chevron{width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-spring)}.lang-chevron.open{transform:rotate(180deg)}.locale-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:200;animation:fadeIn var(--duration-fast) var(--ease-out) forwards;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.locale-option{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-smooth);background:0 0;border:none;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.locale-option svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.locale-option:hover,.locale-option.active{background:var(--accent-light)}.header-menu-toggle{background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:background var(--duration-fast) var(--ease-smooth);border:none;flex-direction:column;justify-content:center;gap:4px;padding:0 9px;display:none}.header-menu-toggle:hover{background:var(--border-color-strong)}.header-menu-toggle span{background:var(--text-primary);width:100%;height:2px;transition:transform var(--duration-fast) var(--ease-spring), opacity var(--duration-fast) var(--ease-smooth);border-radius:2px;display:block}.header-menu-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.header-menu-toggle.open span:nth-child(2){opacity:0}.header-menu-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.header-mobile-menu{padding:var(--space-sm) var(--space-lg) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:.5px solid var(--border-color);animation:fadeIn var(--duration-fast) var(--ease-out) forwards;flex-direction:column;gap:2px;display:none}.header-mobile-menu.open{display:flex}.header-mobile-menu a{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:color var(--duration-fast) var(--ease-smooth);padding:14px 4px;font-size:15px;font-weight:500;text-decoration:none}.header-mobile-menu a:last-child{border-bottom:none}.header-mobile-menu a.active{color:var(--accent)}.main{padding-top:calc(var(--header-height) + var(--space-3xl));min-height:100vh}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.hero{text-align:center;padding:var(--space-xl) 0 var(--space-3xl)}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-sm);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.hero-title-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:var(--space-md) auto 0;font-size:clamp(16px,2vw,19px);font-weight:400;line-height:1.6}.dropzone-wrapper{max-width:680px;margin:0 auto var(--space-2xl)}.dropzone{border:2px dashed var(--border-dropzone);border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-xl);background:var(--bg-dropzone);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);text-align:center;position:relative;overflow:hidden}.dropzone:before{content:"";border-radius:var(--radius-xl);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);background:radial-gradient(circle,#0071e308 0%,#0000 70%);position:absolute;inset:0}.dropzone:hover{border-color:var(--border-dropzone-active);background:var(--bg-dropzone-hover);box-shadow:var(--shadow-dropzone);transform:scale(1.005)}.dropzone:hover:before{opacity:1}.dropzone.drag-active{border-color:var(--accent);background:var(--bg-dropzone-active);box-shadow:var(--shadow-dropzone), var(--shadow-md);transform:scale(1.02)}.dropzone-icon{width:56px;height:56px;margin:0 auto var(--space-lg);background:var(--accent-light);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{transform:translateY(-4px)scale(1.08)}.dropzone.drag-active .dropzone-icon{background:var(--accent);transform:translateY(-6px)scale(1.12)}.dropzone.drag-active .dropzone-icon svg{color:#fff}.dropzone-icon svg{width:28px;height:28px;color:var(--accent);transition:color var(--duration-fast) var(--ease-smooth)}.dropzone-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:17px;font-weight:600}.dropzone-subtitle{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px}.dropzone-hint{color:var(--text-tertiary);font-size:12px}.dropzone input[type=file]{display:none}.controls-bar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.control-group{align-items:center;gap:var(--space-sm);display:flex}.control-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.control-select{appearance:none;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:6px 32px 6px 12px;font-size:13px;font-weight:500}.control-select:hover{border-color:var(--accent)}.control-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.control-hint{width:100%;color:var(--text-tertiary);flex-basis:100%;max-width:460px;margin:2px 0 0;font-size:12px;line-height:1.45}.control-hint:before{content:"💡"}.quality-slider{appearance:none;background:var(--border-color-strong);width:120px;height:4px;transition:background var(--duration-fast) var(--ease-smooth);border-radius:2px;outline:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-button);transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%}.quality-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.quality-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.quality-value{color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-size:13px;font-weight:600}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);align-items:center;gap:var(--space-sm);white-space:nowrap;border:none;padding:8px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0071e34d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--accent);border:1px solid var(--border-color-strong)}.btn-secondary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);padding:6px}.file-list{background:var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.file-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-primary);transition:background var(--duration-fast) var(--ease-smooth);grid-template-columns:40px 1fr auto auto;display:grid}.file-item:hover{background:var(--bg-tertiary)}.file-thumbnail{border-radius:var(--radius-sm);background:var(--bg-secondary);justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.file-thumbnail img{object-fit:cover;width:100%;height:100%}.file-thumbnail svg{width:20px;height:20px;color:var(--text-tertiary)}.file-info{min-width:0}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.file-size{color:var(--text-tertiary);margin-top:2px;font-size:12px}.file-status{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:500}.file-status.pending{background:var(--bg-secondary);color:var(--text-tertiary)}.file-status.converting{background:var(--accent-light);color:var(--accent)}.file-status.done{background:var(--success-bg);color:var(--success)}.file-status.error{background:var(--error-bg);color:var(--error)}.file-actions{gap:var(--space-sm);display:flex}.file-progress-bar{background:var(--bg-secondary);border-radius:1px;grid-column:1/-1;height:2px;margin-top:-8px;overflow:hidden}.file-progress-fill{background:var(--accent-gradient);height:100%;transition:width var(--duration-normal) var(--ease-smooth);border-radius:1px;position:relative}.file-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.action-bar{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);display:flex}.features{padding:var(--space-3xl) 0}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-xl) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-normal) var(--ease-spring)}.feature-card:hover{box-shadow:var(--shadow-lg);background:var(--bg-primary);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--accent-light);border-radius:var(--radius-md);transition:transform var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon svg{width:24px;height:24px;color:var(--accent)}.feature-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.content-section{padding:var(--space-3xl) 0;border-top:1px solid var(--border-color)}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-xl);font-size:clamp(24px,3vw,32px);font-weight:700}.steps{gap:var(--space-xl);flex-direction:column;display:flex}.step{gap:var(--space-lg);align-items:flex-start;display:flex}.step-number{background:var(--accent-gradient);border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.step-content{flex:1}.step-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:17px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:15px;line-height:1.65}.why-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.why-card{padding:var(--space-xl);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth)}.why-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.why-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:16px;font-weight:600}.why-desc{color:var(--text-secondary);font-size:14px;line-height:1.65}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--border-color)}.faq-question{width:100%;padding:var(--space-lg) 0;cursor:pointer;font-family:var(--font-sans);color:var(--text-primary);text-align:left;transition:color var(--duration-fast) var(--ease-smooth);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;display:flex}.faq-question:hover{color:var(--accent)}.faq-chevron{width:20px;height:20px;color:var(--text-tertiary);transition:transform var(--duration-normal) var(--ease-spring);margin-left:var(--space-md);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer-wrapper{transition:grid-template-rows var(--duration-normal) var(--ease-smooth);grid-template-rows:0fr;display:grid}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden}.faq-answer p{padding-bottom:var(--space-lg);color:var(--text-secondary);font-size:15px;line-height:1.7}.footer{border-top:1px solid var(--border-color);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-3xl);margin-bottom:var(--space-2xl);display:flex}.footer-brand{max-width:300px}.footer-brand-name{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:15px;font-weight:600}.footer-brand-desc{color:var(--text-tertiary);font-size:13px;line-height:1.6}.footer-links-section h4{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:12px;font-weight:600}.footer-links{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--text-tertiary);font-size:12px}.coffee-btn{color:var(--accent);background:var(--accent-light);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-smooth);align-items:center;gap:var(--space-xs);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.coffee-btn:hover{background:var(--accent);color:var(--text-inverse)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.check-bounce{animation:checkBounce var(--duration-normal) var(--ease-spring) forwards}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button,a[role=button],[role=button],input,select,.dropzone{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.btn,.lang-switch,.locale-option,.header-menu-toggle,.faq-question,.coffee-btn{-webkit-user-select:none;user-select:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (hover:none){.btn,.control-select{min-height:44px}.quality-slider{height:28px}.header-nav a{min-height:44px}.header-menu-toggle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.header-nav{display:none}.header-menu-toggle{display:flex}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.dropzone{padding:var(--space-3xl) var(--space-lg)}.controls-bar{align-items:stretch;gap:var(--space-sm);flex-direction:column}.control-group{justify-content:space-between}.features-grid,.why-grid{grid-template-columns:1fr}.file-item{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);grid-template-columns:36px 1fr auto}.file-status{display:none}.footer-inner{gap:var(--space-xl);flex-direction:column}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}}@media (max-width:480px){.hero{padding:var(--space-md) 0 var(--space-xl)}.dropzone{padding:var(--space-2xl) var(--space-md)}.action-bar{flex-direction:column}.action-bar .btn{justify-content:center;width:100%}}.toast-stack{right:var(--space-lg,24px);bottom:var(--space-lg,24px);gap:var(--space-sm,12px);z-index:1000;pointer-events:none;flex-direction:column;max-width:min(360px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--radius-md,10px);color:var(--text-primary,#1a1a2e);border:1px solid var(--border-color-strong,#e3e3e8);border-left:4px solid var(--accent,#6d5efc);animation:toastIn var(--duration-fast,.18s) var(--ease-smooth,ease);background:#fff;padding:12px 16px;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #00000024}.toast-success{border-left-color:#16a34a}.toast-error{border-left-color:#dc2626}.toast-info{border-left-color:var(--accent,#6d5efc)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.file-error{color:#dc2626;max-width:280px;margin-top:4px;font-size:12px;line-height:1.4}.dropzone-privacy{margin-top:var(--space-sm,12px);color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.guide{max-width:760px}.guide-h1{letter-spacing:-.02em;margin:0 0 var(--space-md,16px);color:var(--text-primary,#1a1a2e);font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.15}.guide-intro{color:var(--text-secondary,#4b5563);margin:0 0 var(--space-lg,24px);font-size:17px;line-height:1.65}.guide .dropzone{margin:var(--space-lg,24px) 0}.guide-body,.guide-section{margin-top:var(--space-lg,24px)}.guide-section h2{margin:0 0 var(--space-sm,12px);color:var(--text-primary,#1a1a2e);font-size:22px;font-weight:700;line-height:1.3}.guide-section p,.guide-conclusion{color:var(--text-secondary,#4b5563);margin:0;font-size:16px;line-height:1.7}.guide-conclusion{margin-top:var(--space-lg,24px);padding-top:var(--space-md,16px);border-top:1px solid var(--border-color-strong,#e3e3e8);color:var(--text-primary,#1a1a2e);font-weight:500}.guide-body a{color:var(--accent,#6d5efc);text-underline-offset:3px;transition:text-decoration-thickness var(--duration-fast,.18s) var(--ease-smooth,ease);font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.guide-body a:hover{text-decoration-thickness:2.5px}.guide-related{margin-top:var(--space-xl,40px);padding:var(--space-lg,24px);background:var(--bg-secondary,#f5f5f8);border-radius:var(--radius-lg,16px)}.guide-related-title{margin:0 0 var(--space-sm,12px);color:var(--text-primary,#1a1a2e);font-size:18px;font-weight:700}.guide-related-list{gap:var(--space-sm,12px) var(--space-lg,24px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-related-list a{background:var(--bg-primary,#fff);border:1px solid var(--border-color-strong,#e3e3e8);color:var(--text-primary,#1a1a2e);transition:border-color var(--duration-fast,.18s) var(--ease-smooth,ease), background var(--duration-fast,.18s) var(--ease-smooth,ease), color var(--duration-fast,.18s) var(--ease-smooth,ease), transform var(--duration-fast,.18s) var(--ease-smooth,ease);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.guide-related-list a:before{content:"→";color:var(--accent,#6d5efc);font-weight:700}.guide-related-list a:hover{border-color:var(--accent,#6d5efc);background:var(--accent-soft,#f0eeff);color:var(--accent,#6d5efc);text-decoration:none;transform:translateY(-1px)}.guide-links{margin-top:var(--space-xl,40px)}.guide-links-grid{gap:var(--space-md,16px);margin-top:var(--space-md,16px);grid-template-columns:repeat(3,1fr);display:grid}.guide-link-card{padding:var(--space-lg,24px);background:var(--bg-secondary,#f5f5f8);border:1px solid var(--border-color-strong,#e3e3e8);border-radius:var(--radius-lg,16px);color:inherit;transition:transform var(--duration-fast,.18s) var(--ease-smooth,ease), box-shadow var(--duration-fast,.18s) var(--ease-smooth,ease), border-color var(--duration-fast,.18s) var(--ease-smooth,ease);text-decoration:none;display:block;position:relative}.guide-link-card:hover{border-color:var(--accent,#6d5efc);transform:translateY(-2px);box-shadow:0 10px 24px #6d5efc1f}.guide-link-title{margin:0 0 var(--space-xs,6px);color:var(--text-primary,#1a1a2e);font-size:17px;font-weight:700}.guide-link-desc{color:var(--text-secondary,#4b5563);margin:0;font-size:14px;line-height:1.55}.guide-link-arrow{right:var(--space-lg,24px);bottom:var(--space-md,16px);background:var(--bg-primary,#fff);border:1px solid var(--border-color-strong,#e3e3e8);width:34px;height:34px;color:var(--accent,#6d5efc);transition:background var(--duration-fast,.18s) var(--ease-smooth,ease), color var(--duration-fast,.18s) var(--ease-smooth,ease), border-color var(--duration-fast,.18s) var(--ease-smooth,ease);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.guide-link-card:hover .guide-link-arrow{background:var(--accent,#6d5efc);border-color:var(--accent,#6d5efc);color:#fff}.guide-link-card:hover .guide-link-title{color:var(--accent,#6d5efc)}@media (max-width:768px){.guide-links-grid{grid-template-columns:1fr}}