:root{--bg-top: #fcfdff;--bg-bottom: #eef6ff;--blob-a: rgba(91, 194, 255, .18);--blob-b: rgba(255, 215, 190, .28);--text-main: #5b6d84;--text-soft: #77879b;--desc-highlight: #4066b8;--heading-color: #2d3b4f;--title-color: #000000;--card-subtitle: #5e6d80;--quick-subtitle: #3f64bf;--cap-subtitle: #2f8f73;--section-title: #526d9c;--record-color: #355fc8;--brand: #4f7cff;--brand-strong: #5bc2ff;--badge-bg: rgba(79, 124, 255, .1);--badge-text: #5d74a6;--hero-bg-top: rgba(255, 255, 255, .96);--hero-bg-bottom: rgba(246, 250, 255, .84);--hero-border: rgba(255, 255, 255, .9);--hero-shadow: 0 30px 80px rgba(116, 139, 176, .16);--panel-bg-top: rgba(255, 255, 255, .92);--panel-bg-bottom: rgba(242, 248, 255, .86);--panel-border: rgba(79, 124, 255, .14);--panel-shadow: 0 14px 28px rgba(79, 124, 255, .1);--card-bg-top: rgba(255, 255, 255, .98);--card-bg-bottom: rgba(244, 249, 255, .92);--cap-bg-top: rgba(255, 255, 255, .97);--cap-bg-bottom: rgba(241, 248, 255, .9);--card-border: rgba(88, 125, 179, .12);--card-shadow: 0 14px 28px rgba(101, 132, 181, .08);--quick-card-shadow: 0 18px 34px rgba(79, 124, 255, .14);--accent-line-start: rgba(79, 124, 255, .95);--accent-line-end: rgba(91, 194, 255, .8);--switch-bg: rgba(255, 255, 255, .86);--switch-border: rgba(79, 124, 255, .12);--switch-text: #4f6488;--secondary-bg: rgba(255, 255, 255, .88);--secondary-border: rgba(79, 124, 255, .12);--secondary-text: #324154;--radius-xl: 36px;--radius-lg: 28px;--radius-md: 18px}html[data-theme=dark]{--bg-top: #09111d;--bg-bottom: #131d2b;--blob-a: rgba(91, 194, 255, .14);--blob-b: rgba(111, 82, 255, .18);--text-main: #a7b7ce;--text-soft: #92a3bc;--desc-highlight: #a9c8ff;--heading-color: #edf3ff;--title-color: #f3f7ff;--card-subtitle: #bac7da;--quick-subtitle: #c5d7ff;--cap-subtitle: #8edfc2;--section-title: #c3d5f7;--record-color: #8fbcff;--badge-bg: rgba(91, 121, 185, .22);--badge-text: #b8ccff;--hero-bg-top: rgba(19, 28, 40, .94);--hero-bg-bottom: rgba(16, 24, 36, .88);--hero-border: rgba(126, 155, 205, .14);--hero-shadow: 0 32px 90px rgba(3, 8, 18, .46);--panel-bg-top: rgba(26, 35, 49, .92);--panel-bg-bottom: rgba(19, 28, 42, .9);--panel-border: rgba(110, 145, 215, .18);--panel-shadow: 0 16px 34px rgba(2, 7, 18, .36);--card-bg-top: rgba(27, 37, 52, .96);--card-bg-bottom: rgba(18, 27, 40, .92);--cap-bg-top: rgba(28, 38, 54, .96);--cap-bg-bottom: rgba(19, 28, 42, .92);--card-border: rgba(126, 155, 205, .14);--card-shadow: 0 18px 32px rgba(2, 7, 18, .3);--quick-card-shadow: 0 20px 36px rgba(4, 10, 24, .36);--accent-line-start: rgba(116, 156, 255, .96);--accent-line-end: rgba(91, 194, 255, .78);--switch-bg: rgba(32, 44, 63, .92);--switch-border: rgba(126, 155, 205, .16);--switch-text: #e6efff;--secondary-bg: rgba(31, 42, 61, .9);--secondary-border: rgba(126, 155, 205, .18);--secondary-text: #edf4ff}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;color:var(--text-main);background:radial-gradient(circle at top left,rgba(255,255,255,.98),transparent 28%),radial-gradient(circle at 85% 18%,var(--blob-a),transparent 24%),radial-gradient(circle at 20% 85%,var(--blob-b),transparent 26%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);transition:background .35s ease,color .35s ease}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;filter:blur(12px)}body:before{top:6%;right:-56px;width:260px;height:260px;border-radius:50%;background:var(--blob-a)}body:after{left:-70px;bottom:8%;width:260px;height:260px;border-radius:50%;background:var(--blob-b)}#app{position:relative;z-index:1}.page{width:min(100%,1040px);margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 24px)}.hero{position:relative;display:flex;flex-direction:column;gap:18px;overflow:hidden;width:min(100%,720px);margin:0 auto;padding:28px 22px;border-radius:var(--radius-xl);border:1px solid var(--hero-border);background:linear-gradient(180deg,var(--hero-bg-top),var(--hero-bg-bottom)),#ffffffb8;box-shadow:var(--hero-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:rise-in .7s ease both;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.hero:before{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--accent-line-end),transparent 70%)}.hero__topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;width:100%}.hero__action-panel{position:relative;z-index:1;padding:12px;border-radius:24px;background:linear-gradient(180deg,var(--panel-bg-top),var(--panel-bg-bottom)),#ffffffc7;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow),inset 0 1px #ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.hero__badge{display:inline-flex;align-items:center;flex:0 1 auto;min-height:30px;max-width:calc(100% - 52px);padding:0 12px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:12px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .35s ease,color .35s ease}.theme-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--switch-border);background:var(--switch-bg);color:var(--switch-text);cursor:pointer;transition:background-color .35s ease,border-color .35s ease,color .35s ease,transform .2s ease}.theme-switch:active{transform:scale(.985)}.theme-switch__icon{width:19px;height:19px}.hero h1{position:relative;z-index:1;margin:4px 0 6px;font-size:clamp(26px,6vw,44px);line-height:1.14;letter-spacing:-.05em;max-width:none;white-space:nowrap;text-wrap:nowrap;color:var(--heading-color);transition:color .35s ease}.hero__desc{position:relative;z-index:1;margin:2px 0 10px;color:var(--desc-highlight);font-size:14px;font-weight:600;line-height:1.78;max-width:36rem;transition:color .35s ease}.hero__actions{display:grid;gap:12px;margin-top:0}.cta-btn{width:100%;min-height:56px;padding:15px 18px;border:1px solid transparent;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.cta-btn:active{transform:scale(.985)}.cta-btn:disabled{cursor:wait;opacity:.78;box-shadow:none}.cta-btn--primary{color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);box-shadow:0 18px 34px #4f7cff3d}.cta-btn--secondary{color:var(--secondary-text);background:var(--secondary-bg);border-color:var(--secondary-border)}.cta-btn--download{color:#fff;background:linear-gradient(135deg,#33c56f,#4fd6b3);box-shadow:0 18px 34px #33c56f3d}.hero__note{position:relative;z-index:1;margin:0;color:var(--text-soft);font-size:13px;line-height:1.6;text-align:center}.hero__note--error{color:#d14f63}.hero__record{position:relative;z-index:1;margin:-4px 0 0;text-align:center}.hero__record a{color:var(--record-color);font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;transition:color .35s ease}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.guide-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080f1c7a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.guide-modal__card{position:relative;z-index:1;width:min(100%,440px);padding:52px 22px 22px;border-radius:28px;border:1px solid rgba(79,124,255,.18);background:linear-gradient(180deg,var(--hero-bg-top),var(--hero-bg-bottom)),#fffffff5;box-shadow:var(--hero-shadow);text-align:center}.guide-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:#0f172a14;color:var(--heading-color);font-size:28px;line-height:1;cursor:pointer}.guide-modal__message{margin:0;color:var(--heading-color);font-size:24px;font-weight:800;line-height:1.55}.guide-modal__timer{margin:16px 0 0}.guide-modal__timer{color:var(--desc-highlight);font-size:18px;font-weight:600;line-height:1.5}.guide-modal__button{width:100%;min-height:54px;margin-top:20px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);box-shadow:0 16px 30px #4f7cff38;color:#fff;font-size:18px;font-weight:700;cursor:pointer}.guide-modal-enter-active,.guide-modal-leave-active{transition:opacity .22s ease,transform .22s ease}.guide-modal-enter-from,.guide-modal-leave-to{opacity:0;transform:translateY(8px)}.hero__group{position:relative;z-index:1}.hero__group-title{margin:0 0 10px;color:var(--section-title);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .35s ease}.hero__tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tag-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:116px;padding:18px 14px;border-radius:22px;background:linear-gradient(180deg,var(--card-bg-top),var(--card-bg-bottom)),#ffffffc7;border:1px solid rgba(79,124,255,.18);box-shadow:var(--quick-card-shadow),inset 0 1px #fffffff2;text-align:left;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capability-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:92px;padding:18px 16px;border-radius:20px;background:linear-gradient(180deg,var(--cap-bg-top),var(--cap-bg-bottom)),#ffffffe0;border:1px solid var(--card-border);box-shadow:var(--card-shadow),inset 0 1px #ffffffeb;text-align:left;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#07c1601a;box-shadow:inset 0 1px #ffffffe0}.card-icon svg{width:28px;height:28px;display:block}.tag-chip strong,.tag-chip small,.capability-item strong,.capability-item small{display:block}.tag-chip strong,.capability-item strong{color:var(--title-color);font-size:17px;font-weight:700;line-height:1.35;transition:color .35s ease}.tag-chip small,.capability-item small{color:var(--card-subtitle);font-size:13px;line-height:1.65;font-weight:500;transition:color .35s ease}.tag-chip small{color:var(--quick-subtitle);font-weight:600}.capability-item small{color:var(--cap-subtitle)}.tag-chip:before,.capability-item:before{content:"";width:34px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-line-start),var(--accent-line-end))}.tag-chip small{max-width:16ch;white-space:pre-line}.capability-item small{max-width:18ch}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.page{padding-left:28px;padding-right:28px}.hero{min-height:calc(100vh - 72px);justify-content:center;padding:40px 42px}.hero__actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.page{padding-left:14px;padding-right:14px}.hero{gap:16px;padding:22px 18px;border-radius:26px}.hero h1{margin:6px 0 8px;font-size:clamp(19px,5.1vw,25px);line-height:1.1;letter-spacing:-.055em;max-width:100%}.hero__desc{font-size:13px;line-height:1.72;margin:4px 0 12px}.guide-modal{padding:16px}.guide-modal__card{padding:48px 18px 18px;border-radius:22px}.guide-modal__close{top:12px;right:12px;width:34px;height:34px;font-size:26px}.guide-modal__message{font-size:21px}.guide-modal__timer{font-size:16px}.guide-modal__button{min-height:50px;font-size:17px}.hero__action-panel{padding:10px;border-radius:20px}.hero__actions,.capability-grid{grid-template-columns:1fr}.hero__tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tag-chip{align-items:center;justify-content:flex-start;gap:10px;min-height:166px;padding:15px 9px 13px;border-radius:20px;text-align:center}.capability-item{min-height:0;padding:16px 14px}.tag-chip strong,.capability-item strong{font-size:15px}.tag-chip small,.capability-item small{max-width:none;font-size:12px;line-height:1.55}.tag-chip strong{font-size:clamp(13px,3vw,14.2px);line-height:1.2}.tag-chip small{font-size:clamp(10.7px,2.4vw,11.5px);line-height:1.5;letter-spacing:.015em}.tag-chip:before{display:none}.card-icon{width:28px;height:28px;border-radius:10px}.card-icon svg{width:19px;height:19px}}@media(max-width:420px){.hero{padding:20px 16px;border-radius:28px}.hero__topbar{align-items:center;flex-direction:row;justify-content:space-between;gap:8px}.hero h1{margin:6px 0 8px;font-size:clamp(17px,5.1vw,20px);line-height:1.08;letter-spacing:-.065em;max-width:100%}.hero__tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tag-chip{align-items:center;justify-content:flex-start;gap:10px;min-height:174px;aspect-ratio:auto;padding:14px 8px 12px;border-radius:18px;text-align:center}.tag-chip:before{display:none}.card-icon{width:24px;height:24px;border-radius:9px}.card-icon svg{width:16px;height:16px}.tag-chip strong{font-size:clamp(12.2px,3.45vw,13.2px);line-height:1.18}.tag-chip small{color:var(--card-subtitle);display:block;max-width:none;color:var(--quick-subtitle);font-size:clamp(10.2px,2.95vw,10.9px);font-weight:600;line-height:1.46;letter-spacing:.015em;overflow:visible}}