*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Special Elite,system-ui;font-weight:400;font-style:normal;color:#000;background:linear-gradient(#f6ebd1eb,#f6ebd1eb),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(89,69,45,.03) 4px)}button,input,textarea,select{font:inherit}a{color:inherit}.logout-button,.auth-form input,.auth-button,.telegram-form input,.telegram-form textarea,.telegram-form-button,.draft-button,.sort-controls select,.delete-telegram-button,.favorite-button{font-family:Special Elite,system-ui;font-weight:400}.auth-paper,.telegram-paper,.telegram-form-paper,.envelope,.draft-card{border:1px solid #9f8565;background-color:#f8efd9;color:#372d25}.auth-form input,.telegram-form input,.telegram-form textarea,.sort-controls select,.favorite-button{border:1px solid #9f8565;background-color:#fffaf0;color:#372d25}.auth-button,.telegram-form-button,.draft-button{padding:10px 25px;border:1px solid #705a43;border-radius:4px;background-color:#e8d5ae;color:#372d25;cursor:pointer}.auth-button:hover,.telegram-form-button:hover,.draft-button:hover{background-color:#dbc398}.auth-error,.telegram-form-error{padding:8px;border:1px solid #925b50;background-color:#f4ddd5;color:#372d25;text-align:center}.no-telegrams-message,.no-drafts-message,.no-favorites-message{color:#705a43;text-align:center}.auth-switch a,.envelope-link,.back-to-telegrams,.cancel-edit-link,.edit-telegram-link,.draft-link,.no-drafts-message a,.no-favorites-message a{color:#372d25}.navbar{min-height:85px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #9f8565;background-color:#e8d5ae}.menu-container{position:relative;justify-self:start}.menu-button{padding:9px 11px;border:1px solid #8f7355;background-color:#f3e3bf;color:#372d25;cursor:pointer}.menu-button:hover,.dropdown-menu a:hover{background-color:#ead4a8}.logout-button{padding:0;border:none;background:none;color:#372d25;cursor:pointer}.logout-button:hover,.navbar-links a:hover,.delete-telegram-button:hover{text-decoration:underline}.dropdown-menu{position:absolute;top:48px;left:0;min-width:220px;display:flex;flex-direction:column;border:1px solid #8f7355;background-color:#f8efd9;box-shadow:5px 5px 10px #372d2526;z-index:10}.dropdown-menu a{padding:14px 18px;border-bottom:1px solid #d5c09a;text-decoration:none}.dropdown-menu a:last-child{border-bottom:none}.brand{justify-self:center;max-width:150px;font-size:.95rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.navbar-links{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:.8rem}.navbar-links a{text-decoration:none}.about-page,.auth-page,.telegram-details-page,.create-telegram-page{min-height:calc(100vh - 85px);display:flex;justify-content:center;align-items:center;padding:30px 16px}.about-content,.auth-paper,.telegram-paper,.telegram-form-paper{width:100%;max-width:100%}.about-content{padding:30px 20px;border:1px solid #a89170;box-shadow:8px 8px #4637281f;background-color:#f8efd9;text-align:center}.about-eyebrow{margin-bottom:10px;font-size:.85rem;text-transform:uppercase;letter-spacing:3px}.about-content h1{margin:10px 0;font-size:clamp(2.6rem,12vw,5rem);font-weight:400;line-height:1}.about-tagline{margin-bottom:30px;font-size:1.1rem;font-style:italic}.about-description{display:grid;gap:18px;line-height:1.7;text-align:left}.auth-paper{padding:30px 22px;border-radius:5px}.auth-paper h1,.telegram-form-paper h1{margin:0;font-size:2rem;font-weight:400;text-align:center}.auth-divider,.telegram-form-divider{height:1px;margin:10px auto 25px;background-color:#9f8565}.auth-divider{width:130px}.telegram-form-divider{width:150px}.auth-form,.telegram-form{display:flex;flex-direction:column;gap:18px}.auth-form label,.telegram-form label{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:.9rem}.auth-form input,.telegram-form input,.telegram-form textarea{width:100%;padding:10px}.auth-form input{font-style:normal}.auth-form input:focus{outline:2px solid #8f7355;outline-offset:2px}.auth-button{align-self:center;margin-top:5px}.auth-switch{margin:20px 0 0;text-align:center}.auth-switch a{font-weight:700}.envelope-link{text-decoration:none}.envelope-container,.envelope{width:100%;max-width:320px}.envelope-container{position:relative}.envelope{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;box-shadow:5px 5px #372d251a;cursor:pointer}.envelope:hover,.favorite-button:hover{background-color:#f2e4c5}.envelope-recipient{text-align:center}.envelope-recipient p,.envelope-sender p,.envelope-date,.all-telegrams-header p,.telegram-details-header p,.telegram-message p{margin:0}.envelope-recipient h2{margin:5px 0;font-size:1.5rem;font-weight:400}.envelope-sender{margin-top:30px}.envelope-date{margin-top:15px;font-size:.8rem;text-align:right}.all-telegrams-page{width:100%;padding:35px 16px}.all-telegrams-header{margin-bottom:30px;text-align:center}.all-telegrams-header h1{margin-bottom:10px;font-size:2rem;font-weight:400}.all-telegrams-header p{color:#705a43}.telegram-grid,.draft-grid{display:grid;grid-template-columns:1fr;justify-items:center}.telegram-grid,.draft-grid{gap:30px}.sort-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:25px}.sort-controls select{padding:8px 12px;cursor:pointer}.telegram-paper{padding:30px 22px;box-shadow:6px 6px #372d251a}.telegram-details-header{margin-bottom:25px}.telegram-details-header h1{margin:5px 0 0;font-size:2rem;font-weight:400}.telegram-message{min-height:180px;padding:25px 0;border-top:1px solid #9f8565;border-bottom:1px solid #9f8565;line-height:1.8}.telegram-details-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:30px}.telegram-details-footer p{margin:3px 0}.telegram-details-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.back-to-telegrams,.edit-telegram-link,.delete-telegram-button{margin-top:35px}.back-to-telegrams{display:inline-block}.owner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.delete-telegram-button{padding:0;border:none;background:none;color:#925b50;cursor:pointer}.telegram-form-paper{padding:30px 22px;box-shadow:6px 6px #372d251a}.telegram-form textarea{resize:vertical}.anonymous-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.anonymous-option input{width:auto}.telegram-form-button,.draft-button{align-self:center}.cancel-edit-link{display:block;margin-top:20px;text-align:center}.draft-card{width:100%;max-width:500px;padding:25px}.draft-card h2{margin:5px 0 20px;font-size:1.4rem;font-weight:400}.draft-preview{min-height:70px;line-height:1.6}.draft-link{display:inline-block;margin-top:15px}.favorite-button{margin-top:10px;padding:7px 12px;cursor:pointer}.favorite-button-active{background-color:#e8d5ae}.favorite-stamp{position:absolute;top:15px;right:15px;padding:8px 7px;border:2px solid #705a43;background-color:#e8d5ae;color:#705a43;font-size:.65rem;letter-spacing:1px;transform:rotate(6deg);pointer-events:none}@media (min-width: 768px){.navbar{grid-template-columns:1fr auto 1fr;gap:0;padding:18px 40px}.brand{max-width:none;font-size:1.35rem;line-height:normal}.navbar-links{flex-direction:row;align-items:center;gap:24px;font-size:1rem}.about-page{padding:70px 20px}.auth-page,.telegram-details-page,.create-telegram-page{padding:40px 20px}.about-content{width:min(760px,100%);padding:60px}.about-content h1{font-size:clamp(2.6rem,6vw,5rem)}.about-tagline{margin-bottom:40px;font-size:1.2rem}.auth-paper{width:600px;padding:35px 60px}.telegram-paper{width:700px;padding:50px 60px}.telegram-form-paper{width:700px;padding:40px 60px}.all-telegrams-page{padding:50px 40px}.all-telegrams-header{margin-bottom:40px}.all-telegrams-header h1{font-size:2.5rem}.telegram-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}.draft-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.draft-card{max-width:none}.telegram-details-header{margin-bottom:35px}.telegram-message{padding:30px 0}.telegram-details-actions{flex-direction:row;justify-content:space-between;align-items:center}.envelope-container,.envelope{width:320px}}