/* PILS KUMMERKASTEN */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
:root{--kk-amber:var(--pfb-gold,#F5B030);--kk-amber-d:var(--pfb-gold-dark,#D4920A);--kk-bg:#060400;--kk-card:#14100a;--kk-line:rgba(245,176,48,.22);--kk-cream:#FFF3D0;}
html,body{background:var(--kk-bg);color:var(--kk-cream);font-family:'DM Mono',monospace;min-height:100%;}
body{padding-bottom:calc(96px + env(safe-area-inset-bottom));}

.kk-top{padding:calc(14px + env(safe-area-inset-top)) 16px 8px;max-width:720px;margin:0 auto;}
.kk-back{color:var(--kk-amber);font-size:.8rem;text-decoration:none;letter-spacing:1px;display:inline-block;padding:10px 0;min-height:44px;}
.kk-top h1{font-family:Anton,sans-serif;font-weight:400;font-size:2.4rem;line-height:1;letter-spacing:2px;color:var(--kk-amber);margin:2px 0 8px;}
.kk-sub{font-size:.8rem;color:rgba(255,243,208,.6);line-height:1.5;}

.kk-main{max-width:720px;margin:0 auto;padding:8px 16px;display:flex;flex-direction:column;gap:14px;}
.kk-toggle,.kk-submit{width:100%;min-height:48px;background:var(--kk-amber-d);color:#000;border:2px solid var(--kk-cream);border-radius:8px;font-family:Anton,sans-serif;font-size:1.1rem;letter-spacing:1px;cursor:pointer;}
.kk-submit:disabled{opacity:.5;}
.kk-form{display:flex;flex-direction:column;gap:8px;background:var(--kk-card);border:1px solid var(--kk-line);border-radius:10px;padding:14px;margin-top:10px;}
.kk-form[hidden]{display:none;}
.kk-label{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:1px;color:var(--kk-amber);}
.kk-label span{color:rgba(255,243,208,.4);}
.kk-input{width:100%;background:#080602;color:var(--kk-cream);border:1px solid var(--kk-line);border-radius:8px;padding:12px;font-family:'DM Mono',monospace;font-size:16px;min-height:44px;resize:vertical;}
.kk-input:focus{outline:2px solid var(--kk-amber);outline-offset:1px;}

.kk-chips{display:flex;flex-wrap:wrap;gap:8px;}
.kk-chip{min-height:44px;padding:0 14px;background:transparent;color:var(--kk-cream);border:1px solid var(--kk-line);border-radius:999px;font-family:'DM Mono',monospace;font-size:.78rem;cursor:pointer;}
.kk-chip.active{background:var(--kk-amber);color:#000;border-color:var(--kk-amber);font-weight:500;}
.kk-controls{display:flex;flex-direction:column;gap:10px;}

.kk-msg{font-size:.8rem;color:rgba(255,243,208,.55);text-align:center;min-height:1em;}
.kk-list{display:flex;flex-direction:column;gap:12px;}
.kk-card{background:var(--kk-card);border:1px solid var(--kk-line);border-left:4px solid var(--kk-amber-d);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;}
.kk-card.status-gefixt{border-left-color:#66dd44;}
.kk-card.status-inArbeit{border-left-color:var(--kk-amber);}
.kk-card.status-spaeter{border-left-color:#6a8bb0;}
.kk-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.68rem;letter-spacing:.5px;}
.kk-cat{color:var(--kk-cream);}
.kk-status{color:var(--kk-amber);font-weight:500;}
.kk-title{font-family:Anton,sans-serif;font-weight:400;font-size:1.3rem;letter-spacing:.5px;line-height:1.15;overflow-wrap:anywhere;}
.kk-text{font-size:.82rem;line-height:1.5;color:rgba(255,243,208,.8);white-space:pre-wrap;overflow-wrap:anywhere;}
.kk-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.kk-meta{font-size:.68rem;color:rgba(255,243,208,.45);}
.kk-vote{min-height:44px;min-width:72px;padding:0 14px;background:transparent;color:var(--kk-amber);border:2px solid var(--kk-amber);border-radius:999px;font-family:Anton,sans-serif;font-size:1.05rem;cursor:pointer;}
.kk-vote.voted,.kk-vote:disabled{background:var(--kk-amber-d);color:#000;border-color:var(--kk-amber-d);cursor:default;}
.kk-admin{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--kk-line);padding-top:10px;}
.kk-select{min-height:44px;background:#080602;color:var(--kk-cream);border:1px solid var(--kk-line);border-radius:8px;padding:0 10px;font-family:'DM Mono',monospace;font-size:.78rem;}
.kk-prompt{min-height:44px;background:transparent;color:var(--kk-amber);border:2px dashed var(--kk-amber);border-radius:8px;font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:1px;cursor:pointer;}
.kk-delivered{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(102,221,68,.3);border-radius:12px;background:rgba(102,221,68,.04);}
.kk-delivered[hidden]{display:none;}
.kk-delivered h2{font-family:Anton,sans-serif;font-weight:400;font-size:1.4rem;color:#a1df80;letter-spacing:1px;}
.kk-reply{padding:12px;border-radius:8px;background:rgba(245,176,48,.08);border:1px solid var(--kk-line);}
.kk-reply strong{display:block;font-size:.7rem;color:var(--kk-amber);margin-bottom:6px;}
.kk-admin .kk-label{flex-direction:column;gap:8px;}
.kk-card-foot{flex-wrap:wrap;}
.kk-vote{font-size:.85rem;}
button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--kk-cream);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}
