@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-12: 72px;--space-16: 96px;--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--max-width: 1120px;--content-width: 720px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-display: var(--font-sans);--font-body: var(--font-sans);--badge-industry-bg: rgba(255, 255, 255, .08);--badge-industry-color: #999}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #141414;--bg-card-hover: #1a1a1a;--bg-elevated: #1c1c1c;--bg-input: #181818;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-hover: rgba(255, 255, 255, .2);--text-primary: #e5e5e5;--text-heading: #ffffff;--text-muted: #737373;--text-faint: #525252;--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-subtle: rgba(139, 92, 246, .12);--accent-border: rgba(139, 92, 246, .3);--success: #22c55e;--success-subtle: rgba(34, 197, 94, .12);--error: #ef4444;--error-subtle: rgba(239, 68, 68, .12);--overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(139, 92, 246, .15);--badge-industry-bg: rgba(255, 255, 255, .07);--badge-industry-color: #888}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-elevated: #ffffff;--bg-input: #f3f3f3;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-hover: rgba(0, 0, 0, .18);--text-primary: #2c2c2c;--text-heading: #0a0a0a;--text-muted: #737373;--text-faint: #a1a1a1;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-subtle: rgba(124, 58, 237, .08);--accent-border: rgba(124, 58, 237, .25);--success: #16a34a;--success-subtle: rgba(22, 163, 74, .1);--error: #dc2626;--error-subtle: rgba(220, 38, 38, .1);--overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(124, 58, 237, .08);--badge-industry-bg: rgba(0, 0, 0, .05);--badge-industry-color: #666}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong, var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.header{padding:var(--space-16, 96px) var(--space-6, 24px) var(--space-10, 56px);text-align:center;position:relative}.header-inner{max-width:var(--max-width);margin:0 auto;animation:fadeInUp .6s var(--ease-out)}.header-top-actions{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-6, 24px);background:var(--bg-primary);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.header-nav{display:flex;align-items:center;gap:var(--space-1, 4px);margin-right:auto}.header-nav-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm, .875rem);font-weight:500;padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.header-nav-link:hover{color:var(--text-heading);background:var(--accent-subtle, rgba(139, 92, 246, .08))}.header-brand-link{color:var(--text-heading);text-decoration:none;font-weight:800;font-size:var(--text-sm, .875rem);letter-spacing:-.03em;padding:var(--space-2, 8px) var(--space-3, 12px) var(--space-2, 8px) 0;margin-right:var(--space-2, 8px)}.header-title{font-size:var(--text-5xl, 3.25rem);font-weight:900;color:var(--text-heading);letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-5, 20px)}.header-title-accent{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-tagline{color:var(--text-muted);font-size:var(--text-lg, 1.125rem);margin-bottom:var(--space-7, 32px);max-width:540px;margin-left:auto;margin-right:auto;line-height:1.6}.header-stat{color:var(--text-faint, var(--text-muted));font-size:var(--text-sm, .875rem);margin-bottom:var(--space-4, 16px);font-weight:500}.header-stat-number{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.header-quick-links{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, .875rem);padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);transition:border-color var(--duration-fast) var(--ease-out)}.header-quick-links:hover{border-color:var(--accent-border, var(--border-hover))}.header-quick-label{color:var(--text-muted)}.header-quick-link{color:var(--accent);font-weight:600;transition:opacity var(--duration-fast)}.header-quick-link:hover{opacity:.8}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-base, 1rem);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.theme-toggle:hover{border-color:var(--accent-border, var(--accent));transform:scale(1.05)}.header-user-area{display:flex;align-items:center;position:relative}.header-login-btn{padding:var(--space-2, 8px) var(--space-5, 20px);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.header-login-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.header-profile-btn{display:flex;align-items:center;gap:var(--space-2, 8px);padding:3px var(--space-3, 12px) 3px 3px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out)}.header-profile-btn:hover{border-color:var(--accent-border, var(--accent))}.header-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs, .75rem);font-weight:700;overflow:hidden}.header-avatar-img{width:100%;height:100%;object-fit:cover}.header-username{font-size:var(--text-sm, .875rem);font-weight:500}.header-chevron{font-size:.55rem;color:var(--text-faint, var(--text-muted));margin-left:2px}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:slideDown var(--duration-normal, .25s) var(--ease-out)}.header-dropdown-item{display:block;width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm, .875rem);text-align:left;cursor:pointer;text-decoration:none;transition:background var(--duration-fast)}.header-dropdown-item:hover{background:var(--accent-subtle, var(--bg-input))}.header-dropdown-signout{color:var(--error, #ef4444);border-top:1px solid var(--border)}.header-dropdown-signout:hover{background:var(--error-subtle, rgba(239, 68, 68, .08))}@media(max-width:768px){.header{padding:var(--space-12, 72px) var(--space-4, 16px) var(--space-8, 40px)}.header-title{font-size:var(--text-3xl, 2rem)}.header-tagline{font-size:var(--text-base, 1rem)}.header-top-actions{padding:var(--space-3, 12px) var(--space-4, 16px)}.header-nav-link{font-size:var(--text-xs, .75rem);padding:var(--space-1, 4px) var(--space-2, 8px)}.header-username,.header-chevron{display:none}.header-quick-links{font-size:var(--text-xs, .75rem)}}@media(max-width:480px){.header-title{font-size:clamp(1.75rem,8vw,2.5rem)}.header-nav{gap:0}}.search-bar{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.search-input{width:100%;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius));color:var(--text-primary);font-size:var(--text-base, 1rem);outline:none;transition:border-color var(--duration-fast, .15s) var(--ease-out),box-shadow var(--duration-fast, .15s) var(--ease-out)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .1))}.search-input::placeholder{color:var(--text-faint, var(--text-muted))}.filter-group{display:flex;align-items:center;gap:var(--space-3, 12px)}.filter-label{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--text-faint, var(--text-muted));text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;min-width:56px}.category-filters{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.category-btn{padding:var(--space-1, 4px) var(--space-4, 16px);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full, 9999px);color:var(--text-muted);font-size:var(--text-xs, .75rem);font-weight:500;cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease-out)}.category-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.prompt-form-wrapper{width:100%}.add-prompt-btn{width:100%;padding:var(--space-4, 16px);background:transparent;border:2px dashed var(--border);border-radius:var(--radius-lg, var(--radius));color:var(--text-muted);font-size:var(--text-base, 1rem);font-weight:600;cursor:pointer;transition:all var(--duration-normal, .25s) var(--ease-out)}.add-prompt-btn:hover{border-color:var(--accent-border, var(--accent));color:var(--accent);background:var(--accent-subtle, rgba(139, 92, 246, .05))}.prompt-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius));padding:var(--space-7, 32px);display:flex;flex-direction:column;gap:var(--space-5, 20px);animation:fadeInUp var(--duration-normal, .25s) var(--ease-out)}.form-title{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.form-group{display:flex;flex-direction:column;gap:var(--space-2, 8px);flex:1}.form-group label{font-size:var(--text-sm, .875rem);color:var(--text-muted);font-weight:600}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm, .875rem);outline:none;transition:border-color var(--duration-fast, .15s) var(--ease-out),box-shadow var(--duration-fast, .15s) var(--ease-out);resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .1))}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint, #555)}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-input);color:var(--text-primary)}.custom-industry-input{margin-top:var(--space-2, 8px)}.form-row{display:flex;gap:var(--space-4, 16px)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);padding-top:var(--space-2, 8px)}.cancel-btn{padding:var(--space-3, 12px) var(--space-5, 20px);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease-out)}.cancel-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.submit-btn{padding:var(--space-3, 12px) var(--space-6, 24px);background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast, .15s) var(--ease-out),transform var(--duration-fast, .15s) var(--ease-out)}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}@media(max-width:600px){.prompt-form{padding:var(--space-5, 20px)}.form-row{flex-direction:column}}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius));padding:var(--space-6, 24px);display:flex;flex-direction:column;gap:var(--space-4, 16px);transition:border-color var(--duration-normal, .25s) var(--ease-out),transform var(--duration-normal, .25s) var(--ease-out),box-shadow var(--duration-normal, .25s) var(--ease-out);cursor:pointer;will-change:transform}.prompt-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .1))}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3, 12px)}.prompt-card-title{font-size:var(--text-base, 1rem);font-weight:700;color:var(--text-heading);line-height:1.3;letter-spacing:-.02em}.prompt-badges{display:flex;gap:var(--space-2, 8px);flex-shrink:0}.prompt-badge{font-size:var(--text-xs, .75rem);font-weight:600;padding:3px var(--space-3, 12px);border-radius:var(--radius-full, 9999px);white-space:nowrap;letter-spacing:.01em}.badge-industry{background:var(--badge-industry-bg);color:var(--badge-industry-color)}.prompt-card-text{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.65;white-space:pre-wrap;word-break:break-word;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prompt-card-stats{display:flex;align-items:center;gap:var(--space-2, 8px)}.stat-pill{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px);font-size:var(--text-xs, .75rem);color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);transition:all var(--duration-fast, .15s) var(--ease-out);cursor:default;line-height:1}button.stat-pill{cursor:pointer}button.stat-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.stat-pill.stat-liked{color:var(--error, #ef4444);border-color:#ef44444d;background:var(--error-subtle, rgba(239, 68, 68, .08))}.stat-passive{cursor:default}.prompt-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3, 12px);border-top:1px solid var(--border)}.prompt-card-author{color:var(--text-faint, var(--text-muted));font-size:var(--text-xs, .75rem);font-weight:500}.copy-btn{padding:var(--space-2, 8px) var(--space-5, 20px);background:var(--accent);border:none;border-radius:var(--radius-full, 9999px);color:#fff;font-size:var(--text-xs, .75rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast, .15s) var(--ease-out),transform var(--duration-fast, .15s) var(--ease-out);margin-left:auto;letter-spacing:.02em}.copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.copy-btn.copied{background:var(--success)}.prompt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5, 20px)}.gallery-empty{text-align:center;padding:var(--space-12, 72px) var(--space-6, 24px);color:var(--text-muted);font-size:var(--text-base, 1rem);line-height:1.6}@media(max-width:768px){.prompt-gallery{grid-template-columns:1fr;gap:var(--space-4, 16px)}}.modal-overlay{position:fixed;inset:0;background:var(--overlay, rgba(0, 0, 0, .7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6, 24px);animation:fadeIn var(--duration-normal, .25s) var(--ease-out)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl, var(--radius));padding:var(--space-8, 40px);max-width:660px;width:100%;max-height:85vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:var(--space-5, 20px);animation:scaleIn var(--duration-slow, .4s) var(--ease-out);box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:var(--space-4, 16px);right:var(--space-4, 16px);background:none;border:none;color:var(--text-faint, var(--text-muted));font-size:1.5rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 50%);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.modal-close:hover{background:var(--accent-subtle, var(--bg-input));color:var(--text-primary)}.modal-header{display:flex;align-items:center;gap:var(--space-3, 12px);padding-right:var(--space-8, 40px)}.modal-title{font-size:var(--text-2xl, 1.5rem);font-weight:800;color:var(--text-heading);line-height:1.25;letter-spacing:-.03em}.modal-body{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5, 20px)}.modal-prompt-text{color:var(--text-primary);font-size:var(--text-sm, .875rem);line-height:1.8;white-space:pre-wrap;word-break:break-word}.modal-meta{display:flex;align-items:center;gap:var(--space-4, 16px);color:var(--text-muted);font-size:var(--text-sm, .875rem)}.modal-author{font-weight:500}.modal-actions{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4, 16px);border-top:1px solid var(--border)}.modal-like-btn{display:flex;align-items:center;gap:var(--space-2, 8px);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full, 9999px);padding:var(--space-2, 8px) var(--space-4, 16px);color:var(--text-muted);font-size:var(--text-sm, .875rem);cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease-out)}.modal-like-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.modal-like-btn.liked{border-color:#ef44444d;color:var(--error, #ef4444);background:var(--error-subtle, rgba(239, 68, 68, .08))}.like-count{font-weight:600}.modal-copy-area{display:flex;align-items:center;gap:var(--space-3, 12px)}.copy-count{color:var(--text-faint, var(--text-muted));font-size:var(--text-sm, .875rem)}.modal-copy-btn{padding:var(--space-3, 12px) var(--space-6, 24px);background:var(--accent);border:none;border-radius:var(--radius-full, 9999px);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast, .15s) var(--ease-out),transform var(--duration-fast, .15s) var(--ease-out)}.modal-copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.modal-copy-btn.copied{background:var(--success)}.modal-comments{padding-top:var(--space-5, 20px);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4, 16px)}.modal-comments-header{font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.02em}.modal-comment-form{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.modal-comment-input{padding:var(--space-3, 12px) var(--space-4, 16px);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm, .875rem);line-height:1.5;resize:vertical;min-height:72px;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.modal-comment-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .1))}.modal-comment-input::placeholder{color:var(--text-faint, var(--text-muted))}.modal-comment-submit{align-self:flex-end;padding:var(--space-2, 8px) var(--space-5, 20px);background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.modal-comment-submit:hover:not(:disabled){background:var(--accent-hover)}.modal-comment-submit:disabled{opacity:.5;cursor:not-allowed}.modal-comment-signin{background:none;border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-4, 16px);color:var(--accent);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.modal-comment-signin:hover{border-color:var(--accent-border, var(--accent));background:var(--accent-subtle, rgba(139, 92, 246, .05))}.modal-comments-loading,.modal-comments-empty{color:var(--text-faint, var(--text-muted));font-size:var(--text-sm, .875rem);text-align:center;padding:var(--space-4, 16px) 0}.modal-comment-list{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.modal-comment{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-2, 8px)}.modal-comment-top{display:flex;align-items:center;gap:var(--space-2, 8px)}.modal-comment-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs, .75rem);font-weight:700;flex-shrink:0}.modal-comment-author{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-heading)}.modal-comment-date{font-size:var(--text-xs, .75rem);color:var(--text-faint, var(--text-muted));margin-left:auto}.modal-comment-delete{background:none;border:none;color:var(--text-faint, var(--text-muted));font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1;border-radius:var(--radius-xs, 4px);transition:color var(--duration-fast) var(--ease-out);margin-left:4px}.modal-comment-delete:hover{color:var(--error, #ef4444)}.modal-comment-text{font-size:var(--text-sm, .875rem);line-height:1.6;color:var(--text-primary);margin:0;word-break:break-word}@media(max-width:600px){.modal-content{padding:var(--space-6, 24px);max-height:90vh;border-radius:var(--radius-lg, var(--radius))}.modal-title{font-size:var(--text-xl, 1.25rem)}.modal-actions{flex-direction:column;gap:var(--space-3, 12px)}.modal-copy-area{width:100%;justify-content:space-between}.modal-comment-top{flex-wrap:wrap}}.auth-overlay{position:fixed;inset:0;background:var(--overlay, rgba(0, 0, 0, .7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-6, 24px);animation:fadeIn var(--duration-normal, .25s) var(--ease-out)}.auth-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl, var(--radius));padding:var(--space-8, 40px);max-width:420px;width:100%;position:relative;display:flex;flex-direction:column;gap:var(--space-5, 20px);animation:scaleIn var(--duration-slow, .4s) var(--ease-out);box-shadow:var(--shadow-lg)}.auth-close{position:absolute;top:var(--space-3, 12px);right:var(--space-4, 16px);background:none;border:none;color:var(--text-faint, var(--text-muted));font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-xs, 4px);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.auth-close:hover{color:var(--text-primary);background:var(--accent-subtle, var(--bg-input))}.auth-title{font-size:var(--text-2xl, 1.5rem);font-weight:800;color:var(--text-heading);margin:0;letter-spacing:-.03em}.auth-subtitle{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin:calc(var(--space-3, 12px) * -1) 0 0;line-height:1.5}.auth-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.auth-tab{flex:1;padding:var(--space-3, 12px) var(--space-4, 16px);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--accent);color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.auth-field label{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-muted)}.auth-field input{padding:var(--space-3, 12px) var(--space-4, 16px);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm, .875rem);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .1))}.auth-forgot-link{background:none;border:none;color:var(--accent);font-size:var(--text-xs, .75rem);cursor:pointer;text-align:left;padding:0;margin:calc(var(--space-2, 8px) * -1) 0 0;transition:color var(--duration-fast) var(--ease-out);font-weight:500}.auth-forgot-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-back-link{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm, .875rem);cursor:pointer;text-align:center;padding:0;margin:calc(var(--space-2, 8px) * -1) 0 0;transition:color var(--duration-fast) var(--ease-out)}.auth-back-link:hover{color:var(--accent)}.auth-error{color:var(--error, #ef4444);font-size:var(--text-sm, .875rem);margin:0;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--error-subtle, rgba(239, 68, 68, .1));border-radius:var(--radius-sm)}.auth-success{color:var(--success, #22c55e);font-size:var(--text-sm, .875rem);margin:0;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--success-subtle, rgba(34, 197, 94, .1));border-radius:var(--radius-sm)}.auth-submit{padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-base, 1rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.auth-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.auth-modal{padding:var(--space-6, 24px);margin:var(--space-4, 16px)}}.edit-profile-overlay{position:fixed;inset:0;background:var(--overlay, rgba(0, 0, 0, .7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-6, 24px);animation:fadeIn var(--duration-normal, .25s) var(--ease-out)}.edit-profile-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl, var(--radius));padding:var(--space-8, 40px);max-width:460px;width:100%;position:relative;display:flex;flex-direction:column;gap:var(--space-5, 20px);animation:scaleIn var(--duration-slow, .4s) var(--ease-out);box-shadow:var(--shadow-lg)}.edit-profile-close{position:absolute;top:var(--space-3, 12px);right:var(--space-4, 16px);background:none;border:none;color:var(--text-faint, var(--text-muted));font-size:1.5rem;cursor:pointer;padding:var(--space-1, 4px) var(--space-2, 8px);line-height:1;border-radius:var(--radius-xs, 4px);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.edit-profile-close:hover{color:var(--text-primary);background:var(--accent-subtle, var(--bg-input))}.edit-profile-title{font-size:var(--text-2xl, 1.5rem);font-weight:800;color:var(--text-heading);margin:0;letter-spacing:-.03em}.edit-profile-subtitle{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin:calc(var(--space-3, 12px) * -1) 0 0;line-height:1.5}.edit-profile-form{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px)}.edit-profile-avatar-btn{position:relative;width:80px;height:80px;border-radius:50%;border:2px solid var(--border);background:var(--accent);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast) var(--ease-out)}.edit-profile-avatar-btn:hover{border-color:var(--accent)}.edit-profile-avatar-img{width:100%;height:100%;object-fit:cover}.edit-profile-avatar-letter{color:#fff;font-size:var(--text-3xl, 2rem);font-weight:700}.edit-profile-avatar-overlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs, .75rem);font-weight:600;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.edit-profile-avatar-btn:hover .edit-profile-avatar-overlay{opacity:1}.edit-profile-file-input{display:none}.edit-profile-avatar-hint{font-size:var(--text-xs, .75rem);color:var(--text-faint, var(--text-muted))}.edit-profile-field{display:flex;flex-direction:column;gap:var(--space-2, 8px);position:relative}.edit-profile-field label{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-muted)}.edit-profile-field input,.edit-profile-field textarea{padding:var(--space-3, 12px) var(--space-4, 16px);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm, .875rem);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);resize:vertical}.edit-profile-field input:focus,.edit-profile-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .1))}.edit-profile-char-count{position:absolute;bottom:var(--space-2, 8px);right:var(--space-3, 12px);font-size:var(--text-xs, .75rem);color:var(--text-faint, var(--text-muted))}.edit-profile-error{color:var(--error, #ef4444);font-size:var(--text-sm, .875rem);margin:0;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--error-subtle, rgba(239, 68, 68, .1));border-radius:var(--radius-sm)}.edit-profile-success{color:var(--success, #22c55e);font-size:var(--text-sm, .875rem);margin:0;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--success-subtle, rgba(34, 197, 94, .1));border-radius:var(--radius-sm)}.edit-profile-actions{display:flex;gap:var(--space-3, 12px);justify-content:flex-end}.edit-profile-cancel{padding:var(--space-3, 12px) var(--space-5, 20px);border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.edit-profile-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.edit-profile-save{padding:var(--space-3, 12px) var(--space-6, 24px);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.edit-profile-save:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.edit-profile-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.edit-profile-modal{padding:var(--space-6, 24px);margin:var(--space-4, 16px)}}.profile-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-9, 48px) var(--space-6, 24px) var(--space-16, 96px);animation:fadeInUp .6s var(--ease-out)}.profile-header{display:flex;align-items:center;gap:var(--space-5, 20px);margin-bottom:var(--space-7, 32px);flex-wrap:wrap}.profile-back-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm, .875rem);font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.profile-back-link:hover{color:var(--accent)}.profile-user-info{display:flex;align-items:center;gap:var(--space-4, 16px);flex:1}.profile-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl, 1.25rem);font-weight:700;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-details{display:flex;flex-direction:column;gap:2px}.profile-name{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.02em}.profile-email{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin:0}.profile-bio{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin:var(--space-1, 4px) 0 0;line-height:1.5}.profile-header-actions{display:flex;gap:var(--space-3, 12px);align-items:center}.profile-edit-btn{padding:var(--space-2, 8px) var(--space-5, 20px);border:1px solid var(--accent-border, var(--accent));border-radius:var(--radius-full, 9999px);background:transparent;color:var(--accent);font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.profile-edit-btn:hover{background:var(--accent);color:#fff}.profile-signout{padding:var(--space-2, 8px) var(--space-5, 20px);border:1px solid var(--border);border-radius:var(--radius-full, 9999px);background:transparent;color:var(--text-muted);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.profile-signout:hover{border-color:var(--error, #ef4444);color:var(--error, #ef4444)}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--space-6, 24px)}.profile-tab{padding:var(--space-3, 12px) var(--space-6, 24px);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.profile-prompts{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.profile-prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5, 20px);display:flex;flex-direction:column;gap:var(--space-3, 12px);transition:border-color var(--duration-fast) var(--ease-out)}.profile-prompt-card:hover{border-color:var(--border-hover)}.profile-prompt-top{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.profile-prompt-title{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-heading);margin:0;letter-spacing:-.01em}.profile-prompt-industry{font-size:var(--text-xs, .75rem);padding:3px var(--space-3, 12px);border-radius:var(--radius-full, 9999px);background:var(--badge-industry-bg);color:var(--badge-industry-color);font-weight:600}.profile-prompt-text{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-prompt-stats{display:flex;align-items:center;gap:var(--space-4, 16px);flex-wrap:wrap}.profile-stat{color:var(--text-muted);font-size:var(--text-sm, .875rem);display:flex;align-items:center;gap:var(--space-1, 4px)}.stat-icon{font-size:var(--text-sm, .875rem)}.profile-stat-date{color:var(--text-faint, var(--text-muted));font-size:var(--text-xs, .75rem);margin-left:auto}.profile-loading{text-align:center;color:var(--text-muted);padding:var(--space-9, 48px) 0;font-size:var(--text-sm, .875rem)}.profile-empty{text-align:center;padding:var(--space-12, 72px) 0;color:var(--text-muted);font-size:var(--text-sm, .875rem)}.profile-empty-tab{text-align:center;padding:var(--space-9, 48px) 0;color:var(--text-muted);font-size:var(--text-sm, .875rem)}.profile-cta-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:var(--text-sm, .875rem);transition:opacity var(--duration-fast) var(--ease-out)}.profile-cta-link:hover{opacity:.8}@media(max-width:640px){.profile-header{flex-direction:column;align-items:flex-start}.profile-tab{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-xs, .75rem)}.profile-header-actions{width:100%}}.about-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-9, 48px) var(--space-6, 24px) var(--space-16, 96px)}.about-container{max-width:var(--content-width, 720px);margin:0 auto;animation:fadeInUp .6s var(--ease-out)}.about-back{display:inline-flex;align-items:center;gap:var(--space-2, 8px);color:var(--text-muted);text-decoration:none;font-size:var(--text-sm, .875rem);font-weight:500;margin-bottom:var(--space-8, 40px);transition:color var(--duration-fast) var(--ease-out)}.about-back:hover{color:var(--accent)}.about-hero-title{font-size:var(--text-4xl, 2.5rem);font-weight:900;color:var(--text-heading);margin-bottom:var(--space-4, 16px);letter-spacing:-.04em;line-height:1.1}.about-hero-accent{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-subtitle{font-size:var(--text-lg, 1.125rem);color:var(--text-muted);margin-bottom:var(--space-10, 56px);line-height:1.65;max-width:580px}.about-section{margin-bottom:var(--space-10, 56px)}.about-section h2{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-3, 12px);letter-spacing:-.02em}.about-section p{color:var(--text-primary);font-size:var(--text-base, 1rem);line-height:1.75;margin-bottom:var(--space-3, 12px)}.about-section p:last-child{margin-bottom:0}.about-section p em{color:var(--accent);font-style:italic}.about-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--space-4, 16px)}.about-step{display:flex;gap:var(--space-4, 16px);align-items:flex-start;padding:var(--space-5, 20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-3, 12px);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.about-step:hover{border-color:var(--border-hover);transform:translateY(-2px)}.about-step:last-child{margin-bottom:0}.about-step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs, .75rem);font-weight:700}.about-step h3{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-heading);margin-bottom:var(--space-1, 4px);letter-spacing:-.01em}.about-step p{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.6;margin-bottom:0}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4, 16px);margin-top:var(--space-4, 16px)}.about-value-card{padding:var(--space-5, 20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease-out)}.about-value-card:hover{border-color:var(--border-hover)}.about-value-card h4{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2, 8px)}.about-value-card p{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.6;margin-bottom:0}.about-cta-section{text-align:center;padding:var(--space-9, 48px) var(--space-6, 24px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius))}.about-cta-section h2{margin-bottom:var(--space-2, 8px)}.about-cta-section p{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-5, 20px)}.about-cta-buttons{display:flex;gap:var(--space-3, 12px);justify-content:center;flex-wrap:wrap}.about-cta-primary{padding:var(--space-3, 12px) var(--space-7, 32px);background:var(--accent);color:#fff;border-radius:var(--radius-full, 9999px);text-decoration:none;font-weight:600;font-size:var(--text-sm, .875rem);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.about-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.about-cta-secondary{padding:var(--space-3, 12px) var(--space-7, 32px);background:transparent;color:var(--accent);border:1px solid var(--accent-border, var(--accent));border-radius:var(--radius-full, 9999px);text-decoration:none;font-weight:600;font-size:var(--text-sm, .875rem);transition:all var(--duration-fast) var(--ease-out)}.about-cta-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:768px){.about-hero-title{font-size:var(--text-3xl, 2rem)}.about-hero-subtitle{font-size:var(--text-base, 1rem)}.about-values-grid{grid-template-columns:1fr}}@media(max-width:480px){.about-step{flex-direction:column;gap:var(--space-3, 12px)}.about-cta-buttons{flex-direction:column}}.guide-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-9, 48px) var(--space-6, 24px) var(--space-16, 96px)}.guide-container{max-width:var(--content-width, 720px);margin:0 auto;animation:fadeInUp .6s var(--ease-out)}.guide-back{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:var(--text-sm, .875rem);font-weight:500;margin-bottom:var(--space-8, 40px);transition:color var(--duration-fast) var(--ease-out)}.guide-back:hover{color:var(--accent)}.guide-hero-title{font-size:var(--text-4xl, 2.5rem);font-weight:900;color:var(--text-heading);margin-bottom:var(--space-4, 16px);letter-spacing:-.04em;line-height:1.1}.guide-hero-accent{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-hero-subtitle{font-size:var(--text-lg, 1.125rem);color:var(--text-muted);margin-bottom:var(--space-10, 56px);line-height:1.65}.guide-intro{margin-bottom:var(--space-10, 56px)}.guide-intro h2{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-3, 12px);letter-spacing:-.02em}.guide-intro p{color:var(--text-primary);font-size:var(--text-base, 1rem);line-height:1.75;margin-bottom:var(--space-3, 12px)}.guide-intro strong{color:var(--text-heading);font-weight:600}.guide-platforms h2{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-4, 16px);letter-spacing:-.02em}.guide-platform-tabs{display:flex;gap:var(--space-2, 8px);margin-bottom:var(--space-6, 24px);flex-wrap:wrap}.guide-platform-tab{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-full, 9999px);cursor:pointer;font-size:var(--text-sm, .875rem);font-weight:500;color:var(--text-muted);transition:all var(--duration-normal, .25s) var(--ease-out)}.guide-platform-tab:hover{border-color:var(--border-hover);color:var(--text-primary)}.guide-platform-tab.active{color:var(--text-heading);background:var(--bg-elevated, var(--bg-input));font-weight:600}.guide-tab-icon{display:flex;align-items:center}.guide-tab-icon svg{display:inline-block}.guide-platform-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius));padding:var(--space-7, 32px);margin-bottom:var(--space-10, 56px)}.guide-platform-header{display:flex;align-items:center;gap:var(--space-4, 16px);margin-bottom:var(--space-6, 24px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--border)}.guide-platform-icon{display:flex;align-items:center}.guide-platform-icon svg{display:inline-block}.guide-platform-name{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:2px;letter-spacing:-.02em}.guide-platform-desc{color:var(--text-muted);font-size:var(--text-sm, .875rem)}.guide-steps{display:flex;flex-direction:column;gap:0;position:relative}.guide-step{display:flex;gap:var(--space-4, 16px);padding:var(--space-4, 16px) 0;position:relative}.guide-step:not(:last-child){border-bottom:1px solid var(--border)}.guide-step-marker{flex-shrink:0;width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs, .75rem);font-weight:700;margin-top:2px}.guide-step-content h4{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-heading);margin-bottom:var(--space-1, 4px)}.guide-step-content p{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.6}.guide-tips{margin-bottom:var(--space-10, 56px)}.guide-tips h2{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-4, 16px);letter-spacing:-.02em}.guide-tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4, 16px)}.guide-tip-card{padding:var(--space-5, 20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease-out)}.guide-tip-card:hover{border-color:var(--border-hover)}.guide-tip-card h4{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2, 8px)}.guide-tip-card p{color:var(--text-muted);font-size:var(--text-sm, .875rem);line-height:1.6}.guide-cta{text-align:center;padding:var(--space-9, 48px) var(--space-6, 24px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, var(--radius))}.guide-cta h2{font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2, 8px);letter-spacing:-.02em}.guide-cta p{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-5, 20px)}.guide-cta-buttons{display:flex;gap:var(--space-3, 12px);justify-content:center;flex-wrap:wrap}.guide-cta-primary{padding:var(--space-3, 12px) var(--space-7, 32px);background:var(--accent);color:#fff;border-radius:var(--radius-full, 9999px);text-decoration:none;font-weight:600;font-size:var(--text-sm, .875rem);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.guide-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.guide-cta-secondary{padding:var(--space-3, 12px) var(--space-7, 32px);background:transparent;color:var(--accent);border:1px solid var(--accent-border, var(--accent));border-radius:var(--radius-full, 9999px);text-decoration:none;font-weight:600;font-size:var(--text-sm, .875rem);transition:all var(--duration-fast) var(--ease-out)}.guide-cta-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:768px){.guide-hero-title{font-size:var(--text-3xl, 2rem)}.guide-hero-subtitle{font-size:var(--text-base, 1rem)}.guide-platform-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.guide-platform-tab{white-space:nowrap}.guide-platform-content{padding:var(--space-5, 20px)}.guide-tips-grid{grid-template-columns:1fr}.guide-step{flex-direction:column;gap:var(--space-2, 8px)}.guide-cta-buttons{flex-direction:column}}.app{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6, 24px) var(--space-12, 72px)}.main-content{display:flex;flex-direction:column;gap:var(--space-8, 40px);animation:fadeInUp var(--duration-slow, .4s) var(--ease-out)}.section-title{font-size:var(--text-2xl, 1.5rem);font-weight:700;color:var(--text-heading);letter-spacing:-.03em}@media(max-width:768px){.app{padding:0 var(--space-4, 16px) var(--space-9, 48px)}.main-content{gap:var(--space-7, 32px)}}