.back-button:hover,body,h2{color:var(--text-light)}.back-button,.char-info{color:var(--text-medium-light-2)}.form-group,.message,h2{margin-bottom:1.5rem}.message,h2,p{text-align:center}:root{--accent-5:rgb(136, 224, 36);--shadow-green-1:#0085009a;--shadow-green-2:#3a832c8c;--bg-primary:#101010;--text-light:white;--text-medium-light-1:#aaaaaa;--text-medium-light-2:#bbbbbb;--text-medium-light-3:#cccccc;--border-light-translucent:rgba(255, 255, 255, 0.15);--font-montserrat:"Montserrat",sans-serif;--font-oswald:"Oswald",sans-serif;--font-gothic:"Special Gothic Expanded One",sans-serif;--accent-9:rgb(136, 224, 36 , .1);--card-bg-color:#1a1a1a;--input-bg-color:#252525;--input-border-color:var(--border-light-translucent);--primary-color:var(--accent-5);--primary-hover-color:rgb(116, 194, 30);--secondary-color:#e0e0e0;--secondary-hover-color:var(--text-medium-light-1);--button-text-color:var(--bg-primary);--success-bg:#103110;--success-text:var(--accent-5);--success-border:var(--shadow-green-2);--error-bg:#4d1a1a;--error-text:#ffaaaa;--error-border:rgba(255, 100, 100, 0.4)}body{font-family:var(--font-montserrat),sans-serif;padding:15px;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;line-height:1.6;font-size:15px}.form-container{background-color:var(--card-bg-color);padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.4);width:100%;max-width:500px;border:1px solid var(--border-light-translucent);position:relative}.back-button{position:absolute;top:10px;left:10px;background-color:var(--accent-9);padding:6px 12px;border:1px solid var(--border-light-translucent);border-radius:6px;cursor:pointer;text-decoration:none;font-size:.85em;transition:background-color .3s,color .3s;display:inline-flex;align-items:center}.back-button svg{width:14px;height:14px;margin-right:6px;fill:currentColor}.back-button:hover{background-color:rgba(255,255,255,.2)}#char-limit-warning,.char-info .limit-exceeded{color:var(--error-text);font-weight:700}h2{margin-top:2.5rem;font-size:1.5rem;font-weight:600;font-family:var(--font-oswald),sans-serif}.message,label{font-weight:500}p{color:#00e676}label{display:block;margin-bottom:.5rem;color:var(--text-medium-light-1);font-size:.9rem}input[type=file],input[type=text],textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--input-border-color);border-radius:6px;box-sizing:border-box;font-size:1rem;background-color:var(--input-bg-color);color:var(--text-light);transition:border-color .3s,box-shadow .3s}input[type=text]:focus,textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-green-1)}textarea{min-height:120px;resize:vertical}.char-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-top:.5rem}#char-limit-warning{display:none}input[type=file]{padding:.5rem;cursor:pointer}input[type=file]::file-selector-button{background-color:var(--accent-9);color:var(--bg-primary);border:none;padding:.5rem .8rem;border-radius:4px;cursor:pointer;margin-right:1rem;transition:background-color .3s;font-size:.85rem}input[type=file]::file-selector-button:hover{background-color:var(--accent-5)}button[type=submit]{display:block;width:100%;background:var(--primary-color);color:var(--button-text-color);padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color .3s,opacity .3s,box-shadow .3s;margin-top:1rem;box-shadow:0 3px 8px var(--shadow-green-2)}button[type=submit]:hover{background-color:var(--primary-hover-color);box-shadow:0 5px 12px var(--shadow-green-1)}button[type=submit]:disabled{background:#444;color:var(--text-medium-light-1);cursor:not-allowed;opacity:.7;box-shadow:none}.message{padding:.9rem 1.2rem;border-radius:8px;border:1px solid;font-size:.9rem}.success{background-color:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.error{background-color:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}@media (min-width:768px){h2,p{margin-top:0}:root{--accent-1:#19b5f8;--accent-2:#095779;--accent-3:#00aaff;--accent-4:#00b4d8;--accent-6:#0077b6;--accent-7:#0096c7;--accent-8:#005f8f;--accent-9:rgba(136, 224, 36, .1);--gradient-start-1:rgba(9, 87, 121, 1);--gradient-end-1:rgba(16, 16, 16, 1);--shadow-dark-1:rgba(0,0,0,0.27);--shadow-dark-2:rgba(0, 0, 0, 0.35);--shadow-dark-3:rgba(0, 0, 0, 0.45);--shadow-accent-1:rgba(0, 180, 216, 0.3);--shadow-accent-2:rgba(0, 180, 216, 0.45);--shadow-light-1:rgba(255, 255, 255, 0.3);--bg-transparent:transparent;--text-hover-light:#e8e8e8;--border-accent-translucent-1:#50c5ff57;--shadow-inset-1:#09577979;--shadow-inset-2:#00aaff83;--bg-card-1:#1e1e1e;--bg-card-2:#141414;--text-dark:#111111;--shadow-text-1:rgba(0, 0, 0, 0.2);--card-bg-color:var(--bg-card-1);--input-bg-color:#2a2a2a;--input-border-color:var(--border-light-translucent);--primary-color:var(--accent-3);--primary-hover-color:var(--accent-4);--secondary-color:var(--accent-1);--secondary-hover-color:var(--text-hover-light);--button-text-color:var(--text-light);--success-bg:#0b2f3a;--success-text:var(--accent-4);--success-border:var(--accent-8);--error-bg:#4d1a1a;--error-text:#ffaaaa;--error-border:rgba(255, 100, 100, 0.4)}body{padding:20px;font-size:16px}.form-container{padding:2.5rem 3rem;max-width:650px;border:1px solid var(--border-accent-translucent-1)}.back-button{top:15px;left:15px;padding:8px 15px;font-size:.9em;background-color:var(--accent-8);color:var(--text-light);border:none}.back-button:hover{background-color:var(--accent-6);color:var(--text-light)}h2{font-size:1.8rem;margin-bottom:1rem}p{font-size:.8rem;margin-bottom:2rem}.form-group{margin-bottom:1.75rem}label{font-size:.95rem}input[type=file],input[type=text],textarea{padding:.9rem 1rem}input[type=text]:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-accent-1)}textarea{min-height:140px}.char-info{font-size:.85rem}input[type=file]::file-selector-button{background-color:var(--accent-6);color:var(--text-light);padding:.6rem 1rem;font-size:.9rem}input[type=file]::file-selector-button:hover{background-color:var(--accent-7)}button[type=submit]{background:linear-gradient(90deg,var(--accent-6) 0,var(--accent-4) 100%);color:var(--button-text-color);padding:.9rem 1.5rem;font-size:1.15rem;box-shadow:0 4px 10px var(--shadow-accent-1)}button[type=submit]:hover{opacity:.9;box-shadow:0 6px 15px var(--shadow-accent-2)}button[type=submit]:disabled{background:#555;color:var(--text-medium-light-1);cursor:not-allowed;opacity:.7;box-shadow:none}.message{padding:1rem 1.5rem;font-size:1rem}}