:root{font-family:Helvetica Neue,Arial,sans-serif;color:#f5f5f5;background:#080808;color-scheme:dark;font-synthesis:none;--accent: #f5f5f5;--muted: #b3b3b3;--line: #333333;--surface: #141414;--status-success: #4ade80;--status-warning: #fbbf24;--status-danger: #fb7185;--status-info: #60a5fa;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--header-height: 86px;--page-gutter: 22px}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + var(--safe-top) + 32px)}body{margin:0}button,input,textarea,select{font:inherit}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;transition:background-color .14s,border-color .14s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.shell{max-width:960px;margin:auto;padding:0 max(var(--page-gutter),var(--safe-right)) var(--safe-bottom) max(var(--page-gutter),var(--safe-left))}header{position:sticky;top:0;z-index:10;height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#080808}.brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}.brand-logo{display:block;width:154px;height:auto}.brand-product{text-align:right;font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.4}.brand-product>span{display:block;margin-top:6px;font-size:9px;font-weight:400;letter-spacing:3.5px;color:var(--muted)}main{min-height:calc(100dvh - 160px - var(--safe-top) - var(--safe-bottom));padding:24px 0 40px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}.accent{color:var(--accent)}h1{font-size:clamp(28px,4vw,34px);line-height:1.15;letter-spacing:-1px;font-weight:500;margin:16px 0}h2{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 16px}h3{font-size:18px;line-height:1.35;font-weight:500;margin:0 0 7px}.login{max-width:520px;margin:8px auto}.lead{font-size:16px;line-height:1.65;color:var(--muted);max-width:410px;margin:22px 0 32px}.login form{border:1px solid #3b3b3b;background:var(--surface);padding:24px;border-radius:14px}.login h2{margin-bottom:24px}label{display:block;font-size:13px;color:#d0d0d0;margin:20px 0}input,textarea,select{display:block;width:100%;max-width:100%;min-height:50px;margin-top:10px;border:1px solid #555555;border-radius:8px;background:#0c0c0c;color:#f5f5f5;padding:13px;font-size:16px}input::placeholder,textarea::placeholder{color:#939393;opacity:1}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--accent);color:#111;border:1px solid var(--accent);border-radius:8px;min-height:52px;padding:15px 16px;font-weight:600;margin-top:26px}.primary span{font-size:22px}.hint{font-size:12px;line-height:1.65;color:var(--muted)}.hint{margin:20px 0 0}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.session-bar>span{overflow-wrap:anywhere}.text-button{background:transparent;border:0;padding:12px 0;min-height:44px;color:var(--accent);font-size:13px;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.section-heading h1{font-size:30px;overflow-wrap:anywhere}.refresh{flex-shrink:0;width:46px;height:46px;border:1px solid #484848;border-radius:8px;background:#181818;font-size:25px}.connection{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0 28px}.dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--accent)}.dot.offline{border:1px solid #b3b3b3;background:transparent}nav{display:flex;gap:4px;padding:5px;border:1px solid #292929;border-radius:10px;background:#171717;margin:16px 0 26px;box-shadow:0 8px 24px #0005,inset 0 1px #ffffff08}nav button{min-height:44px;flex:1;color:var(--muted);font-size:13px;background:transparent;border:0;border-radius:7px}nav button[aria-current]{background:var(--accent);color:#111;font-weight:500}.cards{display:grid;gap:16px;margin-top:16px}.project-card{display:block;width:100%;text-align:left;padding:20px;border:1px solid transparent;border-radius:12px;background:var(--surface)}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-top{color:var(--muted)}.card-top>span:first-child{overflow-wrap:anywhere}.card-top>span:last-child{font-size:22px;color:var(--accent)}.project-card strong{display:block;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:16px 0 22px;overflow-wrap:anywhere}.card-bottom{font-size:12px;color:#c7c7c7}.test-label{display:inline-block;font-size:10px;font-weight:500;letter-spacing:.6px;color:#c7c7c7;border:1px solid #5a5a5a;border-radius:4px;padding:5px 7px;margin-top:15px}.detail{border:1px solid var(--line);padding:24px;border-radius:12px;background:var(--surface)}.detail>.test-label{margin:0 0 22px}.briefing{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65;color:#ccc}dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 16px;margin:32px 0}dt{color:var(--muted);font-size:11px;margin-bottom:8px}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.task,.shot{display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.task>div,.shot>div{min-width:0}.task h2{font-size:18px;margin-bottom:10px;overflow-wrap:anywhere}.task p,.shot p{font-size:12px;line-height:1.65;color:var(--muted);margin:6px 0}button.task-status{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;font-size:23px;color:#c7c7c7;border:1px solid #666666;border-radius:8px;background:transparent}button.task-status.done{color:#111;background:var(--accent);border-color:var(--accent)}.scene{margin:26px 0}.shot{margin:12px 0}.shot-number{color:var(--accent);font-family:monospace;font-size:18px}.empty{border:1px dashed #555555;border-radius:12px;padding:28px;color:var(--muted);line-height:1.65}.empty h2{color:var(--accent)}.empty p{font-size:14px}.empty .cards{margin-top:24px}.notice{padding:18px;border:1px solid #777777;border-left-width:3px;border-radius:8px;background:#1c1c1c;color:#eee;font-size:14px;line-height:1.6}footer{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer>span{font-size:10px;text-align:right}footer .footer-brand{font-size:12px;font-weight:600;letter-spacing:-.3px;text-align:left;color:#d6d6d6}.command-status{border-left:2px solid #888888;padding-left:10px}.command-status.warning{border-color:#ddd;border-left-style:dashed}.task .command-status.confirmed{color:var(--accent);font-weight:500}.command-status .text-button{white-space:normal;text-align:left;display:block}.task-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between}.task-toolbar .hint{margin:0}.secondary{min-height:44px;flex-shrink:0;padding:12px 16px;border:1px solid #6a6a6a;border-radius:8px;background:#202020;font-weight:500}.task-editor{margin:24px 0;padding:24px;border:1px solid #666666;border-radius:12px;background:#171717}.task-editor textarea{resize:vertical;min-height:130px}.editor-actions{display:flex;gap:24px;align-items:center;justify-content:space-between}.editor-actions .primary{width:auto;margin:0}.submitted-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.task-edit{margin-top:4px}.pending-task{border-style:dashed}.task details{margin-top:8px;font-size:12px;line-height:1.65}.task summary{cursor:pointer;color:var(--accent);min-height:32px}@media(hover:hover){.primary:not(:disabled):hover{background:#ddd;border-color:#ddd}.project-card:hover,.secondary:not(:disabled):hover,.refresh:not(:disabled):hover{background:#202020;border-color:#777}.text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}nav button:not([aria-current]):hover{background:#262626;color:#f5f5f5}}@media(min-width:700px){.cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login{margin:30px auto}.session-bar{margin-bottom:35px}.section-heading h1{font-size:34px}.brand-logo{width:180px}}@media(max-width:480px){.task-toolbar{align-items:flex-start;flex-direction:column}.task-editor{padding:20px}.editor-actions{gap:14px}}@media(max-width:380px){:root{--page-gutter: 18px}.brand-logo{width:146px}.brand-product{font-size:9px;letter-spacing:1.8px}.login form{padding:20px}.section-heading h1{font-size:30px}.card-bottom{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.planner-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.planner-views button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;font-size:12px}.planner-views button span{font-size:10px;opacity:.55}.planner-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}.planner-heading h2{margin:0;font-size:22px}.planner-scope{font-size:11px}.quick-task{display:flex;gap:12px;align-items:center;padding:8px 12px;border:1px solid #484848;border-radius:10px;background:#131313}.quick-task>span{font-size:24px;color:var(--muted)}.quick-task input{min-width:0;min-height:44px;flex:1;margin:0;padding:8px 0;border:0;background:transparent}.quick-task button{min-height:44px;padding:8px;border:0;border-radius:6px;background:#f5f5f5;color:#111;font-size:11px}.planner-list{margin-top:20px}.planner-task{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.planner-task>div{min-width:0;flex:1}.task-check{display:grid;place-items:center;width:24px;height:24px;min-width:24px;margin:2px 0 0;padding:0;border:1px solid #888;border-radius:7px;background:transparent;position:relative}.task-check:after{content:"";position:absolute;inset:-10px}.task-check.done{background:#f5f5f5;color:#111}.task-title{display:block;text-align:left;width:100%;min-height:28px;padding:0;border:0;background:transparent;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.task-meta,.planner-task .command-status{font-size:11px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.planner-task .command-status{margin:9px 0 0}.plan-today{min-height:44px;flex-shrink:0;border:0;background:transparent;padding:0 3px;color:var(--muted);font-size:10px}.planner-empty{padding:40px 0;color:var(--muted);text-align:center;font-size:13px}.planner details{font-size:11px;line-height:1.7;margin-top:12px}.planner .search{margin-top:22px;font-size:11px}@media(min-width:700px){.planner-views{grid-template-columns:repeat(6,minmax(0,1fr))}}.task-mode main{padding-top:18px}.task-mode .session-bar{margin-bottom:8px}.task-mode .section-heading{margin-top:8px}.task-mode .section-heading h1{margin:10px 0;font-size:30px}.task-mode .connection{margin:8px 0 14px}.task-mode nav[aria-label=Ansichten]{margin:12px 0 16px}.planner-views{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.planner-views::-webkit-scrollbar{display:none}.planner-views button{min-width:86px;min-height:44px;flex:1 0 86px;flex-direction:row;gap:6px;scroll-snap-align:start}.planner-scope{margin:14px 0}.planner-scope select{margin-top:7px;min-height:44px;padding:10px;font-size:13px}.planner-heading{margin:18px 0}.planner-heading-actions{display:flex;align-items:center;gap:18px}.planner-heading-actions>button:first-child{font-size:25px;min-width:44px}.dot.confirmed{background:var(--status-success)}.dot.pending{background:var(--status-info)}.dot.error{background:var(--status-danger)}.dot.offline{border-color:var(--status-warning)}.command-status,.task .command-status{color:var(--status-info);border-color:var(--status-info)}.planner-task .command-status.pending{color:var(--status-info)}.command-status.warning,.planner-task .command-status.warning{color:var(--status-warning);border-color:var(--status-warning)}.task .command-status.confirmed,.planner-task .command-status.confirmed{color:var(--status-success);border-color:var(--status-success)}.notice[role=alert]{border-color:var(--status-danger)}.task-check.done,button.task-status.done{background:var(--status-success);border-color:var(--status-success);color:#111}*{scrollbar-color:transparent transparent;scrollbar-width:thin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}[data-scroll-active=true]{scrollbar-color:#ffffff47 transparent}[data-scroll-active=true]::-webkit-scrollbar-thumb{background:#ffffff47}.project-status[data-status=Aktiv]{color:var(--status-info)}.project-status[data-status=Abgeschlossen]{color:var(--status-success)}.project-status[data-status=Pausiert]{color:var(--status-warning)}
