:root{--paper:#fbfbf9;--chrome:#fff;--page:#f2f2ee;--ink:#17171b;--ink-2:#71717a;--line:#e6e6e1;--accent:#0031c6;--accent-soft:#e8edfb;--board:#f3f3ef;--sheet:#fff;--dot:#d8d8d0;--danger:#b3261e;--shadow:0 1px 2px #1414190d, 0 8px 28px #14141914;--sans:"Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--serif:Didot, "Bodoni MT", "Playfair Display", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, .61, .36, 1);--ease-back:cubic-bezier(.34, 1.4, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{font-family:var(--sans)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wordmark{font-family:var(--serif);white-space:nowrap;color:var(--ink);font-size:17px;text-decoration:none}.wordmark em{color:var(--accent);font-style:italic}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--danger);border:1px solid var(--line);background:0 0}.btn.danger-solid{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:default}.btn:not(:disabled):active{transform:translateY(1px)}.iconbtn{border:1px solid var(--line);width:26px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;font-size:13px;line-height:1}.iconbtn:disabled{color:var(--ink-2);opacity:.5;cursor:default}.home{max-width:860px;margin:0 auto;padding:56px 24px}.home-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.home h1{font-family:var(--serif);margin:24px 0 6px;font-size:34px;font-weight:400}.home .sub{color:var(--ink-2);margin:0 0 28px;font-size:14px}.newproj{gap:8px;margin-bottom:28px;display:flex}.newproj input{border:1px solid var(--line);background:var(--chrome);max-width:420px;color:var(--ink);font-size:13.5px;font-family:var(--sans);border-radius:6px;flex:1;padding:9px 12px}.newproj input::placeholder{color:var(--ink-2)}.home.wide{max-width:1360px}.kanban{align-items:flex-start;gap:16px;padding-bottom:20px;display:flex;overflow-x:auto}.column{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:0 0 236px;width:236px;max-height:calc(100vh - 260px);display:flex}.col-head{align-items:center;gap:6px;padding:12px 10px 10px 14px;display:flex}.col-title{color:var(--ink);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--sans);text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:5px;min-width:0;padding:2px 4px;overflow:hidden}.col-title:hover:not(.system){background:var(--line)}.col-title.system{cursor:default;color:var(--ink-2)}.col-title-edit{border:1px solid var(--accent);background:var(--chrome);min-width:0;color:var(--ink);font-size:13.5px;font-weight:600;font-family:var(--sans);border-radius:5px;flex:1;padding:3px 5px}.col-count{font-family:var(--mono);color:var(--ink-2);font-size:10.5px}.col-actions{align-items:center;gap:1px;margin-left:auto;display:flex}.col-arrow,.col-del{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:14px;line-height:1}.col-arrow:hover:not(:disabled),.col-del:hover{background:var(--line);color:var(--ink)}.col-arrow:disabled{opacity:.3;cursor:default}.col-del:hover{color:var(--danger)}.col-body{border-radius:0 0 12px 12px;flex-direction:column;gap:10px;min-height:60px;padding:4px 10px 12px;display:flex;overflow-y:auto}.col-body.over{background:var(--accent-soft)}.col-empty{border:1.5px dashed var(--line);text-align:center;color:var(--ink-2);border-radius:8px;padding:20px 10px;font-size:11.5px}.kcard{background:var(--chrome);border:1px solid var(--line);cursor:grab;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1414190d}.kcard:hover{box-shadow:var(--shadow)}.kcard.dragging{cursor:grabbing;width:216px;box-shadow:0 12px 30px #14141940}.kcard-thumb{aspect-ratio:3/2;object-fit:cover;background:var(--paper);border-bottom:1px solid var(--line);width:100%;display:block}.kcard-thumb.empty{color:var(--ink-2);font-size:11px;font-family:var(--mono);letter-spacing:.04em;place-items:center;display:grid}.kcard-body{flex-direction:column;gap:3px;padding:9px 11px 11px;display:flex}.kcard-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.kcard-meta{font-family:var(--mono);color:var(--ink-2);letter-spacing:.03em;font-size:10px}.kcard-del{width:22px;height:22px;color:var(--ink-2);cursor:pointer;opacity:0;background:#ffffffe6;border:none;border-radius:6px;font-size:15px;line-height:1;transition:opacity .12s;position:absolute;top:6px;right:6px}.kcard:hover .kcard-del{opacity:1}.kcard-del:hover{color:var(--danger)}.col-add{border:1.5px dashed var(--line);color:var(--ink-2);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border-radius:12px;flex:0 0 200px;align-self:flex-start;padding:14px}.col-add:hover{border-color:var(--accent);color:var(--accent)}@media (prefers-color-scheme:dark){.kcard-del{background:#1b1b1fe6}}:root[data-theme=dark] .kcard-del{background:#1b1b1fe6}:root[data-theme=light] .kcard-del{background:#ffffffe6}.projcard{background:var(--chrome);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:18px;transition:box-shadow .15s;display:flex}.projcard:hover{box-shadow:var(--shadow)}.projcard .name{font-size:14.5px;font-weight:600}.projcard .meta{font-family:var(--mono);color:var(--ink-2);letter-spacing:.04em;font-size:10.5px}.projcard .row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.empty{color:var(--ink-2);border:1.5px dashed var(--line);text-align:center;border-radius:10px;padding:40px;font-size:13.5px}.error-note{color:var(--danger);font-size:13px}.editor{background:var(--chrome);flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--chrome);flex-shrink:0;align-items:center;gap:14px;height:52px;padding:0 16px;display:flex}.topbar .grow{flex:1}.proj-name{color:var(--ink);min-width:60px;max-width:320px;font-size:13.5px;font-weight:500;font-family:var(--sans);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px}.proj-name:hover,.proj-name:focus{border-color:var(--line);background:var(--paper)}.saved{font-family:var(--mono);color:var(--ink-2);letter-spacing:.05em;white-space:nowrap;font-size:10.5px}.saved:before{content:"";vertical-align:1px;background:#3ba55d;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.saved.saving:before{background:#d9a514}.history{gap:4px;display:flex}.format-chip{border:1px solid var(--line);color:var(--ink-2);border-radius:6px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:12px;display:flex}.format-chip select{color:var(--ink);font-size:12.5px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:3px 4px}.format-chip select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.editor-body{flex:1;min-height:0;display:flex}.rail{border-right:1px solid var(--line);background:var(--chrome);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:52px;padding:10px 0;display:flex}.tool{width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.tool:hover{background:var(--paper);color:var(--ink)}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rail-sep{background:var(--line);width:26px;height:1px;margin:6px 0}.tool{position:relative}.tool-badge{background:var(--accent);color:#fff;min-width:15px;height:15px;font-size:9px;font-weight:700;font-family:var(--sans);border-radius:8px;place-items:center;padding:0 3px;display:grid;position:absolute;top:3px;right:3px}.comment-compose{flex-direction:column;gap:8px;display:flex}.comment-compose textarea{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px;font-family:var(--sans);resize:vertical;border-radius:8px;padding:8px 10px}.compose-actions{justify-content:flex-end;gap:6px;display:flex}.comment-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.comment-row{border:1px solid var(--line);background:var(--chrome);cursor:pointer;transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:9px;padding:10px}.comment-row:hover{box-shadow:var(--shadow)}.comment-row.sel{border-color:var(--accent)}.comment-row.resolved{opacity:.6}.comment-row.resolved .comment-body{text-decoration:line-through}.comment-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.comment-author{color:var(--ink);font-size:12.5px;font-weight:600}.comment-time{font-family:var(--mono);color:var(--ink-2);font-size:10px}.comment-body{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:6px 0 8px;font-size:13px;line-height:1.5}.comment-actions{gap:4px;display:flex}.comment-actions button{color:var(--ink-2);cursor:pointer;font-size:11.5px;font-family:var(--sans);background:0 0;border:none;border-radius:5px;padding:4px 8px}.comment-actions button:hover{background:var(--paper);color:var(--ink)}.comment-actions button.del:hover{color:var(--danger)}.float-card{z-index:40;background:var(--chrome);border:1px solid var(--line);width:320px;max-width:calc(100vw - 32px);animation:scaleIn .2s var(--ease-back) both;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #1414193d}.float-card strong{font-size:13px}.float-card input,.float-card textarea{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px;font-family:var(--sans);resize:vertical;border-radius:8px;width:100%;padding:8px 10px}.share-hint{z-index:40;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);animation:toastIn .22s var(--ease-back) both;border-radius:999px;padding:8px 14px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.panel{border-right:1px solid var(--line);background:var(--chrome);width:264px;transition:width .22s var(--ease), border-right-color .22s var(--ease);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.panel.hidden{border-right-color:#0000;width:0}.panel>header,.panel>.inner{box-sizing:border-box;flex-shrink:0;width:264px}.panel header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.panel header h2{margin:0;font-size:13px;font-weight:600}.collapse{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.panel .inner{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex;overflow-y:auto}.drop{border:1.5px dashed var(--line);text-align:center;color:var(--ink-2);cursor:pointer;font-size:12.5px;line-height:1.5;font-family:var(--sans);background:0 0;border-radius:8px;padding:26px 14px}.drop:hover{border-color:var(--accent);color:var(--ink)}.drop strong{color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.hint{color:var(--ink-2);margin:0;font-size:11.5px;line-height:1.5}.soon{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:14px;font-size:12.5px;line-height:1.55}.soon b{color:var(--ink)}.field{color:var(--ink-2);flex-direction:column;gap:5px;font-size:12px;display:flex}.field>span{font-weight:500}.field textarea,.field input,.field select{border:1px solid var(--line);background:var(--chrome);color:var(--ink);font-size:13px;font-family:var(--sans);border-radius:6px;width:100%;padding:7px 9px}.field textarea{resize:vertical}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.field.color input[type=color]{cursor:pointer;height:32px;padding:2px}.seg{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.seg button{color:var(--ink);cursor:pointer;font-size:12px;font-family:var(--sans);background:0 0;border:none;flex:1;padding:7px 0}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-soft);color:var(--accent)}.palette-list{flex-direction:column;gap:4px;display:flex}.palette-row{cursor:pointer;font-family:var(--sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:5px 6px;display:flex}.palette-row:hover{background:var(--paper)}.palette-row .sw{border:1px solid var(--line);border-radius:5px;flex-shrink:0;width:22px;height:22px}.palette-row code{font-family:var(--mono);color:var(--ink);font-size:12px}.palette-row .copy-note{color:var(--accent);font-size:10.5px;font-family:var(--mono);margin-left:auto}.version-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.version-row{border:1px solid var(--line);background:var(--chrome);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.version-row .v-info{flex-direction:column;gap:2px;min-width:0;display:flex}.version-row .v-reason{color:var(--ink);font-size:12.5px;font-weight:500}.version-row .v-time{font-family:var(--mono);color:var(--ink-2);letter-spacing:.03em;font-size:10.5px}.version-row .btn{padding:5px 10px}.palette-widget{background:var(--chrome);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:148px;padding:10px 12px;position:absolute;top:16px;right:16px}.palette-widget h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px;font-size:9.5px;font-weight:500}.palette-widget .swatches{gap:5px;display:flex}.palette-widget .sw{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;border-radius:4px;flex:1;padding:0}.palette-widget .copied{font-family:var(--mono);color:var(--accent);margin-top:7px;font-size:10px;display:block}.share-anchor{position:relative}.sharepop{z-index:20;background:var(--chrome);border:1px solid var(--line);width:300px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.sharepop-head{justify-content:space-between;align-items:center;display:flex}.sharepop-head strong{font-size:13px}.sharepop .toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.sharepop .toggle input{width:15px;height:15px;accent-color:var(--accent)}.linkrow{gap:6px;display:flex}.linkrow input{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font-family:var(--mono);border-radius:6px;flex:1;padding:7px 9px;font-size:11.5px}.canvas-wrap{background:var(--board);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:22px 22px;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-wrap:focus{outline:none}.canvas-wrap.commenting,.canvas-wrap.commenting canvas{cursor:crosshair}.canvas-wrap.dragover:after{content:"Solte para adicionar ao board";border:2px dashed var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);pointer-events:none;border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:12px}.zoom{background:var(--chrome);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;overflow:hidden}.zoom button{color:var(--ink);cursor:pointer;background:0 0;border:none;height:30px;padding:0 10px;font-size:14px}.zoom span{font-family:var(--mono);color:var(--ink-2);text-align:center;min-width:42px;padding:0 4px;font-size:11px}.selbar{background:var(--chrome);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.selbar button{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.selbar button:hover{background:var(--paper)}.selbar button.on{background:var(--accent-soft);color:var(--accent)}.selbar button.del{color:var(--danger)}.selbar .sep{background:var(--line);width:1px;height:18px;margin:0 2px}.loading,.fatal{height:100vh;color:var(--ink-2);place-items:center;font-size:14px;display:grid}.fatal{color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes savedPulse{0%,to{opacity:.55}50%{opacity:1}}.home,.editor{animation:pageEnter .3s var(--ease) both}.saved.saving:before{animation:1.1s ease-in-out infinite savedPulse}.tool{transition:background-color .15s var(--ease), color .15s var(--ease)}.iconbtn,.collapse,.col-arrow,.col-del,.kcard-del,.folder-del{transition:background-color .12s,color .12s,opacity .12s}.projcard,.kcard{transition:box-shadow .16s var(--ease), transform .16s var(--ease)}.col-body .kcard{animation:riseIn .32s var(--ease) both}.col-body .kcard:first-child{animation-delay:20ms}.col-body .kcard:nth-child(2){animation-delay:60ms}.col-body .kcard:nth-child(3){animation-delay:.1s}.col-body .kcard:nth-child(4){animation-delay:.14s}.col-body .kcard:nth-child(5){animation-delay:.18s}.col-body .kcard:nth-child(6){animation-delay:.22s}.col-body .kcard:nth-child(n+7){animation-delay:.26s}.kcard.dragging{animation:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);animation:fadeIn .16s var(--ease) both;background:#14141961;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop.out{animation:fadeIn .16s var(--ease) reverse both}.modal{background:var(--chrome);border:1px solid var(--line);width:100%;max-width:380px;animation:scaleIn .2s var(--ease-back) both;border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex;box-shadow:0 20px 60px #1414194d}.modal.out{animation:scaleIn .17s var(--ease) reverse both}.modal-title{font-family:var(--serif);color:var(--ink);margin:0;font-size:20px;font-weight:400}.modal-msg{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.55}.modal-input{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:14px;font-family:var(--sans);border-radius:8px;width:100%;padding:9px 11px}.modal-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-actions .btn{padding:8px 16px}.toast-stack{z-index:110;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{pointer-events:auto;background:var(--chrome);border:1px solid var(--line);border-left:3px solid var(--ink-2);max-width:340px;box-shadow:var(--shadow);color:var(--ink);animation:toastIn .22s var(--ease-back) both;border-radius:9px;align-items:center;gap:12px;padding:11px 12px 11px 14px;font-size:13px;display:flex}.toast.out{animation:toastIn .17s var(--ease) reverse both}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:#3ba55d}.toast.info{border-left-color:var(--accent)}.toast-msg{flex:1;line-height:1.4}.toast-x{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 4px;font-size:16px;line-height:1}.toast-x:hover{color:var(--ink);background:var(--paper)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}