:root{--navy:#1e2a4a;--navy-2:#2a3a66;--yellow:#fbf3bd;--yellow-border:#e8dfa0;--yellow-text:#6b5d1f;--green:#16a34a;--green-soft:#f0fdf4;--gray:#6b7280;--line:#e5e7eb;--bg:#f6f7fb;--surface:#fff;--text:#1f2937;--red:#dc2626;--red-soft:#fef2f2;--select-border:#1e2a4a;--select-bg:#fbf3bd;--heading:#1e2a4a;--accent-soft-bg:#fbf3bd;--accent-soft-border:#e8dfa0;--accent-soft-text:#6b5d1f;--shadow-bar:0 1px 8px #10182814;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--navy:#2a3a66;--navy-2:#3b4e86;--green:#22c55e;--green-soft:#22c55e1f;--gray:#9aa3b5;--line:#262f42;--bg:#0b1020;--surface:#151b2e;--text:#e7e9f0;--red:#f87171;--red-soft:#f8717124;--select-border:#8da0e0;--select-bg:#fbf3bd14;--heading:#c3cdf5;--accent-soft-bg:#fbf3bd24;--accent-soft-border:#fbf3bd59;--accent-soft-text:#fbf3bd;--shadow-bar:0 1px 10px #00000073}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px}button,input,select,textarea{color:inherit;font-family:inherit}svg{flex:none;width:20px;height:20px;display:block}.app{background:var(--bg);flex-direction:column;max-width:520px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.appbar{background:var(--navy);color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 20px 14px;box-shadow:var(--shadow-bar);z-index:20;flex:none;position:relative}.appbar-inner{align-items:center;gap:12px;display:flex}.applogo{border-radius:10px;flex:none;width:34px;height:34px}.appbar-text{flex:auto;min-width:0}.apptitle{font-size:16px;font-weight:800;line-height:1.2}.appsubtitle{opacity:.8;margin-top:2px;font-size:12.5px}.notifbell{color:#fff;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.notifbell svg{width:14px;height:14px}.notifbell.on{background:var(--yellow);color:var(--yellow-text);border-color:var(--yellow-border)}.notifbell.off{opacity:.55}.progress{background:#ffffff2e;border-radius:999px;height:4px;margin-top:12px;overflow:hidden}.progress-fill{background:var(--yellow);border-radius:999px;width:12%;height:100%;transition:width .35s}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;flex:auto;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.wrap{padding:20px 16px 28px}.bottombar{background:var(--surface);border-top:1px solid var(--line);padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);z-index:20;flex:none;position:relative;box-shadow:0 -1px 8px #1018280f}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;margin-bottom:22px;padding:22px 20px}.hero-icon{background:var(--accent-soft-bg);width:44px;height:44px;color:var(--heading);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.hero-icon svg{width:24px;height:24px}.hero-card h1{color:var(--heading);margin-bottom:6px;font-size:18px}.hero-card p{color:var(--gray);font-size:13.5px;line-height:1.5}.badge{background:var(--accent-soft-bg);border:1px solid var(--accent-soft-border);color:var(--accent-soft-text);border-radius:999px;margin-top:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.qlabel{color:var(--heading);margin:20px 0 9px;font-size:14.5px;font-weight:700;display:block}.qlabel .opt{color:var(--gray);font-size:12.5px;font-weight:400}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:14px;padding:16px}.card .qlabel:first-child{margin-top:0}.idgrid{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.typegrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.typecard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-md);text-align:center;cursor:pointer;user-select:none;touch-action:manipulation;padding:18px 12px;transition:border-color .15s,background .15s,transform .1s;position:relative}.typecard:active{transform:scale(.97)}.typecard.selected{border-color:var(--select-border);background:var(--select-bg)}.typecard .tc-icon{background:var(--bg);width:34px;height:34px;color:var(--heading);border-radius:9px;justify-content:center;align-items:center;margin:0 auto 8px;transition:background .15s;display:flex}.typecard .tc-icon svg{width:18px;height:18px}.typecard.selected .tc-icon{background:#1e2a4a1a}.typecard b{color:var(--heading);font-size:14px;font-weight:600}.typecard span{color:var(--gray);margin-top:4px;font-size:12.5px;line-height:1.35;display:block}.tc-check{background:var(--navy);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.5)}.tc-check svg{width:11px;height:11px}.typecard.selected .tc-check{opacity:1;transform:scale(1)}input[type=text],input[type=date],input[type=url],select,textarea{border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);border:1px solid #d1d5db;padding:13px 14px;font-family:inherit;font-size:16px}@media (prefers-color-scheme:dark){input[type=text],input[type=date],input[type=url],select,textarea{border-color:#374158}}textarea{resize:vertical;min-height:84px}.hint{color:var(--gray);margin-top:6px;font-size:12px;line-height:1.4}.upload{background:var(--surface);border-radius:var(--radius-md);text-align:center;color:var(--gray);cursor:pointer;touch-action:manipulation;border:1.5px dashed #c3c9d4;margin-top:14px;padding:22px 16px;font-size:13.5px;transition:transform .1s,border-color .15s}.upload:active{transform:scale(.98)}.upload.has{border-color:var(--green);color:var(--green);background:var(--green-soft);border-style:solid}.upload.error{border-color:var(--red);color:var(--red);background:var(--red-soft);border-style:solid}.upload:first-child{margin-top:0}.upload .up-icon{color:var(--gray);margin:0 auto 8px;display:block}.upload .up-icon svg{width:26px;height:26px;margin:0 auto}.upload.has .up-icon{color:var(--green)}.btn{background:var(--navy);color:#fff;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;border:none;width:100%;padding:16px;font-size:16.5px;font-weight:700;transition:transform .1s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-send{justify-content:center;align-items:center;gap:8px;display:flex}.btn-send svg{width:18px;height:18px}.btn:active{transform:scale(.98)}.btn-secondary{color:var(--navy);border:1.5px solid var(--navy);background:0 0}@media (prefers-color-scheme:dark){.btn-secondary{color:var(--select-border);border-color:var(--select-border)}}.footnote{text-align:center;color:var(--gray);margin-top:14px;font-size:12px;line-height:1.5}.err{color:var(--red);background:var(--red-soft);border-radius:var(--radius-sm);opacity:0;max-height:0;margin-bottom:0;padding:0;font-size:13px;transition:all .2s;overflow:hidden}.err.show{opacity:1;max-height:80px;margin-bottom:10px;padding:10px 12px}#done{text-align:center;padding:36px 4px 10px;display:none}#done .done-icon{background:var(--green-soft);width:56px;height:56px;color:var(--green);border-radius:16px;justify-content:center;align-items:center;margin:0 auto;display:flex}#done .done-icon svg{width:30px;height:30px}#done h2{color:var(--heading);margin:14px 0 10px;font-size:19px}#done p{color:var(--gray);max-width:360px;margin:0 auto;font-size:13.5px;line-height:1.6}#done .steps{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;max-width:380px;margin:22px auto 0;padding:16px;font-size:13px}#done .steps div{align-items:center;gap:10px;padding:7px 0;display:flex}#done .steps .ic{background:var(--bg);width:26px;height:26px;color:var(--heading);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}#done .steps .ic svg{width:15px;height:15px}.section{display:none}.section.show{animation:.25s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.demo{background:var(--accent-soft-bg);border:1px solid var(--accent-soft-border);color:var(--accent-soft-text);text-align:center;border-radius:10px;margin-top:20px;padding:9px 12px;font-size:12px}details.optsec{border-radius:var(--radius-md);background:var(--surface);border:1px dashed #c3c9d4;margin-top:14px;padding:0 14px}details.optsec summary{cursor:pointer;color:var(--heading);touch-action:manipulation;align-items:center;gap:8px;padding:13px 0;font-size:14px;font-weight:700;list-style:none;display:flex}details.optsec summary::-webkit-details-marker{display:none}details.optsec summary:before{content:"▸";transition:transform .15s}details.optsec[open] summary:before{transform:rotate(90deg)}details.optsec summary .opt{color:var(--gray);font-size:12px;font-weight:400}details.optsec>div{padding-bottom:14px}.refbox{background:var(--accent-soft-bg);border:1px solid var(--accent-soft-border);color:var(--accent-soft-text);border-radius:12px;margin-top:14px;padding:10px 16px;font-size:13px;display:inline-block}.refbox b{color:var(--heading);letter-spacing:.05em;font-size:15px}input:focus,select:focus,textarea:focus{outline:2px solid var(--navy-2);outline-offset:1px;border-color:var(--navy-2)}.typecard:focus-visible,.upload:focus-visible,.btn:focus-visible{outline:2px solid var(--navy-2);outline-offset:2px}