:root{--color-dark-green:#537b35;--color-skin:#f7e8d5;--color-text:#2c3e50;--color-shadow:rgba(83,123,53,0.4);--color-border:#3c5a27;--font-handdrawn:'Permanent Marker',cursive,sans-serif}body{font-family:Arial,sans-serif;background-color:var(--color-dark-green);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}.mail-container{background-color:var(--color-skin);width:100%;max-width:600px;padding:30px;border:5px solid var(--color-dark-green);box-shadow:10px 10px 0 0 var(--color-shadow);box-sizing:border-box}.drawing-border{border:2px solid var(--color-border);background-color:#ffffff;padding:10px;font-size:16px;color:var(--color-text);border-radius:3px;transition:all 0.1s ease-in-out}.drawing-border:focus{outline:none;border-color:var(--color-dark-green);box-shadow:2px 2px 0 0 var(--color-shadow)}.mail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed var(--color-border);padding-bottom:15px;margin-bottom:20px}.header-title{color:var(--color-text);font-size:24px;font-weight:bold;letter-spacing:1px}.control-icon{font-size:24px;color:var(--color-border);cursor:pointer;font-weight:normal;padding:5px 10px;transition:color 0.1s}.control-icon:hover{color:var(--color-dark-green)}.mail-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-label{display:block;color:var(--color-dark-green);font-size:14px;margin-bottom:5px;font-weight:bold;text-transform:uppercase}.input-field{width:100%;box-sizing:border-box;height:40px}.textarea-field{width:100%;box-sizing:border-box;resize:none;min-height:200px}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:10px}.action-btn{border:none;padding:10px 20px;font-size:16px;cursor:pointer;text-transform:uppercase;font-weight:bold;letter-spacing:1px;border-radius:0}.drawing-btn{background-color:var(--color-dark-green);color:var(--color-skin);border:2px solid var(--color-border);box-shadow:3px 3px 0 0 var(--color-border);transition:all 0.1s ease-in-out}.drawing-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 var(--color-border);background-color:#6a9544}.drawing-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--color-border)}.btn-icon{margin-right:5px}.mail-footer{text-align:right;margin-top:20px;border-top:1px solid var(--color-border);padding-top:10px}.footer-text{font-size:12px;color:var(--color-text);font-style:italic;opacity:0.7}.welcome-container{background-color:var(--color-skin);width:100%;max-width:450px;padding:40px;border:5px solid var(--color-dark-green);box-shadow:10px 10px 0 0 var(--color-shadow);box-sizing:border-box;text-align:center}.welcome-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-border)}.logo-stamp{width:80px;height:80px;margin-bottom:15px;display:block;margin:0 auto 15px auto}.welcome-title{color:var(--color-dark-green);font-size:28px;font-weight:bold;letter-spacing:2px}.welcome-main{padding:5px 0}.welcome-slogan{color:var(--color-text);font-size:16px;line-height:1.6;margin-bottom:30px;font-style:italic;opacity:0.8}.large-btn{padding:15px 30px;font-size:18px;margin-bottom:20px}.welcome-link{display:block;color:var(--color-dark-green);font-size:14px;text-decoration:none;padding-top:10px;opacity:0.7;transition:opacity 0.2s}.welcome-link:hover{opacity:1;text-decoration:underline}.welcome-footer{margin-top:30px}.control-icon{width:24px;height:24px;vertical-align:middle}.control-icon.close-btn{width:20px;height:20px;stroke:var(--color-border)}.btn-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle;stroke:currentColor}@media (max-width:600px){.mail-container{padding:20px;margin:10px;border-width:3px;box-shadow:5px 5px 0 0 var(--color-shadow)}.form-actions{flex-direction:column;gap:10px}.action-btn{width:100%}}