:root{--tb-primary: #0079bf;--tb-ink: #172b4d;--tb-bg: #f4f5f7;--tb-surface: #fff;--tb-muted: #5e6c84;--tb-danger: #b04632;--tb-touch: 44px;--tb-radius: 8px;--tb-safe-top: env(safe-area-inset-top, 0px);--tb-safe-bottom: env(safe-area-inset-bottom, 0px);--tb-safe-left: env(safe-area-inset-left, 0px);--tb-safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,sans-serif;background:var(--tb-bg);color:var(--tb-ink);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{cursor:pointer;min-height:var(--tb-touch);padding:.5rem .85rem;border:1px solid transparent;border-radius:6px;background:#e4e6ea;color:var(--tb-ink);font-size:.95rem;font-family:inherit;line-height:1.2}button:disabled{opacity:.5;cursor:default}input,select,textarea{font-family:inherit;font-size:16px;min-height:var(--tb-touch);padding:.5rem .6rem;border:1px solid #dfe1e6;border-radius:6px;background:#fff;max-width:100%}.center{text-align:center;padding:2rem 1rem}.error{color:var(--tb-danger)}.row{display:flex;gap:.5rem;flex-wrap:wrap}.login{width:100%;max-width:380px;margin:0 auto;padding:calc(8vh + var(--tb-safe-top)) 1.25rem 2rem;display:flex;flex-direction:column;gap:.9rem;text-align:center}.login h1{font-size:1.6rem}.login form{display:flex;flex-direction:column;gap:.6rem}.page{width:100%;max-width:900px;margin:0 auto;padding:calc(.75rem + var(--tb-safe-top)) max(.75rem,var(--tb-safe-left)) calc(.75rem + var(--tb-safe-bottom)) max(.75rem,var(--tb-safe-right))}.page-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;flex-wrap:wrap}.page-header h1{flex:1 1 100%;font-size:1.2rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.board-tile{display:flex;align-items:center;min-height:88px;padding:1rem .85rem;background:var(--tb-primary);color:#fff;border-radius:var(--tb-radius);text-decoration:none;font-weight:600;word-break:break-word}.board-tile-wrap{position:relative}.board-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px}.board-actions button{min-height:32px;min-width:32px;padding:0 6px;font-size:.9rem;background:#ffffffe6}.side-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:85vh;background:var(--tb-surface);border-top:1px solid #ddd;border-top-left-radius:14px;border-top-right-radius:14px;padding:.9rem;padding-bottom:calc(.9rem + var(--tb-safe-bottom));overflow-y:auto;z-index:40;box-shadow:0 -8px 24px #091e422e;animation:panel-up .18s ease-out}@keyframes panel-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.side-panel header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.side-panel header h2,.side-panel header h3{font-size:1.05rem}.member-list,.activity-list{list-style:none;padding:0;margin:.5rem 0}.member-list li{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #f0f0f0}.member-list li span:first-child{flex:1;min-width:0}.role-tag{color:var(--tb-muted);font-size:.8rem}.invite-form{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}.invite-form input{flex:1 1 160px}.activity-list li{padding:.45rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.activity-list time{display:block;color:#999;font-size:.75rem}.help-panel section{margin-bottom:1rem}.help-panel h4{font-size:.95rem;margin-bottom:.3rem}.help-panel p{font-size:.9rem;color:#44546f;line-height:1.55;margin-bottom:.4rem}.readonly-note{color:#b04632;font-size:.85rem}.error-toast{position:fixed;bottom:calc(1rem + var(--tb-safe-bottom));left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:420px;text-align:center;background:#b04632;color:#fff;padding:.65rem 1rem;border-radius:8px;z-index:100;box-shadow:0 2px 8px #00000040}.context-menu{position:fixed;z-index:60;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #091e423d,0 0 0 1px #091e4214;padding:4px;display:flex;flex-direction:column;transform-origin:top left;animation:context-menu-in .12s cubic-bezier(.16,1,.3,1)}@keyframes context-menu-in{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu button{display:block;width:100%;text-align:left;min-height:var(--tb-touch);padding:.6rem .75rem;border:none;background:transparent;border-radius:6px;font-size:.95rem;color:#172b4d;transition:background-color .08s ease}.context-menu button:hover{background:#ebecf0}.context-menu button.danger:hover{background:#ffebe6;color:#bf2600}.context-menu-divider{height:1px;background:#ebecf0;margin:4px 2px}.context-menu-label{padding:.35rem .75rem .1rem;font-size:.75rem;color:#5e6c84}.assignee-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.95rem;flex-wrap:wrap}.list-rename{margin-left:.3rem;padding:0 6px;min-height:32px;font-size:.85rem;opacity:.6;background:transparent}.list-rename:hover{opacity:1}.card-title-input{flex:1;min-width:0;font-size:1.15rem;font-weight:600;border:none;background:transparent}.card-title-input:focus{outline:2px solid var(--tb-primary);background:#fff}.board-page{padding:calc(.5rem + var(--tb-safe-top)) max(.5rem,var(--tb-safe-left)) 0 max(.5rem,var(--tb-safe-right));height:100vh;height:100dvh;display:flex;flex-direction:column}.lists-row{display:flex;gap:.75rem;align-items:flex-start;overflow-x:auto;overflow-y:hidden;flex:1;padding-bottom:calc(1rem + var(--tb-safe-bottom));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.list-column{background:#ebecf0;border-radius:var(--tb-radius);padding:.6rem;width:85vw;max-width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;max-height:100%;overflow-y:auto;scroll-snap-align:start}.list-column h3{font-size:.95rem;padding:0 .25rem;display:flex;align-items:center}.list-column input{width:100%}.add-list{width:85vw;max-width:300px;flex-shrink:0;scroll-snap-align:start}.add-list input{width:100%;background:#fff9}.card{background:#fff;border-radius:6px;padding:.65rem .6rem;box-shadow:0 1px #091e4240;cursor:grab;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;touch-action:manipulation}.card.dragging{opacity:.5}.assignee-dot{color:var(--tb-primary)}.label-strips{display:flex;gap:3px;width:100%}.label-strip{height:8px;border-radius:4px;flex:1;max-width:44px}.due-badge,.check-badge{font-size:.75rem;padding:2px 7px;border-radius:4px;align-self:center}.due-overdue{background:#eb5a46;color:#fff}.due-soon{background:#f2d600;color:#172b4d}.due-normal,.check-badge{background:#ebecf0;color:#5e6c84}.label-chip{border:none;border-radius:14px;min-height:34px;padding:4px 12px;color:#fff;font-size:.85rem;opacity:.45}.label-chip.on{opacity:1}.label-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.due-row,.move-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem;flex-wrap:wrap}.due-row input,.move-row select{width:auto}.filter-bar{display:flex;gap:.4rem;align-items:center;margin:0 0 .5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.filter-bar>*{flex-shrink:0}.label-list,.archive-list{list-style:none;padding:0;margin:.5rem 0}.label-list li,.archive-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid #f0f0f0}.label-name{flex:1}.archive-list li span:first-child{flex:1;min-width:0}.label-swatch{width:34px;height:24px;border-radius:4px;border:none;display:inline-block;flex-shrink:0}.label-form{display:flex;gap:.35rem;margin-top:.5rem;flex-wrap:wrap}.label-form input{flex:1;min-width:0}.nl-create{display:flex;gap:.5rem;margin:.5rem 0;flex-wrap:wrap}.nl-create input{flex:1 1 100%}.draft-preview{background:#fffbe6;border:1px solid #e2c94d;border-radius:8px;padding:.85rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem}.report{background:#fff;border-radius:8px;padding:.85rem;margin-bottom:.5rem}.report pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin-top:.5rem}.tiptap-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.tiptap-toolbar button{min-height:38px;padding:.35rem .7rem;border:none;background:#ebecf0;border-radius:6px;font-size:.85rem;color:#172b4d}.tiptap-toolbar button:hover{background:#dfe1e6}.tiptap-toolbar button.on{background:var(--tb-primary);color:#fff}.tiptap-content .ProseMirror{min-height:6rem;padding:.6rem;background:#fff;border:1px solid #dfe1e6;border-radius:6px;font-size:1rem;line-height:1.55}.tiptap-content .ProseMirror:focus{outline:2px solid var(--tb-primary)}.tiptap-content .ProseMirror p{margin:0 0 .5rem}.tiptap-content .ProseMirror p:last-child{margin-bottom:0}.tiptap-content .ProseMirror ul,.tiptap-content .ProseMirror ol{padding-left:1.2rem;margin:0 0 .5rem}.tiptap-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#a5adba;float:left;height:0;pointer-events:none}.tiptap-content ul[data-type=taskList]{list-style:none;padding:0;margin:0 0 .5rem}.tiptap-content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.4rem}.tiptap-content ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:.2rem}.tiptap-content ul[data-type=taskList] li>div{flex:1}.tiptap-content ul[data-type=taskList] li>div>p{margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--tb-bg);border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;padding:1rem;padding-bottom:calc(1rem + var(--tb-safe-bottom));display:flex;flex-direction:column;gap:.75rem;animation:panel-up .2s ease-out}.modal header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.modal textarea,.modal input{width:100%}.comments{list-style:none;display:flex;flex-direction:column;gap:.4rem;padding:0}.comments li{background:#fff;border-radius:6px;padding:.55rem}@media (min-width: 640px){.board-tile{min-height:96px}.list-column,.add-list{width:280px}.side-panel{top:0;bottom:0;right:0;left:auto;width:340px;max-height:100vh;max-height:100dvh;border-top:none;border-left:1px solid #ddd;border-radius:0;padding-bottom:.9rem;box-shadow:-8px 0 24px #091e4224;animation:panel-in-right .18s ease-out}@keyframes panel-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-overlay{align-items:flex-start;padding-top:7vh}.modal{width:min(560px,92vw);max-height:82vh;border-radius:10px;animation:modal-pop .16s ease-out}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header h1{flex:1;font-size:1.35rem}.nl-create input{flex:1}.filter-bar{flex-wrap:wrap;overflow-x:visible}}@media (min-width: 1024px){.board-page{padding-left:1rem;padding-right:1rem}.list-column,.add-list{width:272px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}