:root{--ink:#191b4d;--ink-soft:#4a4c7a;--indigo:#2b2d8f;--blue:#3b4bd8;--purple:#7c5cfc;--amber:#f5a623;--bg:#f4f5fb;--card:#fff;--line:#e3e5f2;--good:#1d9e5f;--warn:#b95d00;--bad:#c2273a;--grad:linear-gradient(135deg, #2b2d8f 0%, #3b4bd8 45%, #7c5cfc 100%);--radius:16px;--shadow:0 2px 12px #191b4d14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}img{max-width:100%}button{font-family:inherit}.app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding-bottom:78px;display:flex}.header{background:var(--grad);color:#fff;z-index:20;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.header img{border-radius:9px;width:36px;height:36px}.header .title{letter-spacing:.2px;font-size:17px;font-weight:700}.header .subtitle{opacity:.85;margin-top:-2px;font-size:11px}.header .back{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:10px;flex-shrink:0;width:34px;height:34px;font-size:18px}.main{flex:1;padding:16px}.bottomnav{border-top:1px solid var(--line);z-index:30;width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomnav button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 0 7px;font-size:11px;display:flex}.bottomnav button .ico{font-size:19px;line-height:1}.bottomnav button.active{color:var(--blue);font-weight:700}.home-hero{text-align:center;padding:18px 0 6px}.home-hero img{width:104px;height:104px;box-shadow:var(--shadow);border-radius:24px}.home-hero h1{margin:12px 0 2px;font-size:26px}.home-hero h1 .p1{color:var(--purple)}.home-hero .slogan{color:var(--ink-soft);margin-bottom:16px;font-size:15px}.home-buttons{flex-direction:column;gap:12px;margin-top:10px;display:flex}.bigbtn{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);text-align:left;align-items:center;gap:14px;padding:17px 18px;font-size:16.5px;font-weight:600;display:flex}.bigbtn .ico{font-size:22px}.bigbtn.primary{background:var(--grad);color:#fff;border:none;padding:20px 18px;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:14px}.card h3{color:var(--indigo);margin:0 0 10px;font-size:14.5px}.hint{color:var(--ink-soft);font-size:12.5px}.uploadbox{border-radius:var(--radius);text-align:center;color:var(--ink-soft);cursor:pointer;background:#f7f7ff;border:2px dashed #b9bdf0;padding:26px 14px;font-size:15px}.uploadbox .ico{margin-bottom:6px;font-size:34px;display:block}.imgpreview{border-radius:var(--radius);width:100%;display:block}textarea,input[type=text],input[type=password],select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 12px;font-family:inherit;font-size:15px}textarea:focus,input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:76px;line-height:1.45}label.fieldlabel{color:var(--indigo);margin:12px 0 6px;font-size:13px;font-weight:700;display:block}.segment{background:#ededf8;border-radius:12px;gap:4px;padding:4px;display:flex}.segment button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:9px 4px;font-size:13.5px;font-weight:600}.segment button.active{color:var(--indigo);background:#fff;box-shadow:0 1px 4px #0000001f}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:7px 13px;font-size:13px}.chip.active{background:var(--indigo);border-color:var(--indigo);color:#fff;font-weight:600}.chip.small{padding:5px 10px;font-size:12px}.chip.tag{color:#4f3dbb;cursor:default;background:#f1efff;border-color:#ded9ff}.cta-btn{background:var(--grad);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:16px;padding:16px;font-size:17px;font-weight:700}.cta-btn:disabled{opacity:.55}.btnrow{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:1;min-width:130px;padding:11px 14px;font-size:14px;font-weight:600}.btn.primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.btn.purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn.danger{color:var(--bad);border-color:#f0c6cc}.btn.slim{flex:0 auto;min-width:0;padding:8px 12px;font-size:13px}.btn:disabled{opacity:.55}.banner{border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:13.5px;line-height:1.45}.banner.info{color:#2d3593;background:#eef1ff;border:1px solid #d5dbff}.banner.warn{color:#8a4b00;background:#fff4e2;border:1px solid #ffd9a1}.banner.error{color:#a01d2e;background:#ffe9ec;border:1px solid #f5bcc5}.banner.ok{color:#14683e;background:#e4f7ec;border:1px solid #b4e6c9}.scorebar{background:#ededf8;border-radius:999px;height:10px;margin:8px 0;overflow:hidden}.scorebar>div{background:var(--grad);border-radius:999px;height:100%}.scoreline{justify-content:space-between;align-items:baseline;display:flex}.scoreline .val{color:var(--indigo);font-size:20px;font-weight:800}ul.tight{color:var(--ink-soft);margin:8px 0 0;padding-left:18px;font-size:13px}ul.tight li{margin-bottom:3px}.preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:14px;overflow:hidden}.preview .phead{align-items:center;gap:9px;padding:10px 12px;display:flex}.preview .avatar{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.preview .pname{font-size:13.5px;font-weight:700}.preview .psub{color:var(--ink-soft);font-size:11.5px}.preview .pimg{aspect-ratio:1;object-fit:cover;background:#eee;width:100%;display:block}.preview .pimg.fb{aspect-ratio:auto}.preview .pbody{white-space:pre-wrap;padding:11px 12px;font-size:13.5px;line-height:1.5}.preview .ptags{color:#2952a3;padding:0 12px 12px;font-size:13px;line-height:1.5}.preview .plabel{letter-spacing:.8px;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line);background:#f4f5fb;padding:7px 12px;font-size:11px;font-weight:800}.postcard{cursor:pointer;gap:12px;display:flex}.postcard img{object-fit:cover;background:#eee;border-radius:12px;flex-shrink:0;width:74px;height:74px}.postcard .meta{flex:1;min-width:0}.postcard .excerpt{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:13px;display:-webkit-box;overflow:hidden}.badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.Entwurf{color:var(--ink-soft);background:#ededf8}.badge.Gepostet{color:var(--good);background:#e4f7ec}.badge.Freigegeben{color:#1d5dc2;background:#e5f0ff}.badge.Fehler{color:var(--bad);background:#ffe9ec}.badge.Pruefen{color:var(--warn);background:#fff4e2}.rowline{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filters select,.filters input{flex:1;min-width:120px}.spinner{border:4px solid #ded9ff;border-top-color:var(--purple);border-radius:50%;width:42px;height:42px;margin:26px auto 14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-box{text-align:center;color:var(--ink-soft);padding:30px 10px;font-size:14.5px}details.kfile{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px}details.kfile summary{cursor:pointer;color:var(--indigo);padding:12px 14px;font-size:14px;font-weight:700}details.kfile pre{white-space:pre-wrap;color:var(--ink-soft);margin:0;padding:0 14px 14px;font-family:inherit;font-size:12.5px;line-height:1.5}.copyfeedback{background:var(--ink);color:#fff;z-index:60;border-radius:999px;padding:9px 18px;font-size:13.5px;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.form-with-generate{padding-bottom:96px}.generate-bar{bottom:calc(58px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 65%, #f4f5fb00);z-index:25;width:100%;max-width:560px;padding:10px 16px 12px;position:fixed;left:50%;transform:translate(-50%)}.generate-btn{background:var(--grad);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:2px;width:100%;padding:13px 16px;display:flex;box-shadow:0 6px 18px #3b4bd859}.generate-btn:disabled{opacity:.55;box-shadow:none}.generate-btn .gb-title{letter-spacing:.3px;font-size:18.5px;font-weight:800}.generate-btn .gb-sub{opacity:.88;font-size:12px}.analysisgrid{color:var(--ink-soft);flex-direction:column;gap:5px;margin-top:8px;font-size:13.5px;display:flex}.analysisgrid b{color:var(--indigo)}.hookline{color:#3d2fa8;background:#f1efff;border:1px solid #ded9ff;border-radius:12px;padding:10px 12px;font-size:14.5px;font-weight:700;line-height:1.4}