:root{--color-primary: #253f85;--color-primary-hover: #1d3270;--color-primary-soft: #e9edf7;--color-on-primary: #ffffff;--color-accent: #f08219;--color-accent-soft: #fdf1e2;--color-accent-text: #b85c00;--color-page: #e7e9ee;--color-bg: #f3f5f9;--color-surface: #ffffff;--color-border: #d9dee8;--color-divider: #edf0f5;--color-text: #141b2d;--color-muted: #5b657a;--color-placeholder: #8a93a6;--color-success: #1e8a4c;--color-success-soft: #e6f4ec;--color-warning: #8a4b00;--color-warning-soft: #fdf1e2;--color-danger: #c7362b;--color-danger-soft: #fbecea;--color-danger-border: #f0c4bf;--color-danger-text: #8e211a;--color-disabled: #e1e5ee;--color-disabled-text: #8a93a6;--color-toggle-off: #c5cbd8;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-h1: 700 24px/30px var(--font-family);--font-h2: 600 18px/24px var(--font-family);--font-body: 400 16px/24px var(--font-family);--font-body-strong: 600 16px/24px var(--font-family);--font-caption: 500 14px/20px var(--font-family);--font-hint: 400 13px/18px var(--font-family);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--screen-pad: 16px;--card-pad: 16px;--control-pad: 14px;--radius-btn: 12px;--radius-field: 12px;--radius-card: 14px;--radius-icon: 10px;--radius-check: 6px;--border-w: 1px;--border-w-strong: 2px;--control-h: 52px;--tap-min: 44px;--icon-size: 24px;--icon-stroke: 1.75;--dur: .16s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-page);font:var(--font-body);color:var(--color-text);-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}h1,h2,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}button,input,textarea{font:inherit;color:inherit}.icon{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.icon--muted{color:var(--color-placeholder)}.screen{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--color-bg);padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) var(--screen-pad) calc(var(--space-5) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--space-4)}.screen__title{font:var(--font-h1)}.screen__lead{color:var(--color-muted)}.screen__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}.logo{height:40px;width:auto;align-self:flex-start}.btn{min-height:var(--control-h);width:100%;border:0;border-radius:var(--radius-btn);padding:0 var(--space-4);font:var(--font-body-strong);display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background var(--dur)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover,.btn--primary:active{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn--link{min-height:var(--tap-min);background:none;color:var(--color-primary);font:var(--font-caption)}.btn--back{width:auto;align-self:flex-start;padding:0;gap:var(--space-1)}.btn:disabled{background:var(--color-disabled);color:var(--color-disabled-text);cursor:default}.btn--link:disabled{background:none}.btn--disabled{background:var(--color-disabled);color:var(--color-disabled-text);cursor:default}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid transparent;border-color:currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-card)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font:var(--font-caption);display:flex;flex-direction:column;gap:6px}.field__req{color:var(--color-danger)}.field__control{width:100%;min-height:var(--control-h);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-field);padding:0 var(--control-pad);background:var(--color-surface);font:var(--font-body);color:var(--color-text);outline:0;transition:border-color var(--dur),box-shadow var(--dur);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left}textarea.field__control{min-height:132px;padding:var(--space-3) var(--control-pad);resize:none;display:block}textarea.field__control--auto{min-height:var(--control-h);padding:14px var(--control-pad);line-height:24px;overflow:hidden}.field__control::placeholder,.field__control--placeholder{color:var(--color-placeholder)}.field__wrap{position:relative}.field__wrap .icon{position:absolute;right:var(--control-pad);top:14px;color:var(--color-muted);pointer-events:none}.field__hint{font:var(--font-hint);color:var(--color-muted)}.field__error{font:var(--font-hint);color:var(--color-danger)}.field--focus .field__label{color:var(--color-primary)}.field__control:focus,.field--focus .field__control{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.field--error .field__control{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.select__list{padding:var(--space-1);border-radius:var(--radius-field)}.select__option{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);border-radius:8px;cursor:pointer}.select__option--selected{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.divider{display:flex;align-items:center;gap:var(--space-3);font:var(--font-hint);color:var(--color-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.checkbox{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--tap-min);padding:var(--space-1) 0;font:var(--font-caption);font-weight:400;cursor:pointer}.checkbox__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:0;flex:none;border:1.5px solid var(--color-placeholder);border-radius:var(--radius-check);background:var(--color-surface);transition:background var(--dur);cursor:inherit}.checkbox__input:checked{border-color:var(--color-primary);background:var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/18px no-repeat}.consent--error{background:var(--color-danger-soft);border-radius:var(--radius-field);padding:var(--space-2) var(--space-3)}.consent--error .checkbox__input{border:var(--border-w-strong) solid var(--color-danger)}.consent--error .field__error{display:block;padding-left:36px}.policy__summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px var(--control-pad);font:var(--font-caption);cursor:pointer;list-style:none}.policy__summary::-webkit-details-marker{display:none}.policy[open] .policy__summary .icon{transform:rotate(180deg)}.policy__body{max-height:168px;overflow-y:auto;margin:0 var(--control-pad) var(--control-pad);padding-top:var(--space-3);border-top:var(--border-w) solid var(--color-border);font:var(--font-hint);color:var(--color-muted);white-space:pre-line}.policy__body p+p{margin-top:6px}.policy__body b{color:var(--color-text)}.status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--control-pad)}.status__icon,.menu__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:none}.status__icon{border-radius:50%;background:var(--color-success-soft);color:var(--color-success)}.status__label{font:var(--font-hint);color:var(--color-muted)}.status__value{font-weight:600}.menu{padding:0 var(--space-3);overflow:hidden}.menu__item+.menu__item{border-top:var(--border-w) solid var(--color-divider)}.menu__link{width:100%;min-height:60px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;background:none;border:0;text-align:left;cursor:pointer}.menu__label{flex:1}.menu__icon{border-radius:var(--radius-icon);background:var(--color-primary-soft);color:var(--color-primary)}.menu__icon--neutral{background:var(--color-bg);color:var(--color-muted)}.menu__icon--accent{background:var(--color-accent-soft);color:var(--color-accent-text)}.reminder{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.reminder__text{flex:1}.reminder__state{font:var(--font-hint);color:var(--color-muted)}.toggle{width:52px;height:32px;min-height:0;border:0;border-radius:16px;padding:2px;background:var(--color-toggle-off);display:flex;flex:none;cursor:pointer;transition:background var(--dur);position:relative}.toggle:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.toggle:after{content:"";width:28px;height:28px;border-radius:50%;background:var(--color-surface);transition:transform var(--dur)}.toggle[aria-checked=true]{background:var(--color-primary)}.toggle[aria-checked=true]:after{transform:translate(20px)}.toggle:disabled{opacity:.6;cursor:default}.steps__label{font:var(--font-hint);color:var(--color-muted);margin-bottom:var(--space-2)}.steps__bar{display:flex;gap:var(--space-1)}.steps__seg{flex:1;height:4px;border-radius:2px;background:var(--color-border)}.steps__seg--done{background:var(--color-accent)}.choice{display:flex;gap:var(--space-2)}.choice__card{flex:1;min-height:76px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-card);font:var(--font-caption);text-align:left;cursor:pointer;transition:border-color var(--dur),background var(--dur)}.choice__card:before{content:"";width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-placeholder);background:var(--color-surface)}.choice__card--selected{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary);font-weight:600}.choice__card--selected:before{border:6px solid var(--color-primary)}.kv{padding:0 var(--card-pad)}.kv__row{padding:var(--space-3) 0}.kv__row+.kv__row{border-top:var(--border-w) solid var(--color-divider)}.kv__key{font:var(--font-hint);color:var(--color-muted)}.kv__value{margin:0;overflow-wrap:anywhere}.history{padding:0 var(--card-pad)}.history__row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.history__row+.history__row{border-top:var(--border-w) solid var(--color-divider)}.history__date{font:var(--font-caption);font-weight:400;color:var(--color-muted)}.history__ident{display:block;font:var(--font-hint);color:var(--color-placeholder);margin-top:2px}.history__value{font-weight:600;font-variant-numeric:tabular-nums}.faq{display:flex;flex-direction:column;gap:var(--space-2)}.faq__q{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--control-pad);font-weight:500;cursor:pointer;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__q .icon{color:var(--color-primary)}.faq__item[open] .faq__q{color:var(--color-primary);font-weight:600}.faq__item:not([open]) .faq__minus,.faq__item[open] .faq__plus{display:none}.faq__a{padding:0 var(--control-pad) var(--control-pad);font-size:15px;line-height:22px}.faq__a ul{list-style:disc;padding-left:20px;margin:6px 0}.faq__a b{font-weight:600}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-field);padding:var(--space-3);font:var(--font-caption);font-weight:400}.banner--error{background:var(--color-danger-soft);border:var(--border-w) solid var(--color-danger-border);color:var(--color-danger-text)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.empty__icon{width:72px;height:72px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.empty__icon .icon{width:32px;height:32px}.empty__icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.empty__icon--success{width:88px;height:88px;background:var(--color-success-soft);color:var(--color-success)}.empty__icon--success .icon{width:44px;height:44px}.empty__title{font:var(--font-h2)}.empty__text{color:var(--color-muted);max-width:300px}.skeleton{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.skeleton__line,.skeleton__block{background:var(--color-disabled);border-radius:8px}.skeleton__line{height:24px;width:60%}.skeleton__line--wide{width:85%;height:18px}.skeleton__block{height:64px;border-radius:var(--radius-card)}.skeleton__block--btn{height:var(--control-h);margin-top:auto;border-radius:var(--radius-btn)}.dev-badge{position:fixed;top:0;right:0;background:var(--color-accent);color:#fff;font:var(--font-hint);padding:2px 8px;border-radius:0 0 0 8px;z-index:10}
