@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app{min-height:100vh;width:100%;padding:32px clamp(20px,4vw,60px) 80px;background:transparent;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.profile-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:10px 14px;box-shadow:var(--panel-shadow)}.profile-photo{width:62px;height:62px;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.profile-content{min-width:0;flex:1}.profile-name{font-family:var(--font-display);font-size:1.1rem;line-height:1.2;margin-bottom:2px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.theme-toggle{border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--ink);padding:8px 14px;font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:var(--panel-shadow);transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-2);color:var(--accent-3);background:var(--surface-hover)}.profile-role{font-size:.88rem;color:var(--muted);margin-bottom:6px}.profile-email{font-size:.86rem;line-height:1.4;margin-bottom:6px}.profile-email a{color:var(--link-color);text-decoration:none}.profile-email a:hover{text-decoration:underline}.profile-links{font-size:.86rem;color:var(--muted);line-height:1.4;word-break:break-word}.profile-links a{color:var(--accent-2);text-decoration:none;font-weight:600}.profile-links a:hover{text-decoration:underline}.topbar-nav{display:inline-flex;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:6px;box-shadow:var(--panel-shadow)}.topbar-link{border:none;background:transparent;color:var(--muted);padding:8px 18px;border-radius:999px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.topbar-link:hover{color:var(--ink);background:var(--topbar-link-hover-bg)}.topbar-link.active{background:var(--accent-2);color:var(--topbar-link-active-text)}.home-page{display:grid;gap:24px}.home-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:28px}.home-highlight h3{font-size:1.15rem;margin-bottom:12px}.home-highlight ul{list-style:none;display:grid;gap:8px}.home-highlight li{position:relative;padding-left:18px;color:var(--muted);line-height:1.5}.home-highlight li:before{content:"•";position:absolute;left:0;color:var(--accent-2)}.home-section{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.section-heading{margin-bottom:14px}.section-heading h2{font-size:clamp(1.5rem,2vw,2rem);margin-bottom:8px}.section-heading p{color:var(--muted);line-height:1.6}.mermaid-card{background:var(--mermaid-bg);border:1px solid var(--border);border-radius:16px;padding:14px;overflow-x:auto}.mermaid-card .mermaid{min-width:680px}.mermaid-card svg{width:100%;height:auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.skills-grid article{background:var(--skills-card-bg);border:1px solid var(--border);border-radius:14px;padding:16px}.skills-grid h3{font-size:1.05rem;margin-bottom:8px}.skills-grid p{color:var(--muted);line-height:1.6}.demo-page{display:grid;gap:0;min-width:0}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:32px;align-items:center;min-width:0}.hero-content{max-width:680px;min-width:0}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.22rem;color:var(--muted);font-weight:600;margin-bottom:16px}.hero-content h1{font-size:clamp(2.4rem,3.6vw,3.6rem);line-height:1.05;margin-bottom:16px}.hero-subtitle{font-size:1.05rem;line-height:1.6;color:var(--muted);margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ghost-button{border:1px solid var(--border);background:var(--panel);color:var(--ink);padding:10px 18px;border-radius:999px;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--panel-shadow)}.ghost-button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.cta-button{background:var(--accent-2);border-color:var(--accent-2);color:var(--topbar-link-active-text)}.cta-button:hover{background:var(--accent-3);border-color:var(--accent-3);color:var(--topbar-link-active-text)}.status-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow);min-width:0;width:100%;max-width:100%}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08rem;margin-bottom:12px;background:var(--status-neutral-bg);color:var(--muted)}.status-pill.status-uploading{background:var(--status-uploading-bg);color:var(--status-uploading-text)}.status-pill.status-processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.status-pill.status-ready{background:var(--status-ready-bg);color:var(--status-ready-text)}.status-pill.status-error{background:var(--status-error-bg);color:var(--status-error-text)}.status-message{font-size:.95rem;line-height:1.5;color:var(--muted);margin-bottom:10px}.status-live{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 rgba(var(--pulse-rgb),.6);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--pulse-rgb),.5)}70%{box-shadow:0 0 0 10px rgba(var(--pulse-rgb),0)}to{box-shadow:0 0 rgba(var(--pulse-rgb),0)}}.file-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink);border-top:1px dashed var(--border);padding-top:10px;margin-top:12px}.file-meta span{min-width:0}.file-meta span:first-child{overflow-wrap:anywhere}.job-id{margin-top:10px;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.upload-section{margin-top:40px;display:grid;gap:20px;min-width:0}.upload-dropzone{background:var(--panel);border:2px dashed var(--border);border-radius:24px;padding:32px;text-align:center;transition:border .2s ease,box-shadow .2s ease;position:relative;min-width:0;width:100%;max-width:100%}.upload-dropzone input{display:none}.upload-dropzone label{display:flex;flex-direction:column;gap:6px;cursor:pointer}.upload-dropzone:hover{border-color:var(--border);box-shadow:var(--upload-hover-shadow)}.upload-dropzone.disabled{opacity:.6;pointer-events:none}.drop-title{font-size:1.2rem;font-weight:600}.drop-subtitle{color:var(--muted);font-size:.95rem}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:14px 18px;border-radius:14px;font-size:.95rem}.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tips div{background:var(--panel-soft);border-radius:16px;padding:16px 18px;border:1px solid var(--border);min-width:0;width:100%;max-width:100%}.tips h4{font-size:1rem;margin-bottom:8px}.tips p{font-size:.9rem;color:var(--muted);line-height:1.5}.mindmap-section{margin-top:48px;min-width:0}.mindmap-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;min-width:0}.mindmap-header p{color:var(--muted)}.mindmap-meta{display:flex;gap:12px;font-size:.85rem;color:var(--muted)}.mindmap-meta span{min-width:0;overflow-wrap:anywhere}.mindmap-container{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:24px;min-height:1040px;height:140vh;padding:0;overflow:hidden;box-shadow:var(--shadow);min-width:0;width:100%;max-width:100%}.mindmap-canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;font-family:var(--font-sans)}.mindmap-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:1rem;pointer-events:none;background:linear-gradient(135deg,var(--mindmap-empty-1),var(--mindmap-empty-2))}.mindmap-zoom-controls{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;gap:10px;z-index:12;pointer-events:none}.mindmap-zoom-button{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--zoom-button-bg);color:var(--ink);font-size:1.35rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:var(--zoom-button-shadow);transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;pointer-events:auto}.mindmap-zoom-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--zoom-button-hover-shadow)}.mindmap-zoom-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);display:grid;place-items:center;padding:24px;z-index:1000}.modal-content{background:var(--panel);border-radius:20px;width:min(680px,92vw);max-height:85vh;overflow-y:auto;border:1px solid var(--border);box-shadow:var(--shadow)}.modal-header{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--modal-header-gradient-a),var(--modal-header-gradient-b))}.modal-kicker{text-transform:uppercase;letter-spacing:.2rem;font-size:.7rem;color:var(--muted);margin-bottom:6px}.modal-header h2{font-size:1.6rem}.modal-close{border:none;background:var(--modal-close-bg);color:var(--ink);border-radius:999px;width:36px;height:36px;font-size:1.5rem;cursor:pointer;box-shadow:var(--modal-close-shadow)}.modal-body{padding:24px}.modal-section{margin-bottom:20px}.modal-section h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.14rem;color:var(--muted);margin-bottom:8px}.modal-section p{color:var(--muted);line-height:1.6}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:var(--keyword-bg);color:var(--keyword-text);border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:500}.details-grid{display:grid;gap:12px}.detail-item{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:8px}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--muted);font-weight:600}.detail-value{color:var(--ink);font-weight:600}@media (max-width: 960px){.app{padding:20px 14px 56px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.profile-card{width:100%;padding:12px}.profile-photo{width:72px;height:72px}.profile-links{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.topbar-nav{width:100%;justify-content:stretch}.topbar-actions{width:100%;flex-direction:column-reverse;align-items:stretch}.theme-toggle{width:100%;text-align:center}.topbar-link{flex:1;text-align:center}.home-hero{grid-template-columns:1fr}.home-section{padding:18px;border-radius:18px}.section-heading h2{font-size:clamp(1.25rem,7vw,1.7rem)}.mermaid-card{padding:8px}.mermaid-card .mermaid{min-width:0}.hero{grid-template-columns:1fr;gap:18px}.hero-content{max-width:100%}.hero>*{min-width:0}.status-card{width:100%}.upload-section{margin-top:24px}.upload-dropzone{padding:22px 14px;border-radius:18px}.drop-title{font-size:1.05rem}.tips{grid-template-columns:1fr}.tips div{padding:14px}.file-meta{flex-direction:column;align-items:flex-start;gap:4px}.job-id{word-break:break-all}.mindmap-header{align-items:flex-start;gap:10px}.mindmap-header>div{min-width:0;width:100%}.mindmap-header h2,.mindmap-header p{overflow-wrap:anywhere}.mindmap-meta{width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start}.mindmap-container{min-height:840px;height:124vh;border-radius:18px}.mindmap-zoom-controls{right:12px;top:12px;gap:8px}.mindmap-zoom-button{width:38px;height:38px;font-size:1.2rem}.mindmap-empty p{padding:0 14px;text-align:center}.modal-content{width:min(680px,96vw)}.modal-header{padding:18px}.modal-header h2{font-size:1.25rem}.detail-item{flex-wrap:wrap;gap:8px}}:root{color-scheme:dark;--font-sans: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-sans);--bg: #121212;--bg-accent: #0f1f22;--ink: #fbfaf4;--muted: #b5b5b0;--panel: #1b1b1b;--panel-soft: #242424;--border: #343434;--accent: #20808d;--accent-2: #20b2aa;--accent-3: #7cdad3;--link-color: #20b2aa;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--panel-shadow: 0 10px 30px rgba(0, 0, 0, .34);--surface-hover: rgba(32, 178, 170, .16);--topbar-link-hover-bg: rgba(32, 178, 170, .16);--topbar-link-active-text: #091717;--mermaid-bg: #1f1f1f;--skills-card-bg: #232323;--status-neutral-bg: #2a2a2a;--status-uploading-bg: #2e2e2e;--status-uploading-text: #dfdfda;--status-processing-bg: #303030;--status-processing-text: #dfdfda;--status-ready-bg: rgba(34, 197, 94, .2);--status-ready-text: #86efac;--status-error-bg: rgba(248, 113, 113, .2);--status-error-text: #fca5a5;--pulse-rgb: 181, 181, 176;--upload-hover-shadow: 0 14px 32px rgba(0, 0, 0, .22);--error-bg: rgba(248, 113, 113, .14);--error-border: rgba(248, 113, 113, .5);--error-text: #fecaca;--mindmap-empty-1: rgba(28, 28, 28, .76);--mindmap-empty-2: rgba(18, 18, 18, .92);--zoom-button-bg: rgba(36, 36, 36, .96);--zoom-button-shadow: 0 8px 22px rgba(0, 0, 0, .45);--zoom-button-hover-shadow: 0 10px 24px rgba(0, 0, 0, .62);--modal-overlay-bg: rgba(8, 8, 8, .74);--modal-header-gradient-a: rgba(61, 61, 61, .55);--modal-header-gradient-b: rgba(40, 40, 40, .6);--modal-close-bg: #242424;--modal-close-shadow: 0 6px 16px rgba(0, 0, 0, .42);--keyword-bg: #2b2b2b;--keyword-text: #e4e3dc}:root[data-theme=light]{color-scheme:light;--bg: #ebf3f8;--bg-accent: #d4eaf0;--ink: #0f1c2f;--muted: #4f6683;--panel: #ffffff;--panel-soft: #f5f9ff;--border: #d4e3f8;--accent: #20808d;--accent-2: #20b2aa;--accent-3: #6ecbc5;--link-color: #1a7480;--shadow: 0 16px 46px rgba(29, 78, 137, .14);--panel-shadow: 0 10px 26px rgba(29, 78, 137, .1);--surface-hover: rgba(32, 178, 170, .12);--topbar-link-hover-bg: #e6f6f5;--topbar-link-active-text: #f4f9ff;--mermaid-bg: #f5fbfb;--skills-card-bg: #f4fafa;--status-neutral-bg: #edf2fa;--status-uploading-bg: #e5e7eb;--status-uploading-text: #374151;--status-processing-bg: #e5e7eb;--status-processing-text: #374151;--status-ready-bg: rgba(34, 197, 94, .14);--status-ready-text: #15803d;--status-error-bg: rgba(239, 68, 68, .14);--status-error-text: #b91c1c;--pulse-rgb: 107, 114, 128;--upload-hover-shadow: 0 12px 28px rgba(107, 114, 128, .2);--error-bg: #fff0ee;--error-border: #f5b7b1;--error-text: #c0392b;--mindmap-empty-1: rgba(255, 255, 255, .7);--mindmap-empty-2: rgba(255, 255, 255, .9);--zoom-button-bg: rgba(255, 255, 255, .96);--zoom-button-shadow: 0 8px 22px rgba(21, 63, 111, .2);--zoom-button-hover-shadow: 0 10px 24px rgba(21, 63, 111, .26);--modal-overlay-bg: rgba(12, 28, 54, .55);--modal-header-gradient-a: rgba(229, 231, 235, .7);--modal-header-gradient-b: rgba(243, 244, 246, .78);--modal-close-bg: #ffffff;--modal-close-shadow: 0 6px 16px rgba(29, 78, 137, .18);--keyword-bg: #eef0f3;--keyword-text: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:radial-gradient(circle at 18% -8%,rgba(32,178,170,.22),transparent 35%),radial-gradient(circle at 88% 8%,rgba(124,218,211,.2),transparent 32%),linear-gradient(165deg,var(--bg-accent) 0%,var(--bg) 60%);color:var(--ink);transition:background .22s ease,color .22s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden;min-height:100vh}html,#root{width:100%;overflow-x:hidden;background:transparent}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}button,input,textarea{font-family:inherit}a{color:var(--link-color)}a:hover{color:var(--accent-2)}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}