:root{color-scheme:light;--bg:#f3efe6;--bg-panel:rgba(255,251,244,0.82);--text:#1f2924;--muted:#5c6b63;--line:rgba(34,56,47,0.12);--accent:#274f42;--accent-soft:#d7e4db;--warm:#b9925e;--error:#a4463b;--shadow:0 18px 40px rgba(39,79,66,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(185,146,94,.16),transparent 28%),linear-gradient(180deg,#f7f2e9,#ede6d9);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,"Noto Serif SC",serif}body{min-height:100vh}button,input{font:inherit}.page-shell{width:min(100%,960px);margin:0 auto;padding:32px 20px 48px}.hero-card,.progress-card,.report-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card,.progress-card,.report-card{padding:28px}.eyebrow{margin:0 0 12px;color:var(--warm);letter-spacing:.18em;text-transform:uppercase;font-size:12px}h1,h2{margin:0;font-weight:600}h1{font-size:clamp(32px,8vw,52px);line-height:1.06}h2{font-size:22px}.hero-copy{margin:16px 0 0;max-width:720px;color:var(--muted);line-height:1.7}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:28px}.tutorial-panel,.upload-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.5);padding:20px}.tutorial-panel ol,.tutorial-panel ul{margin:16px 0 0;padding-left:20px;color:var(--muted);line-height:1.8}.upload-card{margin-top:20px}.upload-dropzone{display:flex;flex-direction:column;gap:8px;border:1px dashed rgba(39,79,66,.35);border-radius:20px;padding:28px 20px;text-align:center;cursor:pointer}.upload-dropzone input{display:none}.upload-dropzone small{color:var(--muted)}.video-preview{width:100%;margin-top:16px;border-radius:18px}.primary-button,.secondary-button{border:none;border-radius:999px;padding:14px 20px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.primary-button{margin-top:18px;background:var(--accent);color:#f7f2e9}.secondary-button{background:var(--accent-soft);color:var(--accent)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.error-text{margin:14px 0 0;color:var(--error)}.progress-track{width:100%;height:12px;margin-top:24px;background:rgba(39,79,66,.12);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--warm),var(--accent));transition:width .36s ease}.progress-label{margin-top:12px;color:var(--muted)}.report-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.markdown-report{margin-top:24px;padding:24px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.62);line-height:1.8}.markdown-report h1,.markdown-report h2,.markdown-report h3{margin-top:0}.markdown-report ul{padding-left:22px}@media (max-width:720px){.page-shell{padding:20px 14px 32px}.hero-card,.progress-card,.report-card{padding:20px;border-radius:24px}.report-header{flex-direction:column}.primary-button,.report-actions,.secondary-button{width:100%}}