*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #f7931a;--color-primary-hover: #e8840a;--color-secondary: #6b7280;--color-success: #28a745;--color-ok: #28a745;--color-error: #dc3545;--color-background: #1a1a1a;--color-surface: #2d2d2d;--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-border: #404040;--color-focus: #f7931a;--color-error-bg: rgba(220, 53, 69, .2);--color-error-border: #dc3545;--color-success-bg: rgba(40, 167, 69, .2);--color-success-border: #28a745;--color-info-bg: rgba(13, 202, 240, .15);--color-info-border: #0dcaf0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:500;transition:all .2s}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input{font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);font-size:1rem;transition:border-color .2s;background-color:var(--color-surface);color:var(--color-text);width:100%}input::placeholder{color:var(--color-text-secondary);opacity:.6}input:focus{outline:none;border-color:var(--color-focus)}input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}main{max-width:600px;margin:0 auto;padding:var(--spacing-xl);width:100%}main>div{margin-top:var(--spacing-xl)}main>div:first-child{margin-top:0}h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text);line-height:1.2}h2{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-text);line-height:1.3}section{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}section>div{margin-top:var(--spacing-lg)}section>div:first-of-type{margin-top:0}section>div>div{margin-bottom:var(--spacing-md)}section>div>div:last-child{margin-bottom:0}section label{margin-bottom:var(--spacing-md)}section label:last-of-type{margin-bottom:0}section button{margin-top:var(--spacing-md);width:100%}form{margin-top:var(--spacing-xl)}form>div{margin-bottom:var(--spacing-lg)}form>div:last-of-type{margin-bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}ul[role=list]{list-style:none}li{margin-bottom:var(--spacing-md)}label{display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-lg);font-weight:500;color:var(--color-text)}label:has(input[type=checkbox]){flex-direction:row;align-items:center;margin-bottom:var(--spacing-md)}input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}button[type=submit]{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;width:100%}button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-secondary);color:var(--color-background)}button:disabled:not([type=submit]){opacity:.6;cursor:not-allowed;background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}button:not([type=submit]):not(:disabled){background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;width:100%}button:not([type=submit]):not(:disabled):hover{background-color:var(--color-border)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;word-break:break-all}p.hint{font-size:.8125rem;margin-top:var(--spacing-xs)}a,a:link,a:visited,a:active{color:#fff;text-decoration:none}a:hover,a:focus{color:var(--color-primary);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){main{padding:var(--spacing-md);max-width:100%}h1{font-size:1.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:1.25rem;margin-bottom:var(--spacing-md)}section{padding:var(--spacing-md);margin-top:var(--spacing-md)}button{min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}input{min-height:44px;font-size:1rem;padding:var(--spacing-md)}label{margin-bottom:var(--spacing-md)}form>div{margin-bottom:var(--spacing-md)}}@media (max-width: 480px){main{padding:var(--spacing-sm)}h1{font-size:1.25rem}h2{font-size:1.125rem}section{padding:var(--spacing-sm)}button{width:100%;margin-bottom:var(--spacing-sm)}button:last-child{margin-bottom:0}}@media (max-width: 768px){input:focus,textarea:focus{scroll-margin-top:100px}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{font-size:16px}}@media (hover: none) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button:active{opacity:.7;transform:scale(.98)}}