:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#f4f7fb;background:radial-gradient(circle at top,rgba(34,84,124,.36),transparent 38%),radial-gradient(circle at 88% 14%,rgba(14,121,199,.22),transparent 22%),linear-gradient(180deg,#081019,#0b131d 52%,#0a1017)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(86,176,255,.08),transparent 36%),linear-gradient(180deg,#ffffff05,#fff0);pointer-events:none}a{color:inherit}button,input{font:inherit}.page-shell{position:relative;display:grid;gap:24px;max-width:1120px;margin:0 auto;padding:40px 20px 72px}.stage{position:relative;display:grid;gap:20px}.stage-single{grid-template-columns:minmax(0,920px);justify-content:center;min-height:calc(100vh - 112px);align-content:center;transition:min-height .7s cubic-bezier(.22,1,.36,1),align-content .7s cubic-bezier(.22,1,.36,1)}.stage-single-active{min-height:calc(100vh - 112px);align-content:center}.page-glow,.page-glain{position:fixed;pointer-events:none}.page-glow{width:380px;height:380px;border-radius:999px;filter:blur(88px);opacity:.65;animation:drift 14s ease-in-out infinite}.glow-top{top:-140px;left:4%;background:#2377bf47}.glow-side{right:4%;bottom:12%;background:#42a5f538;animation-delay:-7s}.page-glain{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:28px 28px;opacity:.18}.glass-card{position:relative;overflow:hidden;padding:clamp(28px,4vw,44px);border-radius:36px;border:1px solid rgba(111,145,173,.18);background:linear-gradient(180deg,#0a131cf5,#070e16ed);box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(47,124,184,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 36%);pointer-events:none}.composer,.progress-stack,.form-status,.result-copy,.action-row,.link-preview{position:relative;z-index:1}.parse-panel{width:100%;display:grid;align-content:center;gap:14px;animation:lift-in .65s cubic-bezier(.22,1,.36,1) both;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .45s ease;will-change:transform}.parse-panel-active{transform:translateY(-12px)}.result-panel{display:grid;gap:14px;animation:settle-in .75s cubic-bezier(.22,1,.36,1) both}.hero-kicker,.status-label{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#78bff5}.hero-title,.status-title{margin:0;font-weight:800;letter-spacing:-.06em}.hero-title{max-width:8ch;margin-inline:auto;font-size:clamp(56px,11vw,96px);line-height:.92}.status-title{font-size:clamp(28px,4vw,40px);line-height:1.08}.status-title-compact{font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.35;letter-spacing:-.03em}.composer{width:min(100%,780px);margin:0 auto}.composer-label{display:block;margin-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.url-input{min-height:64px;width:100%;padding:0 18px 0 24px;border:1px solid rgba(96,124,150,.32);border-radius:999px;background:#0a121bd1;color:#f4f7fb;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0003}.url-input::placeholder{color:#f4f7fb70}.url-input:focus{outline:none;border-color:#53b9ff6b}.primary-button,.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border:none;border-radius:18px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.primary-button{min-width:154px;border-radius:999px;color:#061726;background:linear-gradient(135deg,#1594df,#53b9ff);box-shadow:0 14px 34px #1594df42,inset 0 1px #ffffff47}.action-button{width:100%}.action-primary{color:#061726;background:linear-gradient(135deg,#1594df,#53b9ff);box-shadow:0 14px 34px #1594df3d,inset 0 1px #ffffff3d}.action-secondary{color:#f4f7fb;background:#ffffff0f;border:1px solid rgba(122,161,191,.26);box-shadow:inset 0 1px #ffffff0a}.primary-button:hover,.action-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.action-button:focus-visible{outline:none;box-shadow:0 0 0 4px #53b9ff2e,inset 0 1px #ffffff3d}.primary-button:disabled,.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.form-status{width:min(100%,780px);margin:0 auto;font-size:14px;color:#96c0dfd9;text-align:center}.progress-stack{width:min(100%,780px);margin:0 auto;display:grid;gap:10px}.progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1594df,#53b9ff);box-shadow:0 0 18px #53b9ff38;transition:width .3s ease}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice{position:relative;z-index:1;padding:16px 18px;border-radius:20px}.notice-error{border:1px solid rgba(176,88,88,.3);background:#35121494;color:#fbb}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,20px,0) scale(1.04)}}@keyframes lift-in{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:translateY(0)}}@keyframes settle-in{0%{opacity:0;transform:translateY(30px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.page-shell{padding:24px 16px 40px}.stage-single{min-height:calc(100vh - 72px)}.glass-card{border-radius:28px}.parse-panel{gap:16px}.composer-field,.action-row{grid-template-columns:1fr}.composer-field{gap:12px}.primary-button{min-width:0}.form-status{text-align:center}}
