:root{--taupe: #664d48;--teal: #486664;--teal-deep: #33504d;--sage: #48664f;--coral: #e68d7d;--coral-deep: #b14b3a;--aqua: #87e6de;--ink: #2c2622;--muted: #6b6058;--line: rgba(102, 77, 72, .18);--card: #fffdf9;--cream: #f6f1ea;--card-shadow: 0 6px 18px rgba(40, 50, 45, .12);--radius: 16px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{min-height:100dvh;background:linear-gradient(165deg,#e7f6f3 0%,var(--cream) 48%,#f9e9e4 100%) fixed;-webkit-font-smoothing:antialiased}input,textarea,select,button{font:inherit;font-size:16px}.btn{border:none;border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:linear-gradient(180deg,#51736f,var(--teal-deep));color:#fff;box-shadow:0 4px 12px #33504d4d}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:transparent;color:var(--coral-deep);border:1px solid rgba(230,141,125,.45)}.btn-block{width:100%}.btn-enrich{background:linear-gradient(180deg,#a4ece6,var(--aqua));color:var(--teal-deep);padding:5px 12px;border-radius:999px;font-size:.82rem;box-shadow:0 2px 6px #48666440}.login{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom))}.login-card{width:100%;max-width:360px;background:var(--card);border-radius:24px;padding:36px 28px 28px;text-align:center;box-shadow:var(--card-shadow);border:1px solid var(--line)}.login-title{margin:16px 0 2px;font-size:1.7rem;color:var(--teal-deep)}.login-sub{margin:0 0 22px;color:var(--muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:12px}.login-form input{padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff}.login-error{color:var(--coral-deep);font-size:.86rem;margin:14px 0 0}.login-hint{color:var(--muted);font-size:.8rem;margin:18px 0 0}.app{display:flex;flex-direction:column;height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + var(--safe-top)) calc(16px + var(--safe-right)) 10px calc(16px + var(--safe-left));background:#f6f1ead1;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand svg{border-radius:11px;box-shadow:0 3px 8px #33504d40;flex:none}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text h1{margin:0;font-size:1.12rem;color:var(--teal-deep);line-height:1.1}.brand-sub{font-size:.74rem;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:8px;flex:none}.chip-user{display:inline-flex;align-items:center;gap:6px;background:#48666424;color:var(--teal-deep);border:none;border-radius:999px;padding:7px 12px;font-weight:600;font-size:.85rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 16px 0;padding:10px 14px;border-radius:var(--radius-sm);background:#e68d7d29;color:var(--coral-deep);font-size:.9rem}.banner button{border:none;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer;line-height:1}.board-loading{padding:40px;text-align:center;color:var(--muted)}.board{flex:1;min-height:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:14px calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.column{scroll-snap-align:start;flex:0 0 82%;max-width:320px;display:flex;flex-direction:column;min-height:0;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 4px 14px #28322d0f;transition:outline-color .12s ease;outline:2px solid transparent}.column.is-over{outline-color:var(--teal)}.column-head{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;border-top:3px solid var(--teal);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.column-dot{width:9px;height:9px;border-radius:50%;flex:none}.column-head h2{margin:0;font-size:.95rem;font-weight:700;color:var(--ink)}.column-count{font-size:.78rem;color:var(--muted);background:#fff9;border-radius:999px;padding:1px 8px}.column-add{margin-left:auto;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#ffffffb3;color:var(--teal);font-size:1.2rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.column-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 10px 12px;display:flex;flex-direction:column;gap:10px}.column-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:18px 6px;opacity:.8}.sticky-wrap{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sticky-wrap.is-dragging{opacity:.35}.sticky-wrap:active{cursor:grabbing}.sticky{background:linear-gradient(180deg,#fffefb,#f4f7f3);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:12px;padding:11px 12px;box-shadow:0 3px 8px #28322d17}.sticky-done{opacity:.74}.sticky-done .sticky-title{text-decoration:line-through;text-decoration-color:#2c262273}.sticky-overlay{width:280px;transform:rotate(-2deg);cursor:grabbing}.sticky-overlay .sticky{box-shadow:0 14px 30px #28322d47}.sticky-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.owner-chip{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px}.due{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.due-overdue{background:#e68d7d33;color:var(--coral-deep)}.due-today{background:#e68d7d21;color:#c0604f}.due-soon{background:#664d4824;color:var(--taupe)}.due-later{background:#4866641f;color:var(--teal)}.sticky-title{margin:0;font-size:.98rem;font-weight:650;line-height:1.25;color:var(--ink)}.sticky-desc{margin:6px 0 0;font-size:.84rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sticky-footer{display:flex;align-items:center;gap:14px;margin-top:8px}.sticky-link{display:inline-block;font-size:.8rem;color:var(--teal);text-decoration:none;font-weight:600}.sticky-comments{font-size:.78rem;color:var(--muted);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c211e73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:var(--cream);border-radius:22px 22px 0 0;padding:22px 20px calc(22px + var(--safe-bottom));box-shadow:0 -10px 40px #00000040;-webkit-overflow-scrolling:touch}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.modal-title{margin:0;font-size:1.25rem;color:var(--teal-deep)}.modal-head-actions{display:flex;gap:8px;flex-shrink:0}.btn-copy{background:#4866641f;color:var(--teal-deep);border:none;padding:7px 12px;font-size:.82rem;border-radius:999px;white-space:nowrap}.modal-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;font-weight:600;color:var(--muted)}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field input,.field textarea,.field select{padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}.field textarea{resize:vertical;line-height:1.4}.field input,.field select{min-height:44px}.field input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.modal-note{margin:0;font-size:.78rem;color:var(--taupe)}.modal-error{margin:0;font-size:.86rem;color:var(--coral-deep)}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.modal-actions-right{display:flex;gap:10px;margin-left:auto}.comments{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}.comments-title{font-size:.82rem;font-weight:700;color:var(--muted)}.comments-empty{margin:0;font-size:.85rem;color:var(--muted)}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.comment{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px}.comment-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.comment-time{font-size:.72rem;color:var(--muted)}.comment-text{margin:0;font-size:.88rem;line-height:1.35;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comment-add{display:flex;gap:8px;align-items:flex-end}.comment-add textarea{flex:1;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);resize:vertical;line-height:1.4}.comment-add .btn{flex:none}.label-row,.sticky-labels{display:flex;flex-wrap:wrap;gap:6px}.sticky-labels{margin-top:8px}.label-chip{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:999px;background:#48666424;color:var(--teal-deep)}.board-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px calc(16px + var(--safe-right)) 0 calc(16px + var(--safe-left))}.sort-control{display:inline-flex;align-items:center;gap:7px}.sort-control>span{font-size:.78rem;font-weight:700;color:var(--muted)}.sort-control select{font-size:.85rem;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;color:var(--ink)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-label{font-size:.78rem;font-weight:700;color:var(--muted)}.filter-chip{font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#fff9;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.filter-chip.is-active{background:var(--teal);border-color:var(--teal);color:#fff}.filter-clear{font-size:.78rem;font-weight:600;border:none;background:transparent;color:var(--coral-deep);cursor:pointer}.filters-toggle{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--teal);color:#fff;font-size:.72rem;font-weight:700}.sticky-cover{margin-bottom:9px}.sticky-cover img{display:block;width:100%;height:130px;object-fit:cover;border-radius:8px}.sticky-meta{font-size:.78rem;color:var(--muted);font-weight:600}.attachments{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}.attachments-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn-attach{white-space:nowrap}.attachment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attachment{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 9px}.attachment-thumb img{display:block;width:44px;height:44px;object-fit:cover;border-radius:6px}.attachment-icon{font-size:1.3rem;width:44px;text-align:center}.attachment-name{flex:1;min-width:0;font-size:.85rem;color:var(--teal-deep);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{flex:none;border:none;background:transparent;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px}.ask-input{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);width:100%;resize:vertical;line-height:1.4}.ask-suggestions{display:flex;flex-wrap:wrap;gap:8px}.ask-answer{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;font-size:.92rem;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow-y:auto}@media (min-width: 760px){.board{display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible;max-width:1200px;width:100%;margin:0 auto}.column{flex:initial;max-width:none}.modal-overlay{align-items:center}.modal{border-radius:22px}}