.f-shell{--f-h:44px;--f-radius:var(--radius-md);--f-bg:var(--color-surface-2);--f-ring:var(--color-border);--f-ring-hover:var(--color-border-strong);--f-danger-soft:color-mix(in srgb, var(--color-danger) 16%, transparent);position:relative}.f-panel{border-radius:var(--radius-2xl);background:var(--color-surface-1);box-shadow:var(--shadow-panel);padding:clamp(1.5rem,1rem + 2vw,2.5rem);position:relative}.f-head{gap:var(--space-2);margin-bottom:var(--space-8);display:grid}.f-head .t-label{align-items:center;gap:8px;display:flex}.f-title{font-size:var(--text-title-4);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-text);line-height:1.3}.f-title:focus{outline:none}.f-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.f-form{gap:var(--space-6);display:grid}.f-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.f-grid>.f-span,.f-grid>fieldset,.f-grid>.f-group{grid-column:1/-1}.f-section{gap:var(--space-5);border:0;min-width:0;margin:0;padding:0;display:grid}.f-section-title+*{clear:both}.f-section+.f-section{padding-top:var(--space-6);border-top:1px solid var(--color-line)}.f-section-title{float:left;width:100%;margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-tertiary);padding:0}@media (width<=560px){.f-grid{grid-template-columns:minmax(0,1fr)}}.f-field{align-content:start;gap:8px;min-width:0;display:grid}.f-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.f-optional{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.f-control{align-items:center;display:flex;position:relative}.f-input,.f-select,.f-textarea{width:100%;min-width:0;height:var(--f-h);border-radius:var(--f-radius);font-size:var(--text-base);color:var(--color-text);background:var(--f-bg);box-shadow:inset 0 0 0 1px var(--f-ring);appearance:none;transition:box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:0;outline:none;padding:0 14px}.f-input::placeholder,.f-textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.f-input:hover,.f-select:hover,.f-textarea:hover{box-shadow:inset 0 0 0 1px var(--f-ring-hover)}.f-input:focus-visible,.f-select:focus-visible,.f-textarea:focus-visible,.f-input:focus,.f-select:focus,.f-textarea:focus{border-radius:var(--f-radius);box-shadow:inset 0 0 0 1px var(--color-accent), 0 0 0 3px var(--color-accent-soft);outline:none}.f-input[aria-invalid=true],.f-select[aria-invalid=true],.f-textarea[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--color-danger), 0 0 0 3px var(--f-danger-soft)}.f-input[readonly]{color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-subtle);background:0 0}.f-input:disabled,.f-select:disabled,.f-textarea:disabled{opacity:.55;cursor:not-allowed}.f-input.is-mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}.f-input.has-icon{padding-left:40px}.f-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:14px}.f-select{cursor:pointer;padding-right:40px}.f-select:invalid,.f-select option[value=""]{color:var(--color-text-tertiary)}.f-select option{color:var(--color-text);background:var(--color-surface-2)}.f-chevron{color:var(--color-text-tertiary);pointer-events:none;position:absolute;right:14px}.f-textarea{resize:vertical;height:auto;min-height:132px;padding:12px 14px;line-height:1.55}.f-meta{justify-content:space-between;gap:var(--space-3);min-height:0;display:flex}.f-meta:empty{display:none}.f-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.5}.f-counter{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.02em;color:var(--color-text-tertiary);white-space:nowrap;margin-left:auto}.f-counter.is-short{color:var(--color-text-secondary)}.f-counter.is-ok{color:var(--color-accent-text)}.f-error{font-size:var(--text-xs);color:var(--color-danger);align-items:flex-start;gap:6px;line-height:1.45;display:flex}.f-error[hidden]{display:none}.f-error svg{margin-top:1px}.f-check{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:12px;line-height:1.5;display:grid;position:relative}.f-check a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent-line);text-underline-offset:3px}.f-check a:hover{color:var(--color-accent-text)}.f-native{opacity:0;cursor:pointer;width:18px;height:18px;margin:0;position:absolute}.f-box{color:#0000;background:var(--f-bg);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--color-border-strong);transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:5px;place-items:center;margin-top:1px;display:grid}.f-check:hover .f-box{box-shadow:inset 0 0 0 1px var(--color-text-tertiary)}.f-native:checked+.f-box{color:var(--color-on-accent);background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.f-native:focus-visible+.f-box{outline:2px solid var(--color-accent);outline-offset:2px}.f-native[aria-invalid=true]+.f-box{box-shadow:inset 0 0 0 1px var(--color-danger), 0 0 0 3px var(--f-danger-soft)}.f-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.f-group>legend{float:left;width:100%;margin-bottom:10px;padding:0}.f-group>legend+*{clear:both}.f-chips{flex-wrap:wrap;gap:8px;display:flex}.f-chip{display:inline-flex;position:relative}.f-chip-body{border-radius:var(--radius-pill);height:34px;font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--f-bg);box-shadow:inset 0 0 0 1px var(--f-ring);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex}.f-chip-body .icon{opacity:0;width:0;transition:width var(--duration-base) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.f-chip:hover .f-chip-body{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--f-ring-hover)}.f-chip .f-native{width:100%;height:100%;inset:0}.f-chip .f-native:checked+.f-chip-body{color:var(--color-accent-text);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent-line)}.f-chip .f-native:checked+.f-chip-body .icon{opacity:1;width:14px}.f-chip .f-native:focus-visible+.f-chip-body{outline:2px solid var(--color-accent);outline-offset:2px}.f-segment{border-radius:var(--radius-lg);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.f-seg{display:flex;position:relative}.f-seg .f-native{width:100%;height:100%;inset:0}.f-seg-body{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);gap:2px;padding:10px 14px;display:grid}.f-seg-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.f-seg-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.f-seg:hover .f-seg-title{color:var(--color-text)}.f-seg .f-native:checked+.f-seg-body{background:var(--color-surface-selected);box-shadow:inset 0 0 0 1px var(--color-border-strong), var(--shadow-sm)}.f-seg .f-native:checked+.f-seg-body .f-seg-title{color:var(--color-text)}.f-seg .f-native:checked+.f-seg-body .icon{color:var(--color-accent-text)}.f-seg .f-native:focus-visible+.f-seg-body{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=560px){.f-segment{grid-auto-flow:row}}.f-actions{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.f-actions-end{justify-content:flex-end}.f-legal{font-size:var(--text-xs);color:var(--color-text-tertiary);flex:240px;line-height:1.55}.f-legal a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px}.f-legal a:hover{color:var(--color-text)}.f-submit{position:relative}.f-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:2px;animation:.7s linear infinite f-spin;display:none}.f-shell[data-state=submitting] .f-spinner{display:inline-block}.f-shell[data-state=submitting] .f-submit{pointer-events:none;opacity:.85}@keyframes f-spin{to{transform:rotate(360deg)}}@media (width<=560px){.f-actions .f-submit,.f-actions .btn{width:100%}}.f-back{font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);align-items:center;gap:6px;display:inline-flex}.f-back:hover{color:var(--color-text)}.f-alert{border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text);background:var(--f-danger-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-danger) 40%, transparent);grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;display:grid}.f-alert[hidden]{display:none}.f-alert .icon{color:var(--color-danger);margin-top:2px}.f-alert strong{font-weight:var(--weight-medium);display:block}.f-alert p{color:var(--color-text-secondary)}.f-progress{align-items:center;gap:6px;display:flex}.f-progress-bar{background:var(--color-border-strong);width:18px;height:3px;transition:background-color var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out);border-radius:2px}.f-progress-bar.is-done{background:var(--color-accent);width:28px}html.js .f-shell[data-steps] .f-step:not(.is-active){display:none}html.js .f-step.is-active{animation:f-step-in var(--duration-slow) var(--ease-out) both}@keyframes f-step-in{0%{opacity:0;transform:translateY(8px)}}.f-recap{border-radius:var(--radius-lg);min-width:0;font-size:var(--text-sm);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.f-recap .icon{color:var(--color-accent-text)}.f-recap-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;overflow:hidden}html:not(.js) .f-recap,html:not(.js) .f-only-js{display:none}.f-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.f-noscript{margin-top:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border);padding:12px 14px}.f-noscript a{color:var(--color-text);text-underline-offset:3px;text-decoration:underline}.f-success[hidden]{display:none}.f-success{gap:var(--space-6);animation:f-step-in var(--duration-slow) var(--ease-out) both;outline:none;display:grid}.f-shell[data-state=success] .f-form{display:none}.f-shell [hidden]{display:none!important}html:not(.js) .f-next{display:none}
