:root{--background-color: #ffffff;--background-secondary: #f1f1f1;--text-color: #383838;--primary-color: #03b180;--secondary-color: #00a17a;--border-color: #999999;--button-hover-color: #00a17a;--input-focus-color: #00b07e73;--overlay-color: #00000065;--bar-color: #c5c5c5}@media (prefers-color-scheme: dark){:root{--background-color: #222222;--background-secondary: rgb(25, 26, 25);--text-color: #f0f0f0;--primary-color: #00d4a0;--secondary-color: #00b07e;--border-color: #666666;--button-hover-color: #00b07e;--input-focus-color: #00d4a073;--overlay-color: #ffffff3a;--bar-color: #9b9b9b}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}textarea{font-family:Poppins,sans-serif}.letter-form{max-width:600px;margin:auto;padding:20px}.letter{font-family:Brawler,sans-serif;margin:20px auto;max-width:20cm;border:0px solid #000;padding:20px;page-break-before:always;position:relative;background-color:var(--background-color);color:var(--text-color);box-shadow:0 8px 16px #0000001a;border-radius:10px;display:none}.letter-content{font-size:95%;white-space:pre-wrap}@media print{@page{margin:0}#header,button,.letter-form,#footer{display:none!important}#edit-btn{display:none}.letter{background-color:#fff;display:block;min-height:29cm;box-shadow:none;border-radius:0}.letter *{color:#000}.site-name{display:block!important}}label{display:block;margin-top:10px}input,textarea{width:100%;margin:5px auto;box-sizing:border-box;border:1px solid var(--border-color);padding:15px;border-radius:10px;transition:.2s;outline:none;background-color:var(--background-color);color:var(--text-color)}input:focus,textarea:focus{border:1px solid var(--primary-color);outline:3px solid var(--input-focus-color)}textarea{resize:vertical}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}#form-body{row-gap:.2cm;text-align:justify}#subject-line{font-weight:700;text-align:center}.gap-xs{row-gap:.4rem}.gap-s{row-gap:.8rem}.gap-m{row-gap:1rem}.gap-l{row-gap:1.4rem}button{width:200px;margin:2rem auto;padding:10px;border-radius:8px;font-weight:700;background-color:var(--primary-color);color:var(--background-color);border:2px solid var(--primary-color);font-size:1rem;transition:.2s;text-align:center}#edit-btn{position:absolute;right:0%;top:-10%;width:50px;background-color:#adfae7;border:2px solid var(--secondary-color);color:var(--secondary-color);font-size:13px}button:hover{background-color:var(--button-hover-color);outline:3px solid var(--input-focus-color)}#letter-content #body{position:relative;text-align:justify}#header{width:100vw;font-size:.8rem;padding:10px;text-align:center;border-bottom:1.5px solid var(--primary-color);color:var(--text-color)}.site-name{width:100%;color:#5a5a5a;text-align:center;font-weight:700;position:absolute;bottom:0;font-size:75%;display:none}.site-name a{color:#5a5a5a;text-decoration:none}#footer{height:200px;width:100%;background-color:var(--background-secondary);color:var(--text-color);font-weight:400;display:flex;align-items:center;justify-content:center}#footer a{color:var(--text-color);text-decoration:none}#footer .container{margin-top:1rem;display:flex;flex-wrap:wrap;gap:10px}#overlay{position:fixed;top:0;width:100vw;height:100vh;background-color:var(--overlay-color)}#loader{width:200px;text-align:center;font-size:1rem;margin:auto;font-weight:600;color:var(--text-color)}.skeleton-loader{width:100%;height:700px;padding:30px;background-color:var(--background-color);border-radius:8px;display:flex;flex-direction:column;gap:25px;overflow:hidden}.bar-container{overflow:hidden;display:flex;flex-direction:column;gap:12px}.skeleton-bar{overflow:hidden;background-color:var(--bar-color);border-radius:4px;animation:loading 1.5s infinite alternate ease-in-out;position:relative}.skeleton-bar.short{width:30%;height:16px}.skeleton-bar.medium{width:80%;height:16px}.skeleton-bar.long{width:100%;height:16px}.skeleton-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#09e78b66,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-70%}to{left:90%}}.ex-btn-container{display:flex;height:100vh;width:50px;justify-content:center;align-items:center;position:fixed;top:0;right:0;z-index:0}.ex-btn{transform:rotate(90deg) translate(0)}.side-bar{height:100vh;width:250px;padding:10px;background-color:var(--background-color);position:fixed;top:0;right:0;overflow-y:auto;translate:100%;transition:translate .2s;z-index:5}.side-bar h2{text-align:center}.example-container{padding:10px;font-size:medium;margin-top:20px}.example{border:1px solid var(--border-color);padding:10px;text-align:center;cursor:pointer;margin-top:10px;border-radius:5px}.example:hover{border:1px solid var(--primary-color)}.overlay{background-color:#0003;height:100vh;width:100vw;position:fixed;top:0;right:0;display:none;z-index:4}.dis{text-align:left;margin-top:5px;font-size:12px;color:var(--text-color);padding:8px;border-radius:6px}