:root{--sidebar:#1b2337;--sidebar-text:#aab3c5;--topbar:#fff;--text:#2b2f36;--text-quiet:#8a919c;--card:#fff;--card-shadow:0 1px 2px #0000001f;--accent:#1e9bf0;--done-bg:#e3f5e1;--done-text:#2f8a3b;--overdue-bg:#fde6d7;--overdue-text:#d9661f;--radius:6px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--sidebar);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{height:100%;padding-top:env(safe-area-inset-top);display:flex}.sidebar{background:var(--sidebar);width:64px;color:var(--sidebar-text);flex-direction:column;flex:none;align-items:center;gap:6px;padding:12px 0;display:flex}.logo{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-weight:700;display:grid}.nav-item{border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:56px;padding:8px 0;font-size:10px;display:flex}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;background:#ffffff14}.main{background:#eef1f5;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:var(--topbar);border-bottom:1px solid #e3e6eb;flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.board-picker{align-items:center;gap:8px;min-width:0;font-weight:600;display:flex;position:relative}.board-picker select{appearance:none;font:inherit;color:inherit;text-overflow:ellipsis;background:0 0;border:0;max-width:46vw;padding-right:4px}.board-avatar{color:#fff;background:#d93651;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.topbar-actions{align-items:center;gap:6px;display:flex}.share{background:var(--accent);color:#fff;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.icon-btn{color:#44505f;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.icon-btn:hover{background:#f0f2f5}.notice{border-radius:var(--radius);background:#fff;margin:24px;padding:16px}.board{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:flex;overflow:auto hidden}.section{background:var(--section);scroll-snap-align:start;flex-direction:column;flex:none;width:272px;min-height:0;display:flex}.section-header{color:#fff;background:color-mix(in srgb, var(--section) 88%, #000);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.section-header h2{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:500;overflow:hidden}.count{color:#fff;text-align:center;background:#0000002e;border-radius:999px;min-width:22px;padding:1px 7px;font-size:11px}.count.over{color:#d93651;background:#fff;font-weight:700}.cards{flex-direction:column;flex:1;gap:8px;padding:8px 8px 24px;display:flex;overflow-y:auto}.add-card{color:#6b7480;width:28px;height:28px;box-shadow:var(--card-shadow);background:#fff;border-radius:50%;align-self:center;place-items:center;margin-top:4px;display:grid}.section.collapsed{color:#fff;align-items:center;gap:12px;width:44px;padding:14px 0}.vertical-name{writing-mode:vertical-rl;white-space:nowrap;font-size:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--card-shadow);outline:none;flex:none;overflow:hidden}.card:focus-visible{box-shadow:0 0 0 2px var(--accent)}.card-body{padding:12px 14px 10px}.card-title-row{align-items:flex-start;gap:8px;display:flex}.card-title-row h3{overflow-wrap:anywhere;flex:1;font-size:14px;font-weight:500;line-height:1.35}.assignee{color:#c3c8d0;flex:none;margin-top:1px}.card-desc{color:var(--text-quiet);max-height:18em;margin-top:8px;font-size:12.5px;line-height:1.45;overflow:hidden}.card-desc p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:10px;display:flex}.card-meta:empty{display:none}.meta{color:var(--text-quiet);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.meta.overdue{color:var(--overdue-text)}.label{color:#fff;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:500}.banner{align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;display:flex}.banner-done{background:var(--done-bg);color:var(--done-text)}.banner-overdue{background:var(--overdue-bg);color:var(--overdue-text)}.card.done h3{color:var(--text-quiet);text-decoration:line-through}@media (width<=640px){.app{flex-direction:column-reverse}.sidebar{width:100%;height:auto;padding:6px 0 calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around}.logo{display:none}.board{scroll-snap-type:x mandatory}.section{scroll-snap-stop:always;width:100vw}.section.collapsed{width:44px}.add-section{scroll-snap-align:start}.topbar-actions .icon-btn:not(:first-of-type),.share{display:none}}.quiet{color:var(--text-quiet)}.error{color:#d93651;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.primary,.small{border-radius:6px;padding:9px 16px;font-size:14px;font-weight:600}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.5}.small{color:#2b2f36;background:#eef1f5;padding:6px 12px;font-size:13px;font-weight:500}.primary.small{background:var(--accent);color:#fff}.link-btn{color:var(--accent);align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.link-btn.tiny{padding:0 0 0 8px;font-size:12px}.danger,.link-btn.danger{color:#d93651}input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]),select,textarea{background:#fff;border:1px solid #d5dae1;border-radius:6px;min-width:0;padding:8px 10px}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.avatar.empty{background:0 0;border:1.5px dashed #c3c8d0;width:30px;height:30px}.badge{color:#6b55d6;vertical-align:middle;background:#ede9fb;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.popover{z-index:30;min-width:220px;color:var(--text);background:#fff;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;box-shadow:0 8px 30px #0000002e}.popover>button,.popover .menu-row{text-align:left;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.popover>button:hover{background:#f0f2f5}.popover .menu-row{justify-content:space-between}.center-screen{background:var(--sidebar);color:#fff;place-items:center;height:100%;padding:16px;display:grid}.auth-card{width:min(380px,100%);color:var(--text);background:#fff;border-radius:14px;padding:28px}.auth-card h1{margin:14px 0 6px;font-size:22px}.logo.big{width:44px;height:44px;margin:0;font-size:20px}.form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.form label{color:#555d69;flex-direction:column;gap:4px;font-size:13px;display:flex}.form.inline{flex-flow:wrap;align-items:flex-end}.sidebar-spacer{flex:1}.nav-item.me{padding:6px 0}.section-header{position:relative}.section-menu-btn{color:#fff;opacity:.8;border-radius:4px;place-items:center;padding:2px;display:grid}.section-menu-btn:hover{opacity:1;background:#ffffff26}.section-menu{top:44px;right:8px}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;padding:8px 10px;display:grid}.swatch{border-radius:50%;width:26px;height:26px}.add-section{color:#44505f;background:#ffffffb3;border-radius:8px;flex:none;align-self:flex-start;align-items:center;gap:6px;margin:10px;padding:10px 14px;font-weight:500;display:flex}.add-card-form{border-radius:var(--radius);background:#fff;flex-direction:column;gap:6px;padding:8px;display:flex}.add-card-form textarea{resize:none;border:0;min-height:52px;padding:4px}.add-card-form .primary{align-self:flex-start}.sortable{touch-action:manipulation}.card{cursor:pointer}.card.overlay{cursor:grabbing;transform:rotate(2deg);box-shadow:0 12px 28px #00000040}.cover{object-fit:cover;border-radius:4px;width:100%;max-height:240px;margin-top:10px;display:block}.modal-backdrop{z-index:20;background:#141a288c;place-items:start center;padding:32px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:min(1040px,100%);min-height:60vh;position:relative;box-shadow:0 20px 60px #0000004d}.modal.loading{height:60vh}.modal-head{border-bottom:1px solid #eceff3;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 22px;display:flex}.complete-btn{border:1.5px solid var(--accent);color:var(--accent);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.complete-btn.is-done{border-color:var(--done-text);color:var(--done-text)}.assignee-pick{align-items:center;gap:10px;display:flex}.assignee-pick small{color:var(--text-quiet);font-size:12px;display:block}.assignee-pick select{background:0 0;border:0;padding:0;font-size:16px}.modal-head-actions{align-items:center;gap:6px;margin-left:auto;display:flex;position:relative}.icon-btn.round{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;width:38px;height:38px}.icon-btn.on{color:var(--accent)}.card-menu{top:46px;right:0}.modal-body{grid-template-columns:minmax(0,1fr) 300px;display:grid}.modal-main{flex-direction:column;gap:18px;min-width:0;padding:22px 26px 32px;display:flex}.modal-side{background:#fafbfc;border-left:1px solid #eceff3;border-radius:0 0 14px;flex-direction:column;gap:18px;padding:18px;font-size:14px;display:flex}.banner.inline{border-radius:6px;align-self:flex-start}.title-input{resize:none;field-sizing:content;font-size:26px;font-weight:500;border:0!important;padding:0!important}.description{color:#3b4250;border-radius:6px;line-height:1.55}.description.editable{cursor:text;margin:-4px;padding:4px}.description.editable:hover{background:#f6f7f9}.description.editing textarea{resize:vertical;width:100%;min-height:200px;line-height:1.55}.description .row{margin-top:8px}.md p{overflow-wrap:anywhere;min-height:1em}.md .md-h{font-weight:600}.md .md-h1,.md .md-h2,.md .md-h3{font-size:17px}.md .md-gap{height:.8em}.md ul{padding-left:20px}.md a{color:var(--accent)}.checklist header,.subtasks h4,.comments h4{align-items:center;gap:6px;display:flex}.checklist h4,.subtasks h4,.comments h4{flex:1;min-width:0;font-size:18px;font-weight:500}.progress{color:#6b7480;background:#eef1f5;border-radius:999px;padding:2px 10px;font-size:13px}.checklist ul,.subtasks ul{padding:4px 0 0 4px;list-style:none}.checklist li,.subtasks li{align-items:center;gap:12px;padding:7px 0;display:flex}.check{border:2px solid var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}li.done .check{background:var(--accent)}li.done .item-text{color:var(--text-quiet);text-decoration:line-through}.item-text{flex:1}.note{width:130px;font-size:13px;background:#f4f6f8!important;border-color:#0000!important;padding:4px 8px!important}.note:focus{background:#fff!important;border-color:#d5dae1!important}.quiet-btn{color:#b4bac3}.drag-handle{color:#b4bac3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:6px 2px}.drag-handle:hover{color:#44505f;background:0 0}.checklist li .drag-handle{opacity:0;margin-right:-8px}.checklist li:hover .drag-handle,.checklist li .drag-handle:focus-visible{opacity:1}@media (hover:none){.checklist li .drag-handle{opacity:1}}.checklist.is-dragging,.checklist li.is-dragging{z-index:5;cursor:grabbing;background:#fff;border-radius:8px;position:relative;box-shadow:0 8px 24px #0000002e}.add-item{color:var(--accent);align-items:center;gap:12px;padding:6px 0 0 6px;display:flex}.add-item input{flex:1;border-color:#0000!important;padding-left:0!important}.add-checklist{flex-wrap:wrap;gap:6px;display:flex}.thumbs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.thumbs figure{aspect-ratio:4/3;background:#f0f2f5;border-radius:8px;margin:0;position:relative;overflow:hidden}.thumbs figure.is-cover{outline:3px solid var(--accent)}.thumbs img{object-fit:cover;width:100%;height:100%;display:block}.thumbs figcaption{background:#ffffffe6;border-radius:6px;gap:2px;display:flex;position:absolute;bottom:4px;right:4px}.files{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.files li{align-items:center;gap:8px;display:flex}.files a{color:var(--accent);overflow-wrap:anywhere}.comment-box{position:relative}.comment-box textarea{resize:vertical;width:100%;min-height:90px;padding-right:48px}.send{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:12px;right:10px}.send:disabled{background:#d5dae1}.comment{gap:10px;padding:8px 0;display:flex}.comment-head small{color:var(--text-quiet)}.side-block{flex-direction:column;gap:8px;display:flex}.side-label{color:#44505f;align-items:center;gap:6px;font-weight:500;display:flex}.label-picker{flex-wrap:wrap;gap:6px;display:flex}.label.pick{cursor:pointer;background:#fff;border:1.5px solid;padding:2px 8px}.label.pick.add{color:#6b7480;border-style:dashed;border-color:#b4bac3;align-items:center;gap:2px;display:inline-flex}.side-toggle{color:#44505f;align-items:center;gap:8px;display:flex}.watchers{gap:4px;display:flex}.side-meta p{color:#6b7480;margin-bottom:10px}.side-meta small,.activity small{color:#9aa1ab}.activity p{color:#555d69;margin-top:8px;font-size:13px}.settings{flex:1;padding:24px 16px 60px;overflow-y:auto}.settings h1{max-width:860px;margin:0 auto 16px;font-size:24px}.panel{background:#fff;border-radius:12px;flex-direction:column;gap:12px;max-width:860px;margin:0 auto 18px;padding:20px;display:flex}.panel h2{font-size:18px}.panel h3{margin-top:8px;font-size:15px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid #eceff3;padding:8px 6px}.board-roles{flex-direction:column;gap:6px;display:flex}.invite-link{gap:8px;display:flex}.invite-link input{flex:1}.plain{padding:0;list-style:none}@media (width<=760px){.modal-backdrop{padding:0;display:block}.modal{border-radius:0;width:100%;min-height:100dvh}.modal-body{grid-template-columns:1fr}.modal-side{border-top:1px solid #eceff3;border-left:0;border-radius:0}.modal-head{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;gap:10px}.modal-main{padding:18px 16px 24px}.title-input{font-size:22px}}@media print{body{background:#fff;overflow:visible}.app>:not(.modal-backdrop){display:none!important}.modal-backdrop{background:0 0;padding:0;position:static;overflow:visible}.modal{box-shadow:none;width:100%}.modal-head-actions,.complete-btn,.add-item,.drag-handle,.link-btn,.comment-box,.quiet-btn,.note:placeholder-shown{display:none!important}.modal-body{grid-template-columns:1fr 220px}}.card-auftrag{color:var(--text-quiet);flex-direction:column;gap:2px;margin-top:8px;font-size:12.5px;line-height:1.45;display:flex}.card-auftrag p{text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.card-auftrag strong{color:#44505f;font-weight:600}.card-auftrag .stand{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box}.warn{color:var(--overdue-text);align-items:center;gap:6px;display:flex}.obsidian-btn{color:#fff;background:#7c5cff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.auftrag-panel{background:#faf9ff;border:1px solid #e6e2fb;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.auftrag-panel .stand{color:#4b3fb0}.auftrag-panel dl{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px;margin:0;display:grid}.auftrag-panel dt{color:var(--text-quiet);font-size:12px}.auftrag-panel dd{overflow-wrap:anywhere;margin:0;font-size:14px}.auftrag-panel a{color:var(--accent);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.section-automations{color:#ffffffeb;text-align:center;flex-direction:column;align-items:center;gap:6px;margin:22px 8px 8px;display:flex}.section-automations strong{font-size:15px;font-weight:500}.section-automations ul{text-align:left;flex-direction:column;gap:6px;padding:0;font-size:12.5px;list-style:none;display:flex}.section-automations li:before{content:"›  ";opacity:.7}.dialog{background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:min(640px,100%);margin:10vh auto 0;padding:20px;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}.rules li{border-bottom:1px solid #eceff3;padding:6px 0}.add-rule{padding-top:6px}.page{flex:1;padding:24px 16px 60px;overflow-y:auto}.page>*{max-width:860px;margin-left:auto;margin-right:auto}.page h1{margin-bottom:14px;font-size:24px}.page h2{margin:18px auto 8px;font-size:16px}.overdue-head{color:var(--overdue-text)}.search-input{width:100%;margin-bottom:8px;font-size:17px;display:block;padding:12px 14px!important}.card-list{background:#fff;border-radius:12px;padding:0;list-style:none;overflow:hidden}.card-list li+li{border-top:1px solid #eceff3}.card-list button{text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.card-list button:hover{background:#f6f7f9}.card-list .grow{flex-direction:column;min-width:0;display:flex}.card-list small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dot{border-radius:50%;flex:none;width:10px;height:10px}.struck{color:var(--text-quiet);text-decoration:line-through}.list-empty{padding:12px 0}@media (width<=640px){.nav-item span{font-size:9.5px}}.card-content{align-items:flex-start;gap:10px;display:flex}.card-text{flex:1;min-width:0}.card-thumb{object-fit:cover;border-radius:4px;flex:none;width:64px;height:64px;margin-top:8px}.cover-mode select{color:#44505f;background:0 0;border:0;padding:0 2px;font-size:13px}@media (width<=640px){.cover-mode{display:none!important}.archive-btn{gap:0;font-size:0;display:flex!important}}.dialog.archive{width:min(720px,100%);max-height:80vh}.tabs{border-bottom:1px solid #eceff3;gap:6px;display:flex}.tabs button{color:#6b7480;border-bottom:2px solid #0000;padding:8px 12px;font-weight:500}.tabs button.on{border-color:var(--accent);color:var(--text)}.archive-list{max-height:55vh;overflow-y:auto}.archive-list li{border-bottom:1px solid #f0f2f5;flex-wrap:nowrap;padding:8px 0}.archive-list .small{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.link-left{text-align:left;text-overflow:ellipsis;min-width:0;overflow:hidden}.card,.sortable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card img{-webkit-touch-callout:none;pointer-events:none}