/* „Twórz z nami” (S235) — na bazie event-submission.css, kolory z tokenów strony. */
.tzn{max-width:1080px}
.tzn .submission-intro{margin:24px 0 20px}
.tzn-flash{margin:0 0 18px}
.tzn-jump{display:none}
.tzn .submission-errors{margin:0 0 18px;border-radius:8px}
.tzn .submission-errors p{margin:0}
.tzn-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.tzn-h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tzn-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.tzn-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface,#fff);color:var(--ink);text-decoration:none;font-size:15px;font-weight:600}
.tzn-chip:hover{border-color:var(--brand)}
.tzn-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff}
.tzn-sep{width:1px;height:24px;background:var(--line);margin:0 4px}
.tzn-empty{border:1px dashed #9aada2;border-radius:12px;padding:22px;background:var(--surface,#fff)}
.tzn-empty p{margin:0 0 6px}
.tzn-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tzn-item{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);scroll-margin-top:90px}
.tzn-item:target{outline:3px solid var(--signal-bright,#d98b22);outline-offset:2px}
.tzn-plus{flex:0 0 auto}
.tzn-plus button,a.tzn-plus{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;min-height:60px;border:1px solid #9aada2;border-radius:10px;background:var(--surface,#fff);color:var(--ink);font:inherit;cursor:pointer;text-decoration:none}
.tzn-plus b{font-size:17px;line-height:1.1}
.tzn-plus button:hover,a.tzn-plus:hover{border-color:var(--brand);color:var(--brand)}
.tzn-plus button.is-on{background:var(--brand);border-color:var(--brand);color:#fff}
.tzn-plus button:focus-visible,a.tzn-plus:focus-visible,.tzn-chip:focus-visible{outline:3px solid #d98b22;outline-offset:2px}
.tzn-body{min-width:0;flex:1}
.tzn-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px;font-size:13px}
.tzn-kind,.tzn-st{display:inline-block;padding:2px 9px;border-radius:999px;font-weight:600}
.tzn-k-idea{background:var(--brand-soft);color:var(--brand-dark)}
.tzn-k-bug{background:#fdecec;color:#9b2727}
.tzn-st{background:#eef1f4;color:#3c4656}
.tzn-st-considering{background:#fff4e0;color:#7a4b00}
.tzn-st-planned{background:#e6f0ff;color:#123f92}
.tzn-st-done{background:#e5f5ec;color:#0f5f32}
.tzn-st-declined{background:#f1f1f1;color:#555}
.tzn-ago{color:var(--muted)}
.tzn-title{margin:0;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.tzn-text{margin:6px 0 0;color:#2c3546;overflow-wrap:anywhere}
.tzn-note{margin:10px 0 0;padding:10px 12px;border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 8px 8px 0;font-size:15px}
.tzn-side{display:grid;gap:16px;position:sticky;top:90px}
.tzn-box{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface,#fff)}
.tzn-box--hl{border:2px solid var(--signal-bright,#d98b22)}
.tzn-box h2,.tzn-rules h2{margin:0 0 8px;font:600 22px "GZ Display",sans-serif}
.tzn-box p{margin:0 0 6px}
.tzn-box .submission-form{max-width:none}
.tzn-box .submission-form label{margin:14px 0 6px}
.tzn .submission-form textarea{display:block;width:100%;box-sizing:border-box;min-height:110px;background:#fff;border:1px solid #9aada2;border-radius:6px;padding:10px 12px;color:var(--ink);font:inherit;resize:vertical}
.tzn .submission-form textarea:focus{outline:3px solid #d98b22;outline-offset:2px}
.tzn-kinds{border:0!important;padding:0!important;margin:6px 0 0!important}
.tzn-kinds legend{font:600 16px var(--font-ui,sans-serif)!important;padding:0}
.tzn-kinds label{display:flex!important;align-items:center;gap:8px;font-weight:400!important;margin:8px 0 0!important}
.tzn .submission-form .tzn-kinds input[type=radio]{display:inline-block;width:20px;height:20px;min-height:0;min-width:20px;margin:0;padding:0;flex:0 0 20px;accent-color:var(--brand)}
.tzn .field-help{margin:12px 0 0}
.tzn .submission-form button{width:100%}
.tzn-logout{margin-top:10px;font-size:14px;color:var(--muted)}
.tzn-logout p{margin:0}
.tzn-rules{padding:4px 2px}
.tzn-rules ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;color:#2c3546}
@media(max-width:900px){.tzn-grid{grid-template-columns:1fr}.tzn-side{position:static}.tzn-jump{display:inline-flex;margin-top:14px}}
@media(max-width:560px){.tzn-item{padding:12px;gap:10px}.tzn-plus button,a.tzn-plus{width:48px;min-height:56px}.tzn-title{font-size:17px}}