:root{--accent: #1456be;--accent-press: #0f47a0;--accent-wash: #eef3fc;--ok: #0a7f5c;--ok-wash: #e8f6f1;--ink: #101b2b;--ink-2: #46566b;--ink-3: #6b7b91;--hair: #e3e9f0;--hair-2: #ccd6e2;--sheet: #ffffff;--ground: #f5f7fa;--danger: #b42318;--danger-wash: #fef3f2;--attention-wash: #fffaf0;--attention-hair: #f0dcb8;--attention-ink: #7a4a00;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--r-field: 10px;--r-sheet: 14px;--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--hair-2) transparent}body{font-family:var(--sans);color:var(--ink);background:var(--ground);line-height:1.5;-webkit-font-smoothing:antialiased}::-moz-selection{background:var(--accent-wash);color:var(--ink)}::selection{background:var(--accent-wash);color:var(--ink)}input,select,textarea{caret-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 16px}.strip{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--hair)}.strip-in{display:flex;align-items:center;gap:10px;height:52px}.logo{height:21px;width:auto;display:block}.strip .state{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}.strip .state.ok{color:var(--ok)}.rail{height:2px;background:var(--hair)}.rail>i{display:block;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .5s var(--ease)}.intro{padding:26px 0 22px}.intro h1{font-size:clamp(22px,5.6vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.15}.intro p{color:var(--ink-2);font-size:14.5px;margin-top:8px;max-width:52ch}.sheet{background:var(--sheet);border:1px solid var(--hair);border-radius:var(--r-sheet);overflow:hidden}.sec{padding:20px 16px}.sec+.sec{border-top:1px solid var(--hair)}@media (min-width: 640px){.sec{padding:24px 22px}}.sec>h2{font-size:15.5px;font-weight:600;letter-spacing:-.012em;display:flex;align-items:center;gap:8px}.sec>h2 .done{color:var(--ok);display:inline-flex}.sec>h2 .opt{margin-left:auto;font-size:11.5px;font-weight:500;color:var(--ink-3);letter-spacing:0}.sec>.note{font-size:13.5px;color:var(--ink-2);margin-top:5px;max-width:54ch}.fields{display:grid;grid-template-columns:1fr;gap:15px;margin-top:16px}@media (min-width: 560px){.fields{grid-template-columns:1fr 1fr}.fields .wide{grid-column:1 / -1}}.f{display:flex;flex-direction:column;gap:6px;min-width:0}.f>.lab{font-size:13px;font-weight:600;color:var(--ink)}.f>.lab .opt{font-weight:400;color:var(--ink-3);margin-left:5px}.f>.help{font-size:12px;color:var(--ink-3)}input[type=text],input[type=email],input[type=tel],input[type=url],select{font:inherit;font-size:16px;color:var(--ink);background:var(--sheet);border:1px solid var(--hair-2);border-radius:var(--r-field);padding:11px 12px;width:100%;min-height:44px;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}input::-moz-placeholder{color:#a9b6c6}input::placeholder{color:#a9b6c6}input:hover,select:hover{border-color:#b6c3d3}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1456be1f}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236b7b91' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.swatch{display:flex;align-items:center;gap:8px}.swatch input[type=color]{width:44px;height:44px;flex:none;padding:0;border:1px solid var(--hair-2);border-radius:var(--r-field);background:none;cursor:pointer}.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.up{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--hair-2);border-radius:var(--r-field);padding:12px;background:var(--sheet);cursor:pointer;transition:border-color .14s var(--ease),background .14s var(--ease);font:inherit}.up:hover{border-color:var(--accent);background:var(--accent-wash)}.up input{display:none}.up .ico{width:34px;height:34px;flex:none;border-radius:8px;background:var(--ground);color:var(--ink-2);display:grid;place-items:center}.up .txt{min-width:0;display:block}.up .t{display:block;font-size:13.5px;font-weight:600;line-height:1.35}.up .s{display:block;font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}.up.has{border-color:var(--ok);background:var(--ok-wash)}.up.has .ico{background:#d6ede5;color:var(--ok)}.up.has .t{color:#075e44;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item+.item{margin-top:14px;padding-top:14px;border-top:1px dashed var(--hair)}.item-h{display:flex;align-items:center;justify-content:space-between}.item-h b{font-size:12.5px;font-weight:600;color:var(--ink-2)}.tbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font:inherit;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;padding:6px 0}.tbtn.quiet{color:var(--ink-3)}.tbtn:hover{text-decoration:underline}.finish{padding:22px 0 56px}.todo{background:var(--attention-wash);border:1px solid var(--attention-hair);color:var(--attention-ink);border-radius:var(--r-field);padding:12px 14px;font-size:13.5px;margin-bottom:14px}.todo b{display:block;font-weight:600;margin-bottom:3px}.btn{display:block;width:100%;font:inherit;font-size:15.5px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--r-field);padding:14px 20px;min-height:50px;cursor:pointer;transition:background .14s var(--ease),transform .1s var(--ease)}.btn:hover:not(:disabled){background:var(--accent-press)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:#c3cddb;cursor:not-allowed}.finish .after{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:11px}.err{color:var(--danger);background:var(--danger-wash);border:1px solid #f6cfcb;border-radius:var(--r-field);padding:10px 12px;font-size:13.5px;margin-top:12px}.state-page{max-width:400px;margin:0 auto;padding:18vh 20px;text-align:center}.state-page .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin:0 auto 16px}.state-page h1{font-size:19px;font-weight:700;letter-spacing:-.02em}.state-page p{color:var(--ink-2);font-size:14.5px;margin-top:8px}.loading{display:grid;place-items:center;min-height:70vh;color:var(--ink-3);font-size:14px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
