:root{color-scheme:light;font-family:Plus Jakarta Sans,Avenir Next,sans-serif;color:#21313e;background:radial-gradient(circle at top left,rgba(173,199,255,.3),transparent 28%),radial-gradient(circle at right center,rgba(255,215,229,.35),transparent 26%),linear-gradient(180deg,#f7f8fc,#eef2fb)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{width:min(1760px,calc(100% - 24px));margin:0 auto;padding:14px 0 22px}.panel,.auth-panel,.showcase-panel,.editor-panel,.board-column,.task-card,.workspace-header,.workspace-meta{border:1px solid rgba(96,118,148,.12);box-shadow:0 22px 50px #7689a81f}.loading-panel,.auth-panel,.showcase-panel,.editor-panel,.workspace-header,.workspace-meta{background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px}.loading-panel{margin-top:12vh;padding:48px;text-align:center}.section-kicker{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#70829b}.subtle{margin:0;color:#6e7f95}.auth-scene{min-height:calc(100vh - 40px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,430px);gap:18px;align-items:center}.auth-showcase,.auth-panel{min-height:680px}.showcase-panel,.auth-panel{padding:32px;height:100%}.showcase-panel h1,.workspace-header h1,.loading-panel h1{margin:0 0 10px;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.auth-showcase-image{display:block;width:100%;margin-top:32px;border-radius:28px;border:1px solid rgba(103,123,151,.12);box-shadow:0 24px 60px #263a5824;object-fit:cover}.auth-tabs{display:inline-flex;gap:8px;padding:6px;background:#eef2fb;border-radius:999px;margin-bottom:24px}.tab-button,.soft-action,.ghost-action,.primary-action,.column-add,.column-cta,.task-check,.task-delete{border:0;transition:transform .18s ease,opacity .18s ease,background .18s ease}.tab-button{padding:10px 16px;border-radius:999px;background:transparent;color:#6f8098;font-weight:700}.tab-button.active{background:#fff;color:#20313d}.form-stack{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{font-size:13px;font-weight:700;color:#52657f}.field-row{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(190px,1.1fr);gap:12px}input,select,textarea{width:100%;border:1px solid rgba(109,127,151,.18);border-radius:16px;background:#ffffffe0;padding:14px 16px;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #8eb7ff;border-color:transparent}.primary-action{padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#3a5fff,#6f93ff);color:#fff;font-weight:800}.soft-action{padding:12px 16px;border-radius:16px;background:#edf2ff;color:#3558d3;font-weight:700}.ghost-action{padding:12px 16px;border-radius:16px;background:#dfe5f3a6;color:#4d627d;font-weight:700}.primary-action:hover,.soft-action:hover,.ghost-action:hover,.column-add:hover,.column-cta:hover,.task-check:hover,.task-delete:hover{transform:translateY(-1px)}.primary-action:disabled,.soft-action:disabled,.ghost-action:disabled,.column-add:disabled,.task-check:disabled,.task-delete:disabled{opacity:.55;cursor:not-allowed;transform:none}.feedback{margin:0;border-radius:18px;padding:14px 16px}.feedback.error{background:#ffe8e8;color:#a53232}.feedback.success{background:#e5f8f0;color:#1b7b57}.workspace{display:grid;gap:14px}.workspace-header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px}.workspace-brand{display:grid;gap:6px}.workspace-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd6de,#e3d9ff);font-weight:800}.user-copy{display:grid}.user-copy strong{font-size:14px}.user-copy span{font-size:12px;color:#70829b}.workspace-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.search-shell{max-width:280px;width:100%}.search-shell input{color:#92a0b5}.meta-pills{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.meta-pill{padding:10px 14px;border-radius:999px;background:#eef2ff;color:#4d63a9;font-weight:700}.meta-pill.success{background:#e5f7ee;color:#2d8f65}.select-shell{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:16px;background:#f5f7fc;color:#61748f}.select-shell select{width:auto;border:0;background:transparent;padding:6px 8px}.board-error{margin-bottom:2px}.board-state{padding:40px;border-radius:26px}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,620px);gap:18px}.board-scroll{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:18px;align-items:start}.board-column{min-height:72vh;border-radius:28px;padding:16px;transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease}.board-column.drag-over{outline:3px dashed rgba(58,95,255,.45);outline-offset:-8px;transform:translateY(-2px)}.board-column.lavender{background:linear-gradient(180deg,#eee3ff,#e2d2ff)}.board-column.sky{background:linear-gradient(180deg,#dff0ff,#d0e4ff)}.board-column.sand{background:linear-gradient(180deg,#fff0d5,#f7e1b3)}.board-column.rose{background:linear-gradient(180deg,#ffe0e0,#facccc)}.column-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.column-title{display:flex;align-items:center;gap:10px}.column-title h2{margin:0;font-size:1.2rem}.column-count{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffffbf;font-size:13px;font-weight:800}.column-add{width:34px;height:34px;border-radius:50%;background:#ffffffb3;font-size:22px;line-height:1;color:#566a84}.column-cards{display:grid;gap:12px}.task-card{background:#ffffffe0;border-radius:20px;padding:16px;display:grid;gap:12px;cursor:grab;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.task-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #7689a829}.task-card.dragging{opacity:.55;cursor:grabbing}.task-card h3{margin:0;font-size:1rem;line-height:1.3}.task-header,.task-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.task-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.task-badge.high{background:#ffe3e3;color:#cc5151}.task-badge.medium{background:#fff0d4;color:#b97c16}.task-badge.low{background:#e3f8ee;color:#37a06f}.task-check{width:34px;height:34px;border-radius:50%;background:#f6f8fc;color:#6a7a90;font-weight:800}.task-text{margin:0;color:#63758d;font-size:14px;line-height:1.45}.task-footer span{font-size:12px;font-weight:700;color:#8795aa}.task-delete{padding:0;background:transparent;color:#ca5757;font-size:12px;font-weight:800}.column-cta{border:2px dashed rgba(105,124,152,.35);border-radius:18px;padding:14px 16px;background:#ffffff6b;color:#6980a0;font-weight:700}.editor-panel{position:sticky;top:14px;align-self:start;padding:24px;min-width:0}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.editor-top h2{margin:0}.editor-placeholder{min-height:180px;display:grid;place-items:center;text-align:center}@media(max-width:1220px){.board-layout{grid-template-columns:1fr}.editor-panel{position:static}}@media(max-width:1080px){.auth-scene,.workspace-header,.workspace-meta{grid-template-columns:1fr;display:grid}.board-scroll{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:700px){.app-shell{width:min(100%,calc(100% - 14px));padding-top:8px}.board-scroll,.field-row{grid-template-columns:1fr}.auth-panel,.showcase-panel,.editor-panel,.workspace-header,.workspace-meta{padding:18px}.board-column{min-height:auto}}