:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #eeeeee;--bg-input: #e0e0e0;--text-primary: #111111;--text-secondary: #444444;--text-muted: #888888;--accent: #333333;--accent-hover: #555555;--accent-glow: rgba(0, 0, 0, .15);--success: #333333;--error: #111111;--error-bg: rgba(0, 0, 0, .05);--border: #cccccc;--border-focus: #333333;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .08);--transition: all .2s ease;--theme-header-bg: var(--bg-secondary);--theme-header-text: var(--text-primary);--theme-header-border: var(--border)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-width:375px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-align:center}h2{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.95rem}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}input[type=text],input[type=email],input[type=password],input[type=tel],textarea{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:var(--transition)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin:1rem 0}table th,table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}table th{background:var(--bg-card);font-weight:500;color:var(--text-secondary);font-size:.875rem}table td{color:var(--text-primary)}pre{background:var(--bg-primary);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.8rem;color:var(--text-secondary)}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:2rem;background:var(--bg-card)}legend{padding:0 .75rem;font-size:.875rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}a,.link{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover,.link:hover{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-decoration:none;border:none;line-height:1;box-sizing:border-box;vertical-align:middle}.btn-full-width{width:100%}.btn-white:active,.btn-primary:active,.btn-gray:active{transform:translateY(0)}.btn-white{background:#fff;color:var(--bg-primary);border:1px solid var(--border)}.btn-white:hover{background:var(--text-primary)}.btn-gray{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-gray:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-focus)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 var(--accent-glow)}.btn-link{background:transparent;color:var(--text-secondary)}.btn-link:hover{color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-size-txt{width:auto}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn svg{flex-shrink:0;margin-right:.5rem;margin-top:-3px;margin-bottom:-3px}a.btn,button.btn{height:auto;min-height:2.75rem}.message.error{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:.875rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.875rem}.message.success{background:#10b9811a;border:1px solid var(--success);color:var(--success);padding:.875rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.875rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-lg);animation:fadeIn .3s ease;width:100%;max-width:440px;margin:0 auto 1.5rem}.card.full-width{max-width:none}.card h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-align:center}.card>p{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;font-size:.95rem}.card div{margin-bottom:1rem}.card .footnote{font-size:.875rem;color:var(--text-muted);text-align:center;margin-top:1rem}.input-prefix,.input-suffix{display:flex;align-items:stretch}.input-prefix>span,.input-prefix>label,.input-suffix>span,.input-suffix>label{margin:0}.input-prefix>span,.input-prefix>label{display:flex;align-items:center;padding:0 1rem;background:var(--bg-input);border:1px solid var(--border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-secondary);font-size:1rem}.input-prefix>input{flex:1;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-suffix{display:flex;align-items:stretch}.input-suffix>input{flex:1;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.input-suffix>span,.input-suffix>label{display:flex;align-items:center;padding:0 1rem;background:var(--bg-input);border:1px solid var(--border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-size:1rem}.middle,.right{display:flex;align-items:center;justify-content:center}.right>*{margin-left:auto}.left-flex{margin-right:auto}.right-flex{margin-left:auto}.hidden{display:none}.menu{display:flex;flex-direction:column;gap:.25rem}.menu.horizontal{flex-direction:row}.menu.horizontal .right{margin-left:auto}.menu.bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:.5rem}.menu>*{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition);font-size:.9rem}.menu>*:hover{background:var(--bg-card);color:var(--text-primary)}.menu>*.active{background:var(--bg-card);color:var(--accent)}.menu>* svg{width:20px;height:20px;flex-shrink:0}.layout.two-left{display:flex;flex-direction:column;width:100%;flex:1}.layout.two-left>:first-child{display:flex;flex-direction:row;gap:.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.5rem;overflow-x:auto}.layout.two-left>:nth-child(2){flex:1;padding:1rem;min-width:0}input.toggle+*{display:none}input.toggle:checked+*{display:block}.cursor-pointer{cursor:pointer}.scrollable{overflow:auto}@media(min-width:769px){.layout.two-left{flex-direction:row}.layout.two-left>:first-child{flex-direction:column;width:320px;min-width:320px;border-bottom:none;border-right:1px solid var(--border);padding:.75rem;overflow-x:visible}.layout.two-left>:nth-child(2){padding:2rem}}body{display:flex;flex-direction:column;min-height:100vh;margin:0}body>div{flex:1;display:flex;flex-direction:column}header{border-bottom:1px solid var(--theme-header-border);background:var(--theme-header-bg);color:var(--theme-header-text);padding:.75rem 1rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;transition:background .2s ease;width:100%}header>div{display:flex;align-items:center;justify-content:space-between;width:100%}header>div .logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.125rem;transition:var(--transition)}header>div .logo>svg{max-height:44px}header>div .logo img{height:36px;width:auto;flex-shrink:0}header>div .logo:hover{opacity:.85}@media(min-width:641px){header{padding:1rem 2rem}}main{flex:1;padding:1rem;width:100%;max-width:1400px;margin:0 auto}@media(min-width:641px){main{padding:2rem}}footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem;margin-top:auto}footer>div{display:flex;flex-direction:column;gap:.75rem;text-align:center;font-size:.875rem;color:var(--text-muted)}footer>div a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}footer>div a:hover{color:var(--accent-hover)}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}footer nav a{display:inline-flex;align-items:center;gap:.25rem}@media(min-width:641px){footer{padding:1.5rem 2rem}footer>div{max-width:1400px;margin:0 auto;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;width:100%}}