@charset "UTF-8";:root{--primary-color-1: #DB8585;--primary-color-2: #DB8585;--secondary-color-1: #000719;--secondary-color-2: #484f71;--neutral-color-1: #f6f5f5;--neutral-color-2: #dcdada;--neutral-color-3: #efefef;--color-black: #000000;--accent-color-1: #7E8DFE;--accent-color-2: #FF9A48;--color-success: #00A066;--color-warning: #FF9A48;--color-error: #FF5E5E;--color-info: #7E8DFE;--color-success-bg: #e6f7f1;--color-warning-bg: #fff4e5;--color-error-bg: #fce5e5;--rgb-primary-1: 219, 133, 133;--rgb-secondary-1: 0, 7, 25;--rgb-accent-1: 126, 141, 254;--rgb-accent-2: 255, 154, 72;--rgb-success: 0, 160, 102;--rgb-error: 255, 94, 94;--color-white: #ffffff;--color-surface: var(--color-white);--color-bg: var(--neutral-color-1);--color-surface-muted: var(--neutral-color-3);--color-surface-hover: color-mix(in srgb, var(--accent-color-1) 10%, var(--neutral-color-1));--color-border: var(--neutral-color-2);--color-border-strong: color-mix(in srgb, var(--secondary-color-2) 32%, var(--neutral-color-2));--color-border-hover: color-mix(in srgb, var(--accent-color-1) 42%, var(--neutral-color-2));--color-divider: color-mix(in srgb, var(--neutral-color-3) 85%, var(--secondary-color-2));--color-text: var(--secondary-color-1);--color-text-secondary: var(--secondary-color-2);--color-text-muted: color-mix(in srgb, var(--secondary-color-2) 72%, var(--neutral-color-1));--color-text-soft: color-mix(in srgb, var(--secondary-color-2) 48%, var(--neutral-color-1));--color-on-primary: var(--color-white);--color-primary: var(--primary-color-1);--color-primary-hover: color-mix(in srgb, var(--primary-color-1) 82%, var(--secondary-color-1));--color-primary-light: color-mix(in srgb, var(--primary-color-1) 14%, var(--color-white));--color-primary-border: color-mix(in srgb, var(--primary-color-1) 38%, var(--color-white));--color-primary-gradient-end: color-mix(in srgb, var(--primary-color-1) 58%, var(--secondary-color-1));--color-accent-subtle: color-mix(in srgb, var(--accent-color-1) 16%, var(--color-white));--color-accent-muted: color-mix(in srgb, var(--accent-color-1) 26%, var(--color-white));--color-accent-border: color-mix(in srgb, var(--accent-color-1) 36%, var(--color-white));--color-accent-text-strong: color-mix(in srgb, var(--accent-color-1) 72%, var(--secondary-color-1));--color-accent-chip-bg: color-mix(in srgb, var(--accent-color-1) 12%, var(--color-white));--color-accent-chip-border: color-mix(in srgb, var(--accent-color-1) 30%, var(--color-white));--color-link: var(--color-info);--color-link-hover: color-mix(in srgb, var(--color-info) 78%, var(--secondary-color-1));--color-success-border: color-mix(in srgb, var(--color-success) 40%, var(--color-white));--color-success-text-strong: color-mix(in srgb, var(--color-success) 58%, var(--secondary-color-1));--color-success-highlight: color-mix(in srgb, var(--color-success) 24%, var(--color-white));--color-warning-border: color-mix(in srgb, var(--color-warning) 38%, var(--color-white));--color-warning-text-strong: color-mix(in srgb, var(--color-warning) 48%, var(--secondary-color-1));--color-danger: var(--color-error);--color-danger-bg: var(--color-error-bg);--color-danger-hover: color-mix(in srgb, var(--color-error) 78%, var(--secondary-color-1));--color-danger-border: color-mix(in srgb, var(--color-error) 35%, var(--color-white));--color-info-bg: color-mix(in srgb, var(--color-info) 12%, var(--color-white));--focus-ring-color: rgba(var(--rgb-accent-1), .22);--focus-ring-strong: rgba(var(--rgb-accent-1), .28);--shadow-color: rgba(var(--rgb-secondary-1), .07);--shadow-color-strong: rgba(var(--rgb-secondary-1), .12);--overlay-backdrop: rgba(var(--rgb-secondary-1), .45);--overlay-scrim: rgba(var(--rgb-secondary-1), .4);--header-bg: color-mix(in srgb, var(--color-surface) 96%, transparent);--color-highlight-warm-start: color-mix(in srgb, var(--accent-color-2) 28%, var(--color-white));--color-highlight-warm-end: var(--accent-color-2);--color-highlight-warm-text: color-mix(in srgb, var(--accent-color-2) 42%, var(--secondary-color-1));--color-hero-gradient-mid: color-mix(in srgb, var(--neutral-color-1) 88%, var(--accent-color-1));--color-hero-gradient-end: var(--neutral-color-1);--page-shell-bg: radial-gradient(circle at 8% 0%, rgba(var(--rgb-primary-1), .06), transparent 28%), var(--color-surface-muted);--page-padding-top: 24px;--page-padding-inline: 24px;--page-padding-bottom: 32px;--page-min-height: calc(100vh - 64px) ;--page-content-max-width: none;--color-footer-border: color-mix(in srgb, var(--neutral-color-3) 75%, var(--accent-color-1));--color-like-hover-border: color-mix(in srgb, var(--color-error) 58%, var(--color-white));--color-like-hover-bg: color-mix(in srgb, var(--color-error) 10%, var(--color-surface));--color-like-active: color-mix(in srgb, var(--color-error) 82%, var(--secondary-color-1));--color-skeleton-base: var(--neutral-color-3);--color-skeleton-shine: color-mix(in srgb, var(--neutral-color-2) 55%, var(--color-white));--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: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 2px var(--shadow-color);--shadow-sm: 0 1px 3px var(--shadow-color-strong), 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 12px var(--shadow-color-strong), 0 1px 4px var(--shadow-color);--shadow-lg: 0 10px 32px rgba(var(--rgb-secondary-1), .14), 0 2px 8px var(--shadow-color);--shadow-hover: 0 12px 40px rgba(var(--rgb-secondary-1), .16), 0 4px 12px var(--shadow-color);--text-xs: 13px;--text-sm: 14px;--text-caption: 12px;--text-2xs: 11px;--text-label: 15px;--text-base: 16px;--text-md: 17px;--text-body-lg: 18px;--text-lg: 20px;--text-h3: 22px;--text-xl: 24px;--text-h2: 26px;--text-2xl: 30px;--text-3xl: 38px;--text-4xl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .3s;--z-header: 100;--z-modal: 1200;--z-dropdown: 1300}.dark-theme{--primary-color-1: #e8a0a0;--primary-color-2: #e8a0a0;--secondary-color-1: #f6f5f5;--secondary-color-2: #c8c8d4;--neutral-color-1: #121218;--neutral-color-2: #2a2a34;--neutral-color-3: #1e1e26;--accent-color-1: #9aa8ff;--accent-color-2: #ffb870;--color-success: #2dcf9a;--color-warning: #ffb870;--color-error: #ff7a7a;--color-info: #9aa8ff;--color-success-bg: #0f2922;--color-warning-bg: #2a2215;--color-error-bg: #2a1518;--rgb-primary-1: 232, 160, 160;--rgb-secondary-1: 246, 245, 245;--rgb-accent-1: 154, 168, 255;--rgb-accent-2: 255, 184, 112;--rgb-success: 45, 207, 154;--rgb-error: 255, 122, 122;--color-white: #1a1a22;--color-on-primary: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;height:100%}.sidebar-collapsed-tooltip{position:fixed;transform:translateY(-50%);z-index:calc(var(--z-dropdown) + 1);pointer-events:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.2;padding:6px 10px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);white-space:nowrap}h1{font-size:var(--text-3xl);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-5)}@media(max-width:768px){h1{font-size:var(--text-2xl)}}h2{font-size:var(--text-2xl);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-5)}@media(max-width:768px){h2{font-size:var(--text-xl)}}h3{font-size:var(--text-lg);font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-3)}h4{font-size:var(--text-md);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}p{font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted)}a{color:var(--color-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-link-hover)}button{font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all var(--duration-normal) var(--ease-out);padding:12px 20px;line-height:1.2;letter-spacing:.01em}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}button:focus-visible{outline:3px solid var(--focus-ring-strong);outline-offset:2px}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:var(--text-sm);color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 4px var(--focus-ring-color)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--color-text-soft)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--color-danger)}.form-group textarea{resize:vertical;min-height:140px}.form-group .error-message{color:var(--color-danger);font-size:var(--text-xs);margin-top:6px}.form-group .help-text{color:var(--color-text-soft);font-size:var(--text-xs);margin-top:6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card.flat{box-shadow:var(--shadow-xs)}.card.flat:hover{box-shadow:var(--shadow-md)}.container{max-width:1280px;margin:0 auto;padding:0 28px}.app-page{padding:36px 0 48px}.page-title{margin-bottom:var(--space-3)}.page-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6);font-size:var(--text-md)}.flex{display:flex}.flex.gap-16{gap:16px}.flex.gap-24{gap:24px}.flex.items-center{align-items:center}.flex.justify-between{justify-content:space-between}.flex.column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.grid{display:grid}.grid.cols-1{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid.cols-2{grid-template-columns:1fr}}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid.cols-3{grid-template-columns:1fr}}.grid.gap-16{gap:16px}.grid.gap-24{gap:24px}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em}.badge.primary{background:var(--color-primary-light);color:var(--color-primary)}.badge.secondary{background:var(--color-surface-muted);color:var(--color-text-secondary)}.badge.success{background:var(--color-success-bg);color:var(--color-success)}.badge.danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.tag,.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard)}.tag:hover,.chip:hover{background:var(--color-accent-muted);border-color:var(--color-border-hover)}.tag.outline,.chip.outline{background:transparent;border:1px solid var(--color-link)}.tag .close-btn,.chip .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0;margin-left:4px}.tag .close-btn:hover,.chip .close-btn:hover{opacity:.7}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-skeleton-base);border-top-color:var(--color-link);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{background:linear-gradient(90deg,var(--color-skeleton-base) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton-base) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:48px 20px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--color-text-muted);margin-bottom:24px}.error-state{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;color:var(--color-danger)}.error-state h4{margin-bottom:8px}.error-state p{margin:0}.error-state .close-btn,.error-state ui-button.error-dismiss{float:right}.error-state .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:18px}.error-state ui-button.error-dismiss .ub--text{background:none;border:none;color:inherit;font-size:18px;font-weight:500;padding:0 4px;min-height:auto;line-height:1;box-shadow:none}.error-state ui-button.error-dismiss .ub--text:hover:not(:disabled){color:inherit;opacity:.75;text-decoration:none}.success-state{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;color:var(--color-success)}.success-state h4{margin-bottom:8px}.success-state p{margin:0}.modal-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:500px;width:90%;max-height:90vh;overflow:visible}.modal .modal-header{padding:20px;border-bottom:1px solid var(--color-divider);display:flex;justify-content:space-between;align-items:center}.modal .modal-header h2{margin:0}.modal .modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted)}.modal .modal-body{padding:20px;max-height:min(60vh,420px);overflow-y:auto;overflow-x:hidden}.modal .modal-footer{padding:20px;border-top:1px solid var(--color-divider);display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.container{padding:0 16px}.hide-mobile{display:none}}@media(max-width:480px){h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.discussion-row{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs)}.discussion-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:900px){.discussion-row{grid-template-columns:1fr}}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-24{padding:24px}.text-center{text-align:center}.text-muted{color:var(--color-text-soft);font-size:13px}.page,.page-shell,.questions-list-page,.question-detail-page,.ask-question-page,.search-page{padding:var(--page-padding-top) var(--page-padding-inline) var(--page-padding-bottom)!important;min-height:var(--page-min-height)!important;background:var(--page-shell-bg)!important}.page .container,.questions-list-page .container,.question-detail-page .container,.ask-question-page .container,.search-page .search-page__inner{width:100%;max-width:var(--page-content-max-width)!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.section-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:20px}.accent-card{border:1px solid var(--color-border);border-left:4px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);padding:14px 16px;transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.accent-card:hover{border-color:var(--color-border-hover);border-left-color:var(--color-primary);box-shadow:0 8px 18px var(--shadow-color)}.form-input{border:1px solid var(--color-border-strong);border-radius:8px;padding:10px 12px;font:inherit;width:100%;background:var(--color-surface-muted);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.form-input:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px var(--focus-ring-color);background:var(--color-surface)}.pill-tabs{display:flex;gap:8px;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:var(--space-6)}.section-header h2{margin:0;font-size:var(--text-2xl)}.section-header .view-all{color:var(--color-link);text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:all var(--duration-fast)}.section-header .view-all:hover{text-decoration:underline}.view-all-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:var(--space-2) var(--space-4);line-height:1.2;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:background-color .18s ease;white-space:nowrap;flex-shrink:0}.view-all-btn .arrow{transition:transform .18s}.view-all-btn:hover{background:var(--color-accent-muted);color:var(--color-primary)}.view-all-btn:hover .arrow{transform:translate(3px)}.meta-row{display:flex;flex-wrap:wrap;gap:14px;color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:768px){button,ui-button,select{min-height:44px}.accent-card,.section-card{padding:14px}.list,.grid{gap:12px}input,textarea,select{max-width:100%}}@media(max-width:480px){.page,.page-shell,.questions-list-page,.question-detail-page,.ask-question-page,.search-page{padding:16px 10px 24px!important}.section-card{padding:12px}.form-actions,.actions{flex-direction:column}.form-actions ui-button,.actions ui-button{width:100%;text-align:center}}.text-small{font-size:12px}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-full{max-width:100%}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.break-words{word-break:break-word}.overflow-hidden{overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}