:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-alt:#f0f1f5;--color-border:#e2e4ea;--color-text:#1c1f26;--color-text-muted:#6b7280;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-danger:#ef4444;--color-success:#10b981;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-elevated:0 8px 24px #10182829;--header-h:56px;--touch-target:44px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#14161c;--color-surface:#1d2027;--color-surface-alt:#262a33;--color-border:#333844;--color-text:#eef0f4;--color-text-muted:#9aa1af;--shadow-card:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow-elevated:0 8px 24px #00000080}}:root[data-theme=dark]{--color-bg:#14161c;--color-surface:#1d2027;--color-surface-alt:#262a33;--color-border:#333844;--color-text:#eef0f4;--color-text-muted:#9aa1af;--shadow-card:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow-elevated:0 8px 24px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;margin:0}button,input,textarea,select{color:inherit;font-family:inherit;font-size:16px}button{cursor:pointer;touch-action:manipulation}a{color:inherit}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:30;height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:0 12px;display:flex;position:sticky;top:0}.topbar__brand{color:var(--color-text);align-items:center;gap:8px;margin-right:auto;font-size:16px;font-weight:700;text-decoration:none;display:flex}.topbar__nav{gap:4px;display:flex}.topbar__nav a{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);color:var(--color-text-muted);justify-content:center;align-items:center;text-decoration:none;display:flex}.topbar__nav a.active{background:var(--color-surface-alt);color:var(--color-primary)}.main{flex-direction:column;flex:1;min-height:0;display:flex}.identity-pill{background:var(--color-surface-alt);color:var(--color-text);border:none;border-radius:999px;align-items:center;gap:6px;max-width:120px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.identity-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{min-height:var(--touch-target);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);padding:0}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--color-text-muted);font-size:13px;font-weight:600}input[type=text],input[type=password],input[type=search],textarea,select{min-height:var(--touch-target);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);resize:vertical;width:100%;padding:10px 12px}textarea{min-height:100px;line-height:1.4}.field-with-mic{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-with-mic__row{align-items:flex-start;gap:8px;display:flex}.field-with-mic__row textarea{flex:1}.dictation{flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.dictation__mic{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:999px;justify-content:center;align-items:center;display:flex}.dictation__mic.is-listening{background:var(--color-danger);border-color:var(--color-danger);color:#fff;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.dictation__error{z-index:5;border-radius:var(--radius-sm);background:var(--color-text);width:160px;color:var(--color-bg);box-shadow:var(--shadow-elevated);padding:6px 8px;font-size:11px;line-height:1.35;position:absolute;top:calc(100% + 4px);right:0}.page{width:100%;max-width:960px;margin:0 auto;padding:16px 16px 32px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h1{margin:0;font-size:20px}.project-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);border-left:4px solid var(--color-primary);padding:16px;text-decoration:none;display:block;position:relative}.project-card h3{margin:0 0 4px;padding-right:32px;font-size:16px}.project-card p{color:var(--color-text-muted);margin:0;font-size:13px}.project-card__delete{position:absolute;top:10px;right:10px}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 16px}.board-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:8px;padding:10px 12px;display:flex}.board-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;overflow:hidden}.board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;gap:12px;padding:12px;display:flex;overflow:auto hidden}.column{scroll-snap-align:start;background:var(--color-surface-alt);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 82vw;min-width:240px;max-width:320px;max-height:100%;display:flex}@media (width>=640px){.column{flex-basis:300px}}.column.is-dragging{opacity:.5}.column__header{touch-action:none;align-items:center;gap:6px;padding:10px 10px 6px;display:flex}.column__title{color:var(--color-text);background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:6px 4px;font-size:14px;font-weight:700}.column__title:focus{background:var(--color-surface);outline:2px solid var(--color-primary)}.column__count{color:var(--color-text-muted);background:var(--color-surface);border-radius:999px;padding:2px 8px;font-size:12px}.column__cards{flex-direction:column;flex:1;gap:8px;min-height:60px;padding:4px 10px 10px;display:flex;overflow-y:auto}.column__add-card{margin:0 10px 10px}.add-column{scroll-snap-align:start;flex:0 0 240px;min-width:200px}.add-column__inner{background:var(--color-surface);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);height:fit-content;padding:14px}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border-left:3px solid var(--color-primary);cursor:grab;touch-action:manipulation;padding:10px 12px}.card.is-dragging{opacity:.4}.card__title{word-break:break-word;margin:0 0 6px;font-size:14px;font-weight:600}.card__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{background:var(--color-surface-alt);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.badge.status-todo{color:#374151;background:#e5e7eb}.badge.status-doing{color:#92400e;background:#fef3c7}.badge.status-blocked{color:#991b1b;background:#fee2e2}.badge.status-done{color:#065f46;background:#d1fae5}.card__owner{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.card__icons{color:var(--color-text-muted);gap:8px;margin-left:auto;font-size:11px;display:flex}.card__icons span{align-items:center;gap:2px;display:inline-flex}.card__labels{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.label-chip-row{flex-wrap:wrap;gap:6px;display:flex}.label-chip{color:#fff;text-shadow:0 1px 1px #00000026;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.label-chip button{color:#fff;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:0;display:inline-flex}.label-chip--sm{padding:2px 7px;font-size:10px}.modal-overlay{z-index:100;background:#0f111680;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=720px){.modal-overlay{justify-content:center;align-items:center}}.modal{background:var(--color-surface);width:100%;max-height:92vh;box-shadow:var(--shadow-elevated);border-radius:20px 20px 0 0;flex-direction:column;display:flex;overflow:hidden}@media (width>=720px){.modal{border-radius:var(--radius-lg);width:640px;max-height:88vh}}.modal__header{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:14px 16px;display:flex}.modal__header h2{flex:1;margin:0;font-size:16px}.modal__body{flex:1;padding:16px;overflow-y:auto}.modal__section{margin-bottom:20px}.modal__section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 8px;font-size:12px}.two-col{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=480px){.two-col{grid-template-columns:1fr 1fr}}.attachment-list,.comment-list{flex-direction:column;gap:8px;display:flex}.attachment-item{background:var(--color-surface-alt);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.attachment-item a{text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;overflow:hidden}.comment-item{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:8px 10px}.comment-item__meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.comment-item p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px}.comment-form{align-items:flex-start;gap:8px;margin-top:10px;display:flex}.comment-form textarea{flex:1;min-height:44px}.attach-upload{align-items:center;gap:8px;display:flex}.attach-upload input[type=file]{display:none}.idea-board{background:radial-gradient(circle, var(--color-border) 1px, transparent 1px) 0 0 / 20px 20px;flex:1;padding:16px;position:relative;overflow:auto}.idea-board__fab{z-index:20;background:var(--color-primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-elevated);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:16px;right:16px}.postit-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1100px;margin:0 auto;display:grid}.postit{min-height:160px;box-shadow:var(--shadow-card);border-radius:6px;flex-direction:column;gap:10px;padding:34px 14px 14px;display:flex;position:relative}.postit__row{flex:1;align-items:flex-start;gap:8px;display:flex}.postit textarea{resize:none;color:#1c1f26;background:0 0;border:none;flex:1;min-height:60px;font-size:14px;line-height:1.4}.postit textarea:focus{outline:none}.postit__footer{flex-direction:column;gap:6px;display:flex}.postit__author{color:#1c1f2699;font-size:11px;font-weight:600}.postit__delete{color:#1c1f26b3;background:#ffffff80;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:6px;right:6px}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px}.color-swatch.is-active{border-color:var(--color-text)}.identity-modal{max-width:320px;margin:0 auto;padding:24px}.identity-modal h2{margin-top:0}.identity-modal p{color:var(--color-text-muted);margin:0 0 16px;font-size:14px}.form-error{color:var(--color-danger);margin:0 0 12px;font-size:14px}.login-submit{width:100%;margin-top:8px}.toast{background:var(--color-text);color:var(--color-bg);z-index:200;box-shadow:var(--shadow-elevated);border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.loading-screen{height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.warning-banner{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;margin-top:6px;margin-bottom:14px;padding:8px 10px;font-size:12px}.muted-line{color:var(--color-text-muted);margin:0;font-size:13px}.dictation{flex:180px;align-items:stretch}.dictation__row{align-items:center;gap:4px;display:flex}.dictation__lang{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;height:44px;color:var(--color-text);touch-action:manipulation;border-radius:999px;padding:0 6px;font-size:12px;font-weight:700}.dictation__lang.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dictation__mic{touch-action:manipulation}.dictation__hint,.dictation__error{width:auto;max-width:240px;margin:0;position:static}.dictation__hint{color:var(--color-text-muted);font-size:12px;line-height:1.35}.field-with-mic__row,.comment-form,.postit__row{flex-wrap:wrap}.list-tools{top:var(--header-h);z-index:5;background:var(--color-bg);flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:4px 0 8px;display:flex;position:sticky}.list-tools input,.list-tools select{flex:160px}.filter-chips{flex:100%;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;flex:none;min-height:36px;padding:0 12px;font-size:13px;font-weight:600}.filter-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.project-card{border-left:none;border-top:6px solid var(--tab,var(--color-primary));flex-direction:column;padding:0;display:flex;overflow:hidden}.project-card__open{color:inherit;align-items:flex-start;gap:12px;padding:14px 14px 8px;text-decoration:none;display:flex}.project-card__icon{background:var(--color-surface-alt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-card__text{flex-direction:column;gap:6px;min-width:0;display:flex}.project-card h3{padding-right:0}.project-card__labels{flex-wrap:wrap;gap:4px;display:flex}.project-card__actions{align-items:center;gap:2px;padding:0 8px 8px;display:flex}.project-card__actions .btn-ghost{min-height:40px;margin-left:auto}.tab-preview{background:var(--color-surface);border-top:6px solid var(--tab,var(--color-primary));box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:14px;display:flex}.color-choices{flex-wrap:wrap;gap:8px;display:flex}.color-choice{border:3px solid #0000;border-radius:50%;width:36px;height:36px}.color-choice.is-active{border-color:var(--color-text)}.icon-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.icon-choice{border:1px solid var(--color-border);background:var(--color-surface);min-height:64px;color:var(--color-text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:10px;font-weight:600;display:flex}.icon-choice.is-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-alt)}.save-state{color:var(--color-success);margin-left:auto;font-size:13px;font-weight:600}.settings-footer{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.settings-footer .btn{flex:140px;min-height:44px}.board-header{border-top:4px solid var(--tab,transparent);flex-wrap:wrap}.board-filters{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:end;gap:8px;padding:8px 12px;display:flex}.board-filters label{color:var(--color-text-muted);flex-direction:column;flex:140px;gap:4px;font-size:12px;font-weight:700;display:flex}.board-filter-note{color:var(--color-text-muted);flex:100%;margin:0;font-size:12px}.board-banner{justify-content:space-between;align-items:center;gap:8px;margin:8px 12px 0;display:flex}.board-banner button{color:inherit;background:0 0;border:none;min-height:32px;font-weight:700}.column__header input.column__title{background:0 0;border:none;width:auto;min-height:36px;padding:6px 4px}button.column__count{cursor:pointer;font:inherit;border:none;min-height:28px}button.column__count.is-full,.column.is-full{box-shadow:inset 0 0 0 1px #fecaca}button.column__count.is-full{color:#991b1b;background:#fee2e2}.column__limit{border-radius:var(--radius-sm);background:var(--color-surface);margin:0 10px 8px;padding:8px}.column__limit p{margin:0 0 6px;font-size:12px;font-weight:700}.limit-presets,.limit-custom{flex-wrap:wrap;gap:6px;display:flex}.limit-presets{margin-bottom:6px}.limit-presets button,.limit-custom input{min-height:36px}.limit-presets button{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}.limit-presets button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.limit-custom input{flex:1;min-width:0}.column__full,.column__empty{color:var(--color-text-muted);margin:0;font-size:12px}.column__full{color:#991b1b}.link-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.link-row{background:var(--color-surface-alt);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;display:flex}.link-row a{flex:1;align-items:center;gap:6px;min-width:0;font-size:14px;text-decoration:none;display:flex}.link-row a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-add{flex-wrap:wrap;gap:6px;display:flex}.link-add input{flex:120px}@media (width>=720px){.icon-grid{grid-template-columns:repeat(8,1fr)}}