:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f5;--key-color:#397eee;background:#141414;font-family:Inter,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{background:#1a1a1a;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.topbar{background:#242424;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:14px;padding:0 14px;display:grid}@media (width>=921px){.topbar-local{padding:8px 14px}}.brand{color:var(--key-color);align-items:center;gap:8px;display:inline-flex}.brand-logo{object-fit:contain;width:30px;min-width:30px;height:30px}.brand strong{font-size:16px;font-weight:750}.board-tabs-wrap{align-items:center;gap:4px;min-width:0;display:flex}.board-tabs{scroll-behavior:smooth;scrollbar-width:none;align-items:flex-end;gap:4px;min-width:0;display:flex;overflow-x:auto}.board-tabs::-webkit-scrollbar{display:none}.tab-scroll{color:#cfcfcf;background:#ffffff0d;border:0;border-radius:6px;flex:none;place-items:center;width:26px;height:34px;padding:0;display:inline-grid}.tab-scroll:hover{color:#fff;background:#ffffff1a}.board-tab{color:#a8a8a8;-webkit-user-select:none;user-select:none;cursor:pointer;flex:none;align-items:center;gap:8px;min-width:56px;max-width:180px;height:46px;padding:0 12px 0 13px;display:inline-flex;position:relative}.board-tab.active{padding-right:35px}.board-tab.active:only-child{padding-right:13px}.board-tab span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.board-tab:hover{color:#f5f5f5;background:#ffffff0b}.board-tab.active{background:var(--key-color);color:#fff;box-shadow:none}.tab-input{border:0;border-bottom:1px solid var(--key-color);color:#f5f5f5;background:0 0;outline:0;width:116px;min-width:0;font-size:14px}.tab-delete{color:#a8a8a8;background:0 0;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;line-height:0;display:inline-grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.tab-delete svg{display:block}.board-tab.active .tab-delete{color:#fff}.tab-delete:hover{color:#ff6e74;background:#0001}.top-actions{align-items:center;gap:8px;display:inline-flex}.topbar .brand .profile-trigger{width:32px;height:32px;font-size:13px;font-weight:700}.topbar .icon-btn,.topbar .board-tab,.topbar .tab-delete{box-shadow:none;background:0 0;border:0;border-radius:0}.topbar .tab-delete{background:#00000015;border-radius:3px}.topbar .top-actions{align-self:stretch}.topbar .top-actions .icon-btn,.topbar .top-actions .lang-switcher{height:100%}.topbar .icon-btn:hover,.topbar .board-tab:hover{box-shadow:none;background:0 0;border-color:#0000}.topbar .tab-delete:hover{color:#ff6e74;background:#0000003d;border-radius:3px}.topbar .icon-btn.active{color:var(--key-color);box-shadow:none;border-color:#0000;background:0 0!important}.topbar .board-tab.active{color:#fff;box-shadow:none;border-color:#0000;background:var(--key-color)!important}.topbar .board-tab.active .tab-delete{color:#fff}.account-pill{text-overflow:ellipsis;white-space:nowrap;color:#ccc;border:1px solid #3a3a3a;border-radius:999px;max-width:180px;padding:6px 10px;font-size:13px;overflow:hidden}.profile-trigger,.profile-avatar-large{background:var(--key-color);color:#fff;border:1px solid #3d3d3d;place-items:center;padding:0;font-weight:760;display:inline-grid;overflow:hidden}.profile-trigger{border-radius:50%;width:36px;height:36px}.profile-trigger:hover,.profile-avatar-large:hover{border-color:var(--key-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--key-color) 14%, transparent)}.profile-trigger img,.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.icon-btn,.tool-btn{color:#e6e6e6;background:#ffffff08;border:1px solid #3d3d3d;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover,.tool-btn:hover,.icon-btn.active{border-color:var(--key-color);color:var(--key-color);background:color-mix(in srgb, var(--key-color) 8%, transparent)}.tool-btn:disabled{opacity:.5;cursor:progress;color:#e6e6e6;background:#ffffff08;border-color:#3d3d3d}.note-uploading{transform-origin:0 0;z-index:9999;border:2px solid var(--key-color);color:#f5f5f5;letter-spacing:.3px;box-shadow:0 10px 28px -8px #000000a8, 0 0 0 4px color-mix(in srgb, var(--key-color) 20%, transparent);pointer-events:none;background:#202020;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex;position:absolute}.spinner{border:3px solid #3a3a3a;border-top-color:var(--key-color);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn.danger:hover{color:#ff6e74;background:#f23b451f;border-color:#f23b45}.icon-btn.danger.armed{color:#fff;background:#f23b45;border-color:#f23b45}.wide-action.danger{color:#ff6e74;background:0 0;border-color:#f23b45}.wide-action.danger:hover{background:#f23b451f}.wide-action.danger.armed{color:#fff;background:#f23b45}.new-board{flex:none;align-self:center}.workspace{flex:1;grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.loading-state,.auth-shell{background-color:#141414;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;width:100%;height:100%;display:grid}.auth-panel{background:radial-gradient(120% 90% at 50% -20%, color-mix(in srgb, var(--key-color) 8%, transparent), transparent 60%), linear-gradient(180deg, #262626, #1e1e1e);border:1px solid #333;border-radius:16px;width:min(384px,100vw - 32px);padding:30px 28px 28px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 24px 70px -20px #0008,0 8px 24px -16px #0006}.auth-back{color:#969696;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;margin:-6px 0 18px -4px;padding:4px 8px;font-size:12.5px;transition:color .18s,background .18s;display:inline-flex}.auth-back:hover{color:#d0d0d0;background:#ffffff0a}.auth-top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.auth-top-right{margin-left:auto}.auth-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-logo{width:42px;height:42px;color:var(--key-color);background:color-mix(in srgb, var(--key-color) 12%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--key-color) 20%, transparent) inset;border-radius:12px;flex:none;place-items:center;display:inline-grid}.auth-head-text{min-width:0}.auth-mark{color:#f5f5f5;letter-spacing:.2px;font-size:19px;font-weight:650;line-height:1.2}.auth-sub{color:#909090;margin:4px 0 0;font-size:12.5px;font-weight:400;line-height:1.4}.auth-panel .segmented{background:#1a1a1a;border-color:#2e2e2e;border-radius:8px;height:46px;margin-bottom:20px;padding:4px}.auth-panel .segmented button{color:#9a9a9a;border-radius:4px;gap:8px;font-size:13px;font-weight:500;transition:color .18s,background .18s,box-shadow .18s}.auth-panel .segmented button:hover:not(.active){color:#d6d6d6}.auth-panel .segmented button.active{color:#f5f5f5;box-shadow:0 1px 0 #ffffff2e inset, 0 4px 12px -4px color-mix(in srgb, var(--key-color) 40%, transparent);background:linear-gradient(#5a98f8,#4480ee)}.auth-panel .field{color:#aaa;gap:8px;margin-bottom:16px}.auth-panel .field span{letter-spacing:.2px;font-weight:500}.auth-panel .field input{background:#171717;border-color:#363636;height:40px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-panel .field input::placeholder{color:#6a6a6a}.auth-panel .field input:focus{border-color:var(--key-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--key-color) 15%, transparent);background:#1e1e1e}.checkbox-field{cursor:pointer;align-items:center;gap:8px;margin-top:4px;display:flex}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--key-color);cursor:pointer}.checkbox-field span{color:#a8a8a8;font-size:13px}.auth-panel .inline-error{margin-top:2px}.auth-panel .auth-actions{gap:12px;margin-top:22px}.auth-panel .primary-btn,.auth-panel .secondary-btn{height:40px;font-size:14px}.segmented{background:#1d1d1d;border:1px solid #3a3a3a;border-radius:6px;grid-template-columns:1fr 1fr;height:38px;margin-bottom:18px;padding:3px;display:grid}.segmented button{color:#c4c4c4;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.segmented button.active{background:var(--key-color);color:#fff}.field{color:#c4c4c4;gap:7px;margin-bottom:14px;font-size:13px;display:grid}.field input,.search-line input,.user-row select{color:#f5f5f5;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;outline:0;width:100%;min-width:0;font-size:12px}.field input{height:38px;padding:0 12px}.field input.invalid{background:#3a2930;border-color:#f23b45}.field-error{color:#ff6e74;font-size:12px}.contact-code-row{grid-template-columns:minmax(0,1fr) 82px;gap:8px;display:grid}.contact-code-row input{height:34px}.contact-code-row .secondary-btn{justify-content:center;align-items:center;height:34px;padding:0 10px;display:inline-flex}.field input:focus,.search-line:focus-within,.user-row select:focus{border-color:var(--key-color)}.auth-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.auth-hint{text-align:center;color:#909090;margin:14px 0 0;font-size:12px;line-height:1.45}.primary-btn,.secondary-btn,.wide-action,.pager button{-webkit-user-select:none;user-select:none;cursor:pointer;letter-spacing:0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:14px;font-weight:400;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.home-cta,.home-nav-cta{font-weight:560}.primary-btn,.wide-action:not(.danger){background:var(--key-color);color:#fff;border-color:#0000}.primary-btn:not(:disabled):hover,.wide-action:not(.danger):not(:disabled):hover{background:color-mix(in srgb, var(--key-color) 86%, #fff)}.secondary-btn,.pager button{color:#c4c4c4;background:#ffffff0a;border-color:#383838}.secondary-btn:not(:disabled):hover,.pager button:not(:disabled):hover{border-color:var(--key-color);color:#fff;background:color-mix(in srgb, var(--key-color) 8%, transparent)}.primary-btn:disabled,.secondary-btn:disabled,.wide-action:not(.danger):disabled,.pager button:disabled{opacity:1;color:#707070;box-shadow:none;background:#2a2a2a;border-color:#2e2e2e;transform:none}.inline-error,.toast-error{color:#ffeceb;background:#f23b4529;border:1px solid #f23b4570;border-radius:8px;padding:9px 11px;font-size:13px}.toast-error{z-index:100;color:#ffe2db;background:#f23b45f0;border-color:#f23b45;max-width:min(440px,100vw - 36px);font-size:13.5px;font-weight:540;animation:.34s cubic-bezier(.2,.9,.3,1.4) both toast-pop;position:absolute;bottom:18px;left:18px;box-shadow:0 16px 40px #0006,0 0 0 1px #f23b4555}@keyframes toast-pop{0%{opacity:0;transform:translateY(14px)scale(.92)}60%{transform:translateY(-3px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-error.global{animation:4s both fade-away}@keyframes fade-away{0%,82%{opacity:1}to{opacity:0}}.canvas{touch-action:none;background-color:#1a1a1a;background-image:radial-gradient(#2a2a2a 1px,#0000 1px);background-position:-11px -11px;background-size:22px 22px;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #00000035}.board-layer{position:absolute;inset:0}.canvas-tools{z-index:80;gap:8px;display:inline-flex;position:absolute;top:14px;right:14px}.empty-board{color:#a4a4a4;pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.move-menu{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#242424f5;border:1px solid #404040;border-radius:8px;gap:5px;width:214px;max-height:min(280px,100% - 16px);padding:8px;display:grid;position:absolute;overflow:auto;box-shadow:0 16px 42px #00000061}.move-menu span{color:#9a9a9a;padding:2px 4px 4px;font-size:12px}.move-menu button{color:#e6e6e6;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-width:0;height:32px;padding:0 10px;overflow:hidden}.move-menu button:hover{background:color-mix(in srgb, var(--key-color) 13%, transparent);color:var(--key-color)}.note{transform-origin:0 0;transition:filter .14s;position:absolute}.note.dragging{will-change:transform;transition:none}.note-surface{transform-origin:50%;border-radius:4px;flex-direction:column;width:100%;height:100%;transition:transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000045,0 16px 30px -12px #000000a8}.note.selected .note-surface{box-shadow:0 3px 8px #00000050, 0 18px 38px -12px #000000b3, 0 0 0 2px color-mix(in srgb, var(--key-color) 56%, transparent)}.note-head{cursor:grab;align-items:center;min-height:25px;padding:4px 6px 2px;display:flex}.note.dragging .note-head{cursor:grabbing}.grip{opacity:.28;border-top:2px dotted;border-bottom:2px dotted;width:22px;height:8px}.note-tools{opacity:0;align-items:center;gap:7px;margin-left:auto;transition:opacity .12s;display:inline-flex}.note:hover .note-tools,.note.selected .note-tools{opacity:1}.font-size-picker{align-items:center;gap:4px;display:inline-flex}.font-size-value{text-align:center;font-variant-numeric:tabular-nums;opacity:.7;min-width:18px;font-size:11px}.note-tool-icon:disabled{opacity:.35;cursor:default}.paper-picker{align-items:center;gap:4px;display:inline-flex}.paper-picker button{border:1px solid #0000002e;border-radius:999px;width:12px;height:12px;padding:0}.paper-picker button.active{box-shadow:0 0 0 2px #00000045}.note-tool-icon,.note-delete{color:currentColor;background:#00000012;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;line-height:0;display:inline-grid}.note-tool-icon svg,.note-delete svg{display:block}.note-tool-icon:hover,.note-delete:hover{background:#0002}.note-text{resize:none;width:100%;min-height:0;color:inherit;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 26%, transparent) transparent;background:0 0;border:0;outline:0;flex:1;padding:4px 13px 14px;font-size:14px;line-height:1.5}.note-text::-webkit-scrollbar{width:9px;height:9px}.note-text::-webkit-scrollbar-track{background:0 0;margin:6px 0 12px}.note-text::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 24%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.note-text:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 38%, transparent);background-clip:padding-box}.note-text:focus::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 38%, transparent);background-clip:padding-box}.note-text::-webkit-scrollbar-corner{background:0 0}.image-note{background:#f4f3ef;padding:6px}.image-note .note-head{color:#5d554b;min-height:22px;padding:0 1px 4px}.note-image-wrap{color:#80776c;cursor:grab;flex:1;place-items:center;min-height:0;display:grid}.note-image-wrap img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.resize-handle{cursor:nwse-resize;opacity:0;z-index:4;width:18px;height:18px;position:absolute;bottom:0;right:0}.note:hover .resize-handle,.note.selected .resize-handle{opacity:.75}.resize-handle:after{content:"";border-bottom:2px solid #00000070;border-right:2px solid #00000070;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.side-panel{background:#242424;border-left:1px solid #2e2e2e;width:min(380px,38vw);min-width:320px;height:100%;padding:16px;overflow:auto}.side-panel .panel-title,.side-panel .trash-section h2{font-weight:700}.modal-backdrop{z-index:200;background:#0d0b12a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-backdrop{z-index:300}.app-dialog{background:#242424;border:1px solid #353535;border-radius:10px;width:min(380px,100vw - 36px);padding:20px;animation:.16s ease-out dialog-pop;box-shadow:0 28px 70px #00000070}@keyframes dialog-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.app-dialog-title{margin:0 0 8px;font-size:16px;font-weight:700}.app-dialog-message{color:#d6d6d6;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.app-dialog-actions{gap:10px;margin-top:18px;display:grid}.app-dialog-actions.two{grid-template-columns:1fr 1fr}.app-dialog-actions .primary-btn,.app-dialog-actions .secondary-btn{justify-content:center;align-items:center;display:inline-flex}.primary-btn.danger-btn{color:#fff;background:#e5484d;border-color:#e5484d}.primary-btn.danger-btn:hover{background:#d23b40;border-color:#d23b40}.profile-modal{background:#242424;border:1px solid #353535;border-radius:8px;width:min(420px,100vw - 36px);max-height:calc(100vh - 36px);padding:16px;overflow:auto;box-shadow:0 28px 70px #00000070}.profile-avatar-editor{place-items:center;gap:12px;margin:4px 0 18px;display:grid}.profile-avatar-large{border-radius:50%;width:104px;height:104px;font-size:34px;position:relative}.profile-avatar-large i{width:30px;height:30px;color:var(--key-color);background:#242424;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 8px #0000005c}.avatar-cropper{background:#1d1d1d;border:1px solid #353535;border-radius:8px;justify-items:center;gap:10px;width:100%;padding:12px;display:grid}.avatar-crop-stage{touch-action:none;background:#0f0f0f;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000070}.avatar-crop-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.avatar-crop-box{border:2px solid var(--key-color);background-image:linear-gradient(90deg, transparent 32%, color-mix(in srgb, var(--key-color) 38%, transparent) 32%, color-mix(in srgb, var(--key-color) 38%, transparent) 34%, transparent 34%, transparent 66%, color-mix(in srgb, var(--key-color) 38%, transparent) 66%, color-mix(in srgb, var(--key-color) 38%, transparent) 68%, transparent 68%), linear-gradient(0deg, transparent 32%, color-mix(in srgb, var(--key-color) 38%, transparent) 32%, color-mix(in srgb, var(--key-color) 38%, transparent) 34%, transparent 34%, transparent 66%, color-mix(in srgb, var(--key-color) 38%, transparent) 66%, color-mix(in srgb, var(--key-color) 38%, transparent) 68%, transparent 68%);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 999px #0d0b1294}.avatar-crop-row{color:#ccc;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;width:100%;font-size:12px;display:grid}.avatar-crop-row input{width:100%;accent-color:var(--key-color)}.avatar-crop-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.avatar-crop-actions .primary-btn,.avatar-crop-actions .secondary-btn{justify-content:center;align-items:center;display:inline-flex}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.modal-actions .primary-btn,.modal-actions .secondary-btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.wide-action{width:100%;margin-bottom:14px}.clear-progress{color:#ccc;background:#1d1d1d;border:1px solid #4a4a4a;border-radius:8px;gap:8px;margin:-4px 0 14px;padding:10px 11px;font-size:12px;display:grid}.clear-progress.confirming{color:#ff8f93;border-color:#f23b4580}.clear-progress.done{color:#b9e9c4;border-color:#77c88d80}.clear-progress-bar{background:#ffffff14;border-radius:999px;height:5px;position:relative;overflow:hidden}.clear-progress-bar:before{content:"";border-radius:inherit;background:var(--key-color);width:45%;animation:1s ease-in-out infinite clear-progress-sweep;position:absolute;inset:0 auto 0 0}@keyframes clear-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(225%)}}.list-stack,.table-list{gap:8px;display:grid}.list-row,.user-row{background:#1d1d1d;border:1px solid #353535;border-radius:8px;align-items:center;gap:10px;display:grid}.list-row{grid-template-columns:24px minmax(0,1fr) max-content;padding:11px}.list-row-main,.user-id{gap:4px;min-width:0;display:grid}.list-row-main .row-name,.user-id .row-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.list-row-main span,.user-id span{text-overflow:ellipsis;white-space:nowrap;color:#9a9a9a;font-size:12px;overflow:hidden}.row-actions{gap:6px;display:inline-flex}.trash-section{gap:8px;margin-top:16px;display:grid}.trash-section h2{color:#ccc;margin:0;font-size:13px;font-weight:760}.trash-row{grid-template-columns:24px minmax(0,1fr) max-content}.trash-thumb{object-fit:cover;background:#f5f5f5;border-radius:6px;width:24px;height:24px}.mini-empty{color:#9a9a9a;text-align:center;border:1px dashed #3d3d3d;border-radius:8px;padding:12px;font-size:13px}.search-line{color:#9a9a9a;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;height:40px;margin-bottom:12px;padding:0 10px;display:grid}.search-line input{border:0;height:100%;padding:0}.user-row{grid-template-columns:minmax(0,1fr) 92px 112px;padding:10px}.user-row select{height:34px;padding:0 8px}.pager{color:#c4c4c4;grid-template-columns:1fr max-content 1fr;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:grid}@media (width<=920px){.topbar{grid-template-columns:max-content 1fr;grid-auto-rows:40px;row-gap:0;padding:0 10px}.brand{grid-area:1/1;height:40px}.board-tabs-wrap{border-top:1px solid #ffffff0d;grid-area:2/1/auto/-1;height:40px}.board-tabs-wrap .board-tab{height:40px}.top-actions{grid-area:1/2;justify-content:flex-end;height:40px}.account-pill{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.side-panel{z-index:90;width:min(360px,92vw);min-width:0;position:absolute;inset:0 0 0 auto;box-shadow:-18px 0 34px #00000054}.user-row{grid-template-columns:1fr}}@media (width<=560px){.top-actions{gap:2px}.board-tab{min-width:56px;max-width:150px}.board-tab.active{padding-right:32px}.tab-scroll{width:30px;height:38px}.side-panel{border-left:0;width:100%}.canvas-tools{top:10px;right:10px}.toast-error{max-width:none;bottom:10px;left:10px;right:10px}}.home{background:radial-gradient(900px 500px at 80% -10%, color-mix(in srgb, var(--key-color) 10%, transparent), transparent 60%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), #141414;background-size:auto,28px 28px,28px 28px;flex-direction:column;min-height:100%;display:flex;overflow-y:auto}.home-nav{justify-content:space-between;align-items:center;width:100%;max-width:1160px;margin:0 auto;padding:18px clamp(18px,6vw,72px);display:flex}.home-nav .brand{color:var(--key-color);font-size:18px}.home-nav .brand strong{font-size:18px}.home-nav-cta{border-radius:8px;width:auto;height:34px;padding:0 12px 0 10px}.home-nav-cta--login{background:var(--key-color);color:#fff;border-color:#0000}.home-nav-cta--login:not(:disabled):hover{background:color-mix(in srgb, var(--key-color) 86%, #fff);color:#fff;border-color:#0000}.home-nav-cta--local{color:#472b05;background:#ff9100;border-color:#0000}.home-nav-cta--local:not(:disabled):hover{color:#472b05;background:#ffa42e;border-color:#0000}.home main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(18px,6vw,72px)}.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(36px,7vw,88px) 0;display:grid}.home-eyebrow{border:1px solid color-mix(in srgb, var(--key-color) 33%, transparent);color:var(--key-color);border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:13px;font-weight:650;display:inline-block}.home-hero h1{color:#f5f5f5;margin:0 0 18px;font-size:clamp(32px,5vw,52px);font-weight:820;line-height:1.15}.home-hero h1 .accent{color:var(--key-color)}.home-lead{color:#c4c4c4;max-width:520px;margin:0 0 28px;font-size:clamp(15px,1.4vw,17px);line-height:1.7}.home-cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.home-cta{width:auto;height:40px;padding:0 16px;font-size:15px}.home-cta-note{color:#969696;margin-top:10px;font-size:13px;display:block}.home-hero-art{min-height:370px;position:relative}.note-card{color:#2a2410;border-radius:4px;width:175px;padding:18px 16px 22px;font-size:15px;font-weight:600;line-height:1.5;position:absolute;box-shadow:0 16px 38px #0005}.note-card .note-pin{background:#d66b5b;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000005e}.note-a{background:var(--key-color);z-index:2;top:0;left:0;transform:rotate(-3deg)}.note-b{z-index:1;background:#8fc7a8;width:200px;top:8%;right:0;transform:rotate(4deg)}.note-c{z-index:2;background:#e6a3c4;bottom:0;right:0;transform:rotate(-2deg)}.note-image{background:#fff;padding:8px}.note-image img{border-radius:2px;width:100%;height:auto;display:block}.note-d{z-index:3;width:230px;bottom:0;left:0;transform:rotate(3deg)}.note-d img{clip-path:inset(0 round 2px);animation:1.3s cubic-bezier(.16,.7,.3,1) both photo-develop}.note-d:after{content:"";border-radius:inherit;pointer-events:none;background:#fff;animation:.6s ease-out both shutter-flash;position:absolute;inset:0}@keyframes shutter-flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}@keyframes photo-develop{0%{filter:brightness(3.2)contrast(.1)saturate(0)blur(3px)}22%{filter:brightness(1.7)contrast(.5)saturate(.25)blur(1.6px)}to{filter:brightness()contrast()saturate()blur()}}@media (prefers-reduced-motion:reduce){.note-d img,.note-d:after{animation:none}}.home-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;padding:clamp(20px,4vw,48px) 0;display:grid}.home-feature{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:12px;padding:22px 20px;transition:border-color .2s,transform .2s}.home-feature:hover{border-color:color-mix(in srgb, var(--key-color) 40%, transparent);transform:translateY(-3px)}.home-feature-icon{background:color-mix(in srgb, var(--key-color) 12%, transparent);width:42px;height:42px;color:var(--key-color);border-radius:8px;place-items:center;margin-bottom:14px;display:inline-grid}.home-feature h3{color:#f5f5f5;margin:0 0 8px;font-size:17px;font-weight:720}.home-feature p{color:#ababab;margin:0;font-size:14px;line-height:1.65}.home-final{background:radial-gradient(600px 300px at 50% 0%, color-mix(in srgb, var(--key-color) 10%, transparent), transparent 70%), #1e1e1e;text-align:center;border:1px solid #2e2e2e;border-radius:18px;margin:clamp(20px,4vw,40px) 0 clamp(36px,6vw,72px);padding:clamp(36px,6vw,64px) 28px}.home-final h2{color:#f5f5f5;margin:0 0 12px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.home-final p{color:#c4c4c4;margin:0 0 26px;font-size:15px}.home-final .home-cta{margin:0 auto}.home-compare{padding:clamp(20px,4vw,40px) 0}.home-compare-head{text-align:center;max-width:640px;margin:0 auto clamp(20px,3vw,32px)}.home-compare-head h2{color:#f5f5f5;margin:0 0 12px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.home-compare-head p{color:#ababab;margin:0;font-size:15px;line-height:1.65}.compare-table-wrap{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:16px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px}.compare-table th,.compare-table td{text-align:center;border-bottom:1px solid #2a2a2a;padding:15px 18px}.compare-table thead th{color:#f5f5f5;background:#232323;padding-top:18px;padding-bottom:18px;font-size:15px;font-weight:720;position:sticky;top:0}.compare-col-title{display:block}.compare-tag{color:#9a9a9a;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:999px;margin-top:6px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.compare-tag--key{border-color:color-mix(in srgb, var(--key-color) 45%, transparent);background:color-mix(in srgb, var(--key-color) 16%, transparent);color:color-mix(in srgb, var(--key-color) 80%, #fff)}.compare-table tbody th{text-align:left;color:#d6d6d6;font-weight:600}.compare-feature-col{width:40%;text-align:left!important}.compare-col-key{background:color-mix(in srgb, var(--key-color) 7%, transparent);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--key-color) 22%, transparent), inset -1px 0 0 color-mix(in srgb, var(--key-color) 22%, transparent)}.compare-table thead .compare-col-key{background:color-mix(in srgb, var(--key-color) 14%, #232323)}.compare-table tbody tr:last-child td,.compare-table tbody tr:last-child th{border-bottom:0}.compare-mark{border-radius:999px;place-items:center;width:26px;height:26px;display:inline-grid}.compare-yes{color:#34d399;background:#34d39924}.compare-no{color:#6b6b6b;background:#2a2a2a}.compare-text{color:#c4c4c4}.compare-col-key .compare-text{color:#e7e7e7;font-weight:600}.home-footer{color:#888;border-top:1px solid #2e2e2e;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;max-width:1160px;margin:0 auto;padding:22px clamp(18px,6vw,72px);font-size:13px;display:flex}.home-footer a{color:#888;text-decoration:none}.home-footer a:hover{color:#b4b4b4}.footer-dot{margin:0 4px}@media (width<=760px){.home-hero{grid-template-columns:1fr}.home-hero-art{flex-wrap:wrap;order:-1;justify-content:center;align-items:flex-start;gap:18px 16px;min-height:0;padding:12px 0 4px;display:flex}.note-card{z-index:auto;flex:150px;width:auto;max-width:240px;position:relative;inset:auto}.note-card:nth-child(odd){transform:rotate(-2.5deg)}.note-card:nth-child(2n){transform:rotate(2.5deg)}.note-image{flex-basis:100%;max-width:320px}}@media (width<=560px){.home-nav{gap:8px;padding:14px 16px}.home-nav-right{gap:6px}.home-nav-cta{padding:0 10px}.home-nav-cta span{display:none}.compare-table{min-width:0;font-size:12.5px}.compare-table th,.compare-table td{padding:11px 8px}.compare-table thead th{padding-top:12px;padding-bottom:12px;font-size:13px}.compare-feature-col{width:38%}.compare-tag{padding:2px 6px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.lang-switcher{position:relative}.lang-dropdown{z-index:100;background:#242424;border:1px solid #3d3d3d;border-radius:8px;flex-direction:column;gap:2px;min-width:120px;padding:4px;display:flex;position:absolute;top:90%;right:0;box-shadow:0 4px 12px #0000004d}.lang-dropdown:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.lang-option{color:#ccc;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.lang-flag{align-items:center;font-size:15px;line-height:1;display:inline-flex}.lang-option:hover{color:#f5f5f5}.lang-option.active{background:color-mix(in srgb, var(--key-color) 14%, transparent);color:var(--key-color)}.home-nav-right{align-items:center;gap:8px;display:flex}.footer-link{color:#888;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.footer-link:hover{color:#b4b4b4}.legal-page{color:#f5f5f5;background:radial-gradient(900px 420px at 50% -160px,#2a2a2a 0%,#2a2a2a00 72%),#171717;width:100%;min-height:100vh}.legal-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414d1;border-bottom:1px solid #2a2a2a;align-items:center;gap:12px;padding:14px clamp(18px,5vw,40px);display:flex;position:sticky;top:0}.legal-header h1{letter-spacing:.2px;margin:0;font-size:17px;font-weight:650}.legal-content{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(18px,5vw,32px) 72px}.legal-hero{margin-bottom:40px}.legal-updated{color:var(--key-color);letter-spacing:.2px;background:#262626;border:1px solid #3a3a3a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.legal-intro{color:#aeaeae;margin:18px 0 0;font-size:15px;line-height:1.75}.legal-sections{margin:0;padding:0;list-style:none}.legal-section{border-top:1px solid #272727;grid-template-columns:34px 1fr;gap:16px;padding:24px 0;display:grid}.legal-section:first-child{border-top:0;padding-top:4px}.legal-section-no{background:linear-gradient(135deg, #3a6fd0, var(--key-color));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:650;display:flex;box-shadow:0 4px 12px #4f8ff747}.legal-section-body h2{color:#f5f5f5;margin:5px 0 10px;font-size:16px;font-weight:650}.legal-section-body p{color:#c4c4c4;margin:0;font-size:14.5px;line-height:1.78}.legal-footnote{color:#9a9a9a;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;margin:36px 0 0;padding:16px 18px;font-size:13px;line-height:1.7}.help-hero{margin-bottom:36px}.help-hero p{color:#aeaeae;margin:0;font-size:15px;line-height:1.75}.help-faq{margin-bottom:44px}.help-faq h2,.help-contact h2{margin:0 0 16px;font-size:18px;font-weight:650}.faq-item{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:10px;transition:border-color .18s,background .18s;overflow:hidden}.faq-item:hover,.faq-item.open{border-color:#3a3a3a}.faq-question{color:#f5f5f5;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;font-size:14.5px;font-weight:550;display:flex}.faq-question svg{color:#777;flex-shrink:0;transition:transform .2s,color .18s}.faq-item.open .faq-question svg{color:var(--key-color);transform:rotate(180deg)}.faq-question:hover svg{color:var(--key-color)}.faq-answer{color:#c4c4c4;margin:0;padding:0 18px 16px;font-size:14px;line-height:1.72}.help-contact{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:16px;padding:clamp(20px,4vw,28px)}.help-contact>p{color:#aeaeae;margin:0 0 4px;font-size:14px;line-height:1.6}.help-response{color:#828282;font-size:13px;margin:0 0 20px!important}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form .field{margin:0}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form textarea,.contact-form select{color:#f5f5f5;background:#171717;border:1px solid #3a3a3a;border-radius:8px;outline:0;width:100%;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.contact-form textarea{resize:vertical;min-height:130px;padding:11px 12px}.contact-form select{height:40px;padding:0 12px}.contact-form textarea:focus,.contact-form select:focus{border-color:var(--key-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--key-color) 15%, transparent)}.contact-form .primary-btn{align-self:flex-start;margin-top:6px}.inline-success{color:#a6e3c0;background:#1f3a2c;border:1px solid #2f5e4570;border-radius:8px;padding:9px 11px;font-size:13px}@media (width<=560px){.form-row{grid-template-columns:1fr}.contact-form .primary-btn{justify-content:center;align-self:stretch}}.danger-zone{border-top:1px solid #2e2e2e;margin-top:24px;padding-top:16px}.danger-link{color:#ff5c63;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.danger-link:hover{color:#ff6e74}.delete-confirm-section{background:#1d1d1d;border:1px solid #353535;border-radius:8px;margin-top:16px;padding:16px}.delete-confirm-section .field input:focus{border-color:#f23b45;box-shadow:0 0 0 3px #f23b4529}.delete-confirm-section .secondary-btn{height:34px!important}.delete-confirm-header{color:#ff5c63;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.delete-warning{color:#ff6e74;margin:0 0 16px;font-size:13px;line-height:1.5}.delete-confirm-actions{gap:12px;margin-top:16px;display:flex}.danger-btn{color:#fff;cursor:pointer;background:#f23b45;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:14px;font-weight:400;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.danger-btn:not(:disabled):hover{background:#ff4d56}.danger-btn:disabled{cursor:not-allowed;color:#707070;background:#2a2a2a;border-color:#2e2e2e}.local-banner{text-overflow:ellipsis;white-space:nowrap;color:#b9b9b9;min-width:0;font-size:13px;overflow:hidden}.local-usage{color:#ccc;white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.local-action{color:#e6e6e6;white-space:nowrap;background:#ffffff08;border:1px solid #3d3d3d;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:13px;display:inline-flex}.local-action:hover{border-color:var(--key-color);color:var(--key-color);background:color-mix(in srgb, var(--key-color) 8%, transparent)}.local-action.danger{color:#ff8a86;background:#d9534f24;border-color:#d9534f}.home-local-notice{color:#9a9a9a;max-width:520px;margin-top:12px;font-size:12.5px;line-height:1.6}