:root{color-scheme:light;--color-bg: #faf7f2;--color-text: #2b2622;--color-muted: #6f665d;--color-accent: #b5673a;--color-card-bg: #ffffff;--color-border: #e7e0d6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{display:flex;justify-content:center;padding:24px 16px;min-height:100vh}.status{color:var(--color-muted);text-align:center;margin-top:40px}.page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;align-self:flex-start}.event-card{width:100%;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:24px}.event-card__cover{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin-bottom:20px}.event-card__title{margin:0 0 8px;font-size:1.5rem}.event-card__date{margin:0 0 16px;color:var(--color-muted);font-size:.95rem}.event-card__description{margin:0 0 16px;white-space:pre-wrap}.event-card__status{margin:0;padding:12px 16px;background:#f4ede3;border-radius:10px;color:var(--color-accent);font-weight:600}.message{width:100%;max-width:480px;text-align:center;margin-top:40px;align-self:flex-start}.message__title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.message--error p{color:var(--color-muted)}.upload{width:100%;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:20px}.upload__quality{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px}.upload__quality-legend{padding:0 4px;font-size:.85rem;font-weight:600;color:var(--color-muted)}.upload__quality-option{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.upload__quality-hint{margin:4px 0 0;color:var(--color-muted);font-size:.8rem}.upload__picker{display:flex}.upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload__picker-button{display:inline-block;width:100%;text-align:center;padding:12px 20px;background:var(--color-accent);color:#fff;border-radius:10px;font-weight:600;cursor:pointer}.upload__picker-button:focus-within,.upload__input:focus-visible+.upload__picker-button{outline:2px solid var(--color-accent);outline-offset:2px}.upload__counter{margin:16px 0 0;color:var(--color-muted);font-size:.9rem}.upload__send-button{display:block;width:100%;margin-top:12px;padding:12px 20px;background:var(--color-text);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.upload__send-button:disabled{opacity:.6;cursor:default}.upload__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:12px}.upload__grid:empty{margin-top:0}.tile{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:var(--color-card-bg);border:1px solid var(--color-border)}.tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg);display:flex;align-items:center;justify-content:center;text-align:center}.tile__label{color:var(--color-muted);font-size:.7rem;padding:0 6px}.tile__image{width:100%;height:100%;object-fit:cover;display:block}.tile__media--error,.tile__media--video{flex-direction:column;gap:4px;padding:6px;color:var(--color-muted)}.tile__icon{display:flex}.tile__name{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tile__progress{position:absolute;inset:0;pointer-events:none}.tile__progress-edge{position:absolute;background:var(--color-accent)}.tile__progress-edge--top{top:0;left:0;width:0%;height:4px}.tile__progress-edge--right{top:0;right:0;width:4px;height:0%}.tile__progress-edge--bottom{bottom:0;right:0;width:0%;height:4px}.tile__progress-edge--left{bottom:0;left:0;width:4px;height:0%}.tile__status{display:flex;gap:4px;padding:6px 6px 0}.tile__status-field{flex:1;min-height:1.4em;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.8rem;font-weight:700;line-height:1;background:var(--color-bg);border:1px solid var(--color-border)}.tile__status-field--ok{color:#3a8b4a;background:#3a8b4a1f;border-color:#3a8b4a66}.tile__status-field--error{color:#c23b3b;background:#c23b3b1f;border-color:#c23b3b66}.tile__status-field--pending{color:#a67c1f;background:#a67c1f1f;border-color:#a67c1f66}.tile__message{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px 6px;text-align:center}.tile__message-text{font-size:.6rem;line-height:1.2;color:var(--color-muted)}.tile__message--error .tile__message-text{color:#c23b3b;font-weight:600}.tile__message-retry{border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:.6rem;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer}.my-files{width:100%;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:20px}.my-files__title{margin:0 0 12px;font-size:1.1rem}.my-files__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.my-files__tile{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);display:flex;flex-direction:column}.my-files__media{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.my-files__image{width:100%;height:100%;object-fit:cover;display:block}.my-files__icon{color:var(--color-muted);display:flex}.my-files__name{font-size:.65rem;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.my-files__delete{border:none;background:#2b2622bf;color:#fff;font-size:.7rem;font-weight:600;padding:6px 4px;cursor:pointer}.my-files__delete:disabled{opacity:.5;cursor:default}.my-files__error{margin:0;padding:4px 6px;font-size:.65rem;color:#c23b3b;background:#c23b3b14;text-align:center}