*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1117;--color-card: #161b22;--color-card-elevated: #1e2430;--color-text: #e6edf3;--color-text-muted: #7d8590;--color-text-subtle: #484f58;--color-accent: #0ea5a0;--color-accent-hover: #14b8b2;--color-accent-light: rgba(14, 165, 160, .15);--color-border: #30363d;--color-border-subtle: #21262d;--color-error: #f85149;--color-error-bg: rgba(248, 81, 73, .08);--color-success: #3fb950;--color-success-bg: rgba(63, 185, 80, .1);--color-criticism: #e3b341;--color-criticism-bg: rgba(227, 179, 65, .08);--color-criticism-border: #9e6a03;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}body{font-family:var(--font-stack);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.app{width:100%;max-width:600px;animation:fadeIn .3s ease}.app__card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:28px 24px}.app__header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border-subtle)}.app__subtitle{font-size:.82rem;color:var(--color-text-subtle);margin-top:14px;text-align:center;letter-spacing:.01em}.recipient{display:flex;align-items:center;gap:16px}.recipient__avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;background:var(--color-card-elevated);border:2px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.recipient__avatar-img{width:100%;height:100%;object-fit:cover}.recipient__avatar-initials{font-size:1.6rem;font-weight:700;color:var(--color-accent)}.recipient__info{text-align:left}.recipient__name{font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.2}.recipient__designation{font-size:.82rem;color:var(--color-text-muted);margin-top:3px}.recipient__department{font-size:.78rem;color:var(--color-text-subtle);margin-top:2px}.app__section{margin-bottom:20px}.app__label{display:block;font-size:.72rem;font-weight:600;color:var(--color-text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.app__error{background:var(--color-error-bg);color:var(--color-error);padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px;border:1px solid rgba(248,81,73,.2)}.loading{text-align:center;padding:60px 20px}.loading__spinner{width:36px;height:36px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.loading__text{color:var(--color-text-muted);font-size:.9rem}.not-found{text-align:center;padding:60px 20px}.not-found__icon{font-size:2.5rem;margin-bottom:16px;opacity:.4}.not-found__title{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:var(--color-text)}.not-found__text{color:var(--color-text-muted);font-size:.9rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-card{padding:12px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-elevated);font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;text-align:center}.category-card:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.category-card--selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-hover);font-weight:600;box-shadow:0 0 0 1px var(--color-accent)}.category-card--criticism{border-color:var(--color-criticism-border);background:var(--color-criticism-bg);color:var(--color-criticism)}.category-card--criticism:hover{border-color:var(--color-criticism);background:#e3b34124}.category-card--criticism.category-card--selected{border-color:var(--color-criticism);background:#e3b34124;color:var(--color-criticism);box-shadow:0 0 0 1px var(--color-criticism)}.category-selector{display:flex;flex-direction:column;gap:0}.category-criticism-zone{margin-top:4px}.category-divider{display:flex;align-items:center;gap:10px;margin:12px 0 10px;color:var(--color-text-subtle);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.category-divider:before,.category-divider:after{content:"";flex:1;border-top:1px solid var(--color-border-subtle)}.category-criticism-row{display:flex;gap:8px}.category-criticism-row .category-card{flex:1}.category-criticism-row .category-card:not(.category-card--selected):not(:hover){border-color:var(--color-border);background:var(--color-card-elevated);color:var(--color-text-muted)}.message-input{display:flex;flex-direction:column}.message-input__textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical;min-height:120px;color:var(--color-text);background:var(--color-card-elevated);transition:border-color .15s ease;outline:none}.message-input__textarea::placeholder{color:var(--color-text-subtle)}.message-input__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0ea5a01f}.message-input__footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;min-height:22px}.message-input__validation{font-size:.78rem;color:var(--color-error)}.message-input__count{font-size:.78rem;color:var(--color-text-subtle);margin-left:auto}.message-input__notice{font-size:.8rem;color:var(--color-text-muted);margin-top:8px;padding:8px 12px;background:var(--color-card-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.turnstile-widget{display:flex;justify-content:center;margin:4px 0}.submit-button{width:100%;padding:13px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.submit-button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 0 16px #0ea5a04d}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{background:var(--color-border);color:var(--color-text-subtle);cursor:not-allowed}.submit-button--criticism{background:var(--color-criticism);color:#0d1117}.submit-button--criticism:hover:not(:disabled){background:#f0be5a;box-shadow:0 0 16px #e3b3414d}.submit-button--criticism:disabled{background:var(--color-border);color:var(--color-text-subtle)}.submit-button__loading{display:inline-flex;align-items:center;gap:8px}.submit-button__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.success{text-align:center;padding:20px 0;animation:fadeIn .4s ease}.success__icon{width:64px;height:64px;background:var(--color-success-bg);border:1px solid rgba(63,185,80,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.75rem;color:var(--color-success)}.success__title{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:6px}.success__text{color:var(--color-text-muted);font-size:.9rem;margin-bottom:28px}.closed{text-align:center;padding:40px 20px}.closed__text{color:var(--color-text-muted);font-size:.9rem}.countdown{display:flex;flex-direction:column;align-items:center}.countdown__circle{position:relative;width:90px;height:90px;margin-bottom:10px}.countdown__svg{width:100%;height:100%;transform:rotate(-90deg)}.countdown__track{fill:none;stroke:var(--color-border);stroke-width:5}.countdown__progress{fill:none;stroke:var(--color-accent);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.countdown__number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--color-text)}.countdown__text{font-size:.85rem;color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes emojirise{0%{transform:translateY(0) rotate(10deg);opacity:1}to{transform:translateY(-115vh) rotate(-15deg);opacity:.4}}@media(max-width:400px){#root{padding:20px 10px 16px;align-items:flex-start}.app__card{padding:20px 16px;border-radius:var(--radius-md)}.recipient__avatar{width:52px;height:52px}.recipient__avatar-initials{font-size:1.2rem}.recipient__name{font-size:1.05rem}.category-grid{gap:6px}.category-card{padding:10px 6px;font-size:.82rem}.message-input__textarea{min-height:100px}.submit-button{padding:12px 16px;font-size:.9rem}.countdown__circle{width:76px;height:76px}.countdown__number{font-size:1.4rem}}@media(min-width:480px){.category-grid{grid-template-columns:repeat(3,1fr)}.app__card{padding:36px 32px}}@media(min-width:640px){.category-grid{grid-template-columns:repeat(4,1fr)}}