@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--blue:#005ff9;--blue-hover:#0053dc;--blue-active:#0047c2;--blue-soft:#eaf1ff;--blue-soft-2:#dce9ff;--blue-line:#bcd4ff;--ink:#14161a;--ink-2:#4b5260;--ink-3:#868d9b;--ink-4:#aeb4c0;--ink-invert:#fff;--line:#e7e9ee;--line-strong:#d7dbe2;--bg:#f4f5f7;--bg-2:#eef0f3;--surface:#fff;--surface-2:#fafbfc;--green:#12a05c;--green-soft:#e8f7ef;--red:#e5484d;--red-soft:#fdecec;--yellow:#e0a200;--yellow-soft:#fff6da;--violet:#8b5cf6;--navy:#0b1b3a;--navy-2:#12264d;--radius-xs:6px;--radius-sm:8px;--radius-md:11px;--radius-lg:15px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #1418230d;--shadow-sm:0 1px 3px #1418230f, 0 1px 2px #1418230a;--shadow-md:0 6px 16px #14182312, 0 2px 4px #1418230a;--shadow-lg:0 20px 48px #14182324, 0 4px 12px #1418230f;--shadow-island:0 8px 24px #1820301a, 0 1px 2px #1820300f;--ease:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--sidebar-w:264px;--topbar-h:60px;--comments-w:336px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11" 1, "ss01" 1;overscroll-behavior:none;margin:0;font-size:14px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:var(--blue);text-decoration:none}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.15}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue-soft-2)}*{scrollbar-width:thin;scrollbar-color:#c8ced8 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c8ced8 padding-box content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{height:100%}.logo{align-items:center;gap:10px;min-width:0;display:flex}.logo-mark{border-radius:9px;flex:none;box-shadow:0 2px 8px #005ff938}.logo__text{flex-direction:column;min-width:0;line-height:1.12;display:flex}.logo__name{letter-spacing:-.025em;font-size:17px;font-weight:680}.logo__tag{color:var(--ink-3);white-space:nowrap;font-size:10.5px}.logo--compact .logo-mark{box-shadow:none}.btn{letter-spacing:-.01em;white-space:nowrap;height:36px;transition:background .16s var(--ease), color .16s var(--ease), transform .1s var(--ease), box-shadow .16s var(--ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-hover)}.btn--ghost{color:var(--ink);background:#f0f2f5}.btn--ghost:hover{background:#e7eaef}.btn--danger{background:var(--red);color:#fff}.btn--danger:hover{background:#d13a3f}.btn--danger-soft{background:var(--red-soft);color:#b4282d}.btn--danger-soft:hover{background:#fbdede}.btn--sm{border-radius:7px;gap:6px;height:30px;padding:0 10px;font-size:12.5px}.btn--lg{border-radius:11px;height:44px;padding:0 20px;font-size:14.5px}.icon-btn{width:30px;height:30px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-2);color:var(--ink)}.icon-btn--small{border-radius:6px;width:24px;height:24px}.icon-btn--active{color:var(--blue);background:var(--blue-soft)}.icon-btn--on-preview{box-shadow:var(--shadow-xs);color:var(--ink);background:#fffffff0;border:1px solid #14182314}.icon-btn--on-preview:hover{background:#fff}.avatar{color:#fff;letter-spacing:0;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:650;line-height:1;display:inline-flex;position:relative}.avatar--ring{box-shadow:0 0 0 2px #fff}.avatar__online{background:var(--green);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.dropdown{border:1px solid var(--line);min-width:208px;box-shadow:var(--shadow-lg);z-index:60;animation:dropIn .14s var(--ease);background:#fff;border-radius:12px;padding:5px;position:absolute;top:calc(100% + 7px);right:0}.dropdown--right{right:0}.dropdown__item{width:100%;min-height:34px;color:var(--ink);text-align:left;white-space:nowrap;border-radius:7px;align-items:center;gap:9px;padding:0 9px;font-size:13px;display:flex}.dropdown__item:hover{background:#f3f5f8}.dropdown__item svg{color:var(--ink-3);flex:none}.dropdown__item--danger,.dropdown__item--danger svg{color:var(--red)}.dropdown__separator{background:var(--line);height:1px;margin:5px 4px}.popover{border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:70;animation:dropIn .14s var(--ease);background:#fff;border-radius:14px;padding:12px;position:absolute}.popover__label{color:var(--ink-3);margin-bottom:8px;font-size:11.5px;font-weight:600}.segmented{background:#f1f3f6;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented button{min-width:32px;height:28px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:550;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button.is-active{color:var(--ink);box-shadow:var(--shadow-xs);background:#fff}.segmented--sm button{min-width:28px;height:26px}.segmented--wide{display:flex}.segmented--wide button{flex:1;padding:0 10px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-head h2{font-size:17px;font-weight:650}.section-note{color:var(--ink-3);margin-top:4px;font-size:12.5px;display:block}.link-btn{color:var(--blue);border-radius:5px;padding:2px 4px;font-size:12.5px;font-weight:550}.link-btn:hover{background:var(--blue-soft)}.count-pill{border-radius:var(--radius-pill);min-width:22px;height:21px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#e9ecf1;justify-content:center;align-items:center;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot--green{background:var(--green)}.dot--blue{background:var(--blue)}.pulse-dot{background:#6ea1ff;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.pulse-dot:after{content:"";border:1px solid #6ea1ff99;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}.badge{border-radius:var(--radius-pill);height:24px;box-shadow:var(--shadow-xs);background:#fffffff0;border:1px solid #14182312;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:550;display:inline-flex}.badge--star{color:#e0a200;justify-content:center;width:24px;padding:0}.access-chip{border-radius:var(--radius-pill);height:22px;color:var(--ink-2);white-space:nowrap;background:#f0f2f5;align-items:center;padding:0 8px;font-size:11px;font-weight:550;display:inline-flex}.access-chip--edit{background:var(--green-soft);color:#0b7a45}.access-chip--comment{background:var(--yellow-soft);color:#8a6200}.access-chip--view{background:var(--blue-soft);color:#0049c4}.inline-rename{font:inherit;border:1px solid var(--blue);background:#fff;border-radius:7px;outline:none;width:100%;min-width:80px;padding:5px 8px;font-weight:600}.inline-rename--card{font-size:14.5px}.switch{border-radius:var(--radius-pill);width:38px;height:22px;transition:background .18s var(--ease);background:#d8dce3;flex:none;position:relative}.switch span{width:16px;height:16px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000002e}.switch.is-on{background:var(--blue)}.switch.is-on span{transform:translate(16px)}kbd{min-width:20px;height:20px;color:var(--ink-2);font-family:var(--font-sans);white-space:nowrap;background:#f1f3f6;border:1px solid #e2e5ea;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.dashboard{background:var(--bg);height:100%;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:20px 14px 14px;display:flex}.sidebar__top{padding:0 6px 18px}.sidebar__search{height:38px;color:var(--ink-3);cursor:text;transition:background .15s var(--ease), border-color .15s var(--ease);background:#f2f4f6;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;display:flex}.sidebar__search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);color:var(--blue);background:#fff}.sidebar__search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.sidebar__search input::placeholder{color:var(--ink-3)}.sidebar__search kbd{background:#fff;min-width:18px;height:18px;font-size:10px}.sidebar__new{border-radius:10px;width:100%;height:40px;margin-bottom:16px}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.nav-item{height:38px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:13.2px;font-weight:500;display:flex}.nav-item svg{color:var(--ink-3);flex:none}.nav-item span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item:hover{color:var(--ink);background:#f4f6f8}.nav-item--active{background:var(--blue-soft);color:var(--blue);font-weight:600}.nav-item--active svg{color:var(--blue)}.nav-item__count{color:var(--ink-3);border-radius:var(--radius-pill);text-align:center;background:#f0f2f5;min-width:20px;padding:1px 6px;font-size:11px;font-weight:600}.nav-item--active .nav-item__count{color:var(--blue);background:#005ff91a}.sidebar__section{margin-top:22px;padding:0 4px}.sidebar__section-head{color:var(--ink-3);justify-content:space-between;align-items:center;padding:0 6px 6px;font-size:11.5px;font-weight:600;display:flex}.sidebar__templates{flex-direction:column;gap:1px;display:flex}.template-mini{height:34px;color:var(--ink-2);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:0 6px;font-size:12.8px;font-weight:500;display:flex}.template-mini:hover{color:var(--ink);background:#f4f6f8}.template-mini__icon{border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:inline-flex}.sidebar__spacer{flex:1;min-height:16px}.sidebar__help{height:36px;color:var(--ink-3);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:0 8px;font-size:12.5px;display:flex}.sidebar__help:hover{color:var(--ink);background:#f4f6f8}.sidebar__user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:8px;padding:14px 6px 2px;display:flex}.sidebar__user-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.sidebar__user-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.8px;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:10.5px;overflow:hidden}.sidebar__saved{align-items:center;display:flex}.sidebar__logout{width:28px;height:28px;color:var(--ink-3);border-radius:7px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.sidebar__logout:hover{background:var(--red-soft);color:var(--red)}.dash-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.dash-topbar{height:var(--topbar-h);flex:none;justify-content:space-between;align-items:center;padding:0 34px;display:flex}.dash-topbar__crumbs{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:flex}.dash-topbar__crumbs span:last-child{color:var(--ink-2)}.crumb-sep{color:var(--ink-4)}.dash-topbar__right{align-items:center;gap:12px;display:flex}.topbar-icon{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--ink-2);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:inline-flex}.topbar-icon:hover{border-color:var(--ink-3);color:var(--ink)}.topbar-divider{background:var(--line);width:1px;height:20px}.topbar-user{border-radius:var(--radius-pill);cursor:default;color:var(--ink-2);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.topbar-user:hover{background:#eceef2}.topbar-user__name{color:var(--ink);font-size:12.5px;font-weight:550}.dash-scroll{flex:1;min-height:0;padding:0 34px 34px;overflow-y:auto}.dash-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 0;display:flex}.dash-hero h1{letter-spacing:-.04em;font-size:clamp(32px,3.3vw,44px);font-weight:680;line-height:1.05}.dash-hero p{max-width:600px;color:var(--ink-2);margin-top:11px;font-size:14.5px}.templates-section{margin-bottom:36px}.template-strip{scroll-snap-type:x proximity;gap:14px;margin:0 -2px;padding:14px 2px 10px;display:flex;overflow-x:auto}.template-card{border:1px solid var(--line);text-align:left;scroll-snap-align:start;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);background:#fff;border-radius:14px;flex:0 0 218px;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.template-card__preview{border-bottom:1px solid var(--line);height:116px;display:block;position:relative;overflow:hidden}.template-card__preview .board-preview{width:100%;height:100%;display:block}.template-card__emoji{width:28px;height:28px;box-shadow:var(--shadow-xs);border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:inline-flex;position:absolute;top:10px;left:10px}.template-card__meta{flex-direction:column;gap:2px;padding:11px 13px 12px;display:flex}.template-card__name{letter-spacing:-.01em;font-size:13.5px;font-weight:620}.template-card__desc{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;overflow:hidden}.template-card--blank{border:1.5px dashed var(--line-strong);background:#fafbfc;justify-content:center;align-items:center;min-height:172px;display:flex}.template-card--blank:hover{border-color:var(--blue-line);background:#f6f9ff}.template-card__blank-inner{text-align:center;flex-direction:column;align-items:center;gap:3px;padding:16px;display:flex}.template-card__plus{border:1px solid var(--line);width:38px;height:38px;color:var(--blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:7px;display:inline-flex}.continue-section{margin-bottom:34px}.continue-card{background:var(--navy);border-radius:var(--radius-xl);text-align:left;color:#fff;width:100%;min-height:210px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);grid-template-columns:320px 1fr;display:grid;overflow:hidden}.continue-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0b1b3a38}.continue-card__preview{background:var(--navy-2);border-right:1px solid #ffffff14;height:100%;min-height:210px;display:block;position:relative;overflow:hidden}.continue-card__preview .board-preview{width:100%;height:100%;display:block}.continue-card__body{flex-direction:column;min-width:0;padding:26px 30px;display:flex}.continue-card__label{color:#a9c4ff;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:550;display:inline-flex}.continue-card__title{letter-spacing:-.03em;align-items:center;gap:8px;font-size:26px;font-weight:660;line-height:1.15;display:flex}.continue-card__meta{color:#ffffff94;margin-top:6px;font-size:12.5px}.continue-card__actions{align-items:center;gap:18px;margin-top:auto;padding-top:20px;display:flex}.continue-card__owner{color:#ffffffad;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.boards-section{margin-top:6px}.boards-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.boards-head__title{align-items:center;gap:9px;display:flex}.boards-head__title h2{font-size:19px;font-weight:650}.boards-head__tools{align-items:center;gap:10px;display:flex}.sort-select{align-items:center;display:inline-flex;position:relative}.sort-select select{appearance:none;border:1px solid var(--line);height:32px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:0 28px 0 10px;font-size:12.5px}.sort-select select:hover{border-color:var(--line-strong)}.sort-select svg{pointer-events:none;color:var(--ink-3);position:absolute;right:9px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px;display:grid}.board-card{border:1px solid var(--line);z-index:0;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);animation:cardIn .35s var(--ease) both;background:#fff;border-radius:14px;min-width:0;position:relative}.board-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 12px 28px #1820301a}.board-card__preview-wrap{aspect-ratio:16/10;background:var(--bg-2);border-bottom:1px solid var(--line);border-radius:13px 13px 0 0;position:relative}.board-card__preview{text-align:left;border-radius:13px 13px 0 0;width:100%;height:100%;display:block;position:relative;overflow:hidden}.board-card__preview .board-preview{width:100%;height:100%;transition:transform .35s var(--ease);display:block}.board-card:hover .board-card__preview .board-preview{transform:scale(1.015)}.board-card__open{color:#fff;opacity:0;height:30px;transition:opacity .18s var(--ease), transform .18s var(--ease);pointer-events:none;background:#0f172ae0;border-radius:8px;align-items:center;padding:0 11px;font-size:11.5px;font-weight:550;display:inline-flex;position:absolute;bottom:11px;left:11px;transform:translateY(5px)}.board-card:hover .board-card__open{opacity:1;transform:translateY(0)}.board-card__badges{pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge--owner{gap:5px;padding:0 7px 0 4px}.board-card__menu-wrap{opacity:0;transition:opacity .15s var(--ease), transform .15s var(--ease);position:absolute;top:9px;right:9px;transform:translateY(-2px)}.board-card:hover .board-card__menu-wrap,.board-card__menu-wrap:focus-within{opacity:1;transform:translateY(0)}@media (hover:none){.board-card__menu-wrap{opacity:1;transform:none}}.board-card__body{border-radius:0 0 13px 13px;min-width:0;padding:12px 14px 14px}.board-card__title{letter-spacing:-.015em;text-align:left;width:100%;color:var(--ink);align-items:center;gap:6px;min-width:0;font-size:14.5px;font-weight:620;display:flex}.board-card__title span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-title-emoji{font-family:var(--font-emoji);flex:none;font-size:14px}.board-card__meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin-top:5px;font-size:11.5px;display:flex;overflow:hidden}.meta-dot{background:var(--ink-4);border-radius:50%;flex:none;width:3px;height:3px}.board-list{flex-direction:column;gap:7px;display:flex}.board-row{border:1px solid var(--line);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:7px 12px 7px 7px;display:flex}.board-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.board-row__preview{border:1px solid var(--line);border-radius:8px;flex:none;width:108px;height:64px;overflow:hidden}.board-row__preview .board-preview{width:100%;height:100%;display:block}.board-row__info{flex:1;min-width:0}.board-row__title{color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.board-row__meta{color:var(--ink-3);margin-top:2px;font-size:11.5px;display:block}.board-row__owner{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.board-row__actions{opacity:0;transition:opacity .15s var(--ease);align-items:center;gap:1px;display:flex}.board-row:hover .board-row__actions{opacity:1}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:#fff;flex-direction:column;align-items:center;padding:54px 24px 58px;display:flex}.empty-state__icon{background:var(--blue-soft);width:52px;height:52px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.empty-state h3{font-size:18px;font-weight:650}.empty-state p{max-width:380px;color:var(--ink-2);margin:6px 0 18px;font-size:13px}.dash-footer{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:12px;margin-top:44px;padding-top:18px;font-size:11.5px;display:flex}.dash-footer__right{align-items:center;gap:7px;margin-left:auto;display:inline-flex}.modal-backdrop{z-index:100;animation:fadeIn .16s var(--ease);background:#0c132170;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:calc(100vh - 56px);box-shadow:var(--shadow-lg);animation:modalIn .2s var(--ease);background:#fff;padding:24px;overflow-y:auto}.modal--sm{max-width:440px}.modal--lg{max-width:880px}.modal__head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.modal__head h3{letter-spacing:-.03em;font-size:21px;font-weight:660}.modal__sub{color:var(--ink-3);margin-top:5px;font-size:12.5px}.modal__text{color:var(--ink-2);margin-top:4px;font-size:13.5px}.modal__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal__actions--split{justify-content:space-between;align-items:center}.modal__copyright{color:var(--ink-3);letter-spacing:.01em;font-size:12px}.help-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.help-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.help-card h4{margin-bottom:10px;font-size:13.5px;font-weight:650}.help-card ul{color:var(--ink-2);flex-direction:column;gap:7px;padding-left:2px;font-size:12.5px;display:flex}.help-card li{padding-left:14px;position:relative}.help-card li:before{content:"";background:var(--blue);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.help-tip{background:var(--blue-soft);color:#12386f;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px;line-height:1.45}.shortcut-list{flex-direction:column;gap:6px;display:flex}.shortcut{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.shortcut kbd{min-width:52px}.share-access{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);align-items:center;gap:12px;padding:12px;display:flex}.share-access__icon{width:36px;height:36px;color:var(--ink-2);background:#eceff3;border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.share-access__icon.is-open{background:var(--blue-soft);color:var(--blue)}.share-access__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-access__text strong{font-size:13px;font-weight:600}.share-access__text span{color:var(--ink-3);font-size:11.5px}.share-permissions{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.share-label{color:var(--ink-3);margin-bottom:8px;font-size:11.5px;font-weight:600;display:block}.share-permissions .share-label{margin-bottom:0}.share-link{border:1px solid var(--line-strong);color:var(--ink-3);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:5px 5px 5px 12px;display:flex}.share-link input{min-width:0;color:var(--ink-2);background:0 0;border:0;outline:0;flex:1;font-size:12px}.share-link .btn{flex:none}.share-open-link{color:var(--blue);align-items:center;gap:6px;margin-top:8px;padding:3px 2px;font-size:11.5px;font-weight:550;display:inline-flex}.share-open-link:hover{text-decoration:underline}.share-people{flex-direction:column;gap:2px;margin-top:20px;display:flex}.share-person{align-items:center;gap:10px;padding:7px 4px;display:flex}.share-person__text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.share-person__text strong{align-items:center;gap:7px;font-size:12.8px;font-weight:600;display:flex}.share-person__text span{color:var(--ink-3);font-size:11px}.share-you{color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-pill);padding:1px 6px;font-size:9.5px;font-weight:550}.share-role{color:var(--ink-3);font-size:11.5px}.share-note{color:var(--ink-2);background:#f5f7fa;border-radius:9px;margin-top:18px;padding:11px 12px;font-size:11.5px;line-height:1.45}.export-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:#f1f3f6;justify-content:center;padding:14px;display:flex;overflow:hidden}.export-preview__frame{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-height:260px;overflow:hidden}.export-preview__frame .board-preview{width:100%;height:100%;display:block}.export-formats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.export-format{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);transition:border-color .15s var(--ease), background .15s var(--ease);background:#fff;align-items:flex-start;gap:9px;padding:12px;display:flex}.export-format svg{flex:none;margin-top:1px}.export-format strong{color:var(--ink);font-size:12.5px;display:block}.export-format small{color:var(--ink-3);margin-top:2px;font-size:10.5px;line-height:1.3;display:block}.export-format:hover{border-color:var(--line-strong)}.export-format.is-active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.export-scale{align-items:center;gap:12px;margin-top:18px;display:flex}.export-scale .share-label{margin:0}.export-scale__hint{color:var(--ink-3);font-size:11.5px}.export-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.export-render .board-preview{width:100%;height:100%;display:block}.template-modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.template-modal-card{border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;overflow:hidden}.template-modal-card:hover{border-color:var(--blue-line);box-shadow:var(--shadow-md)}.template-modal-card__preview{border-bottom:1px solid var(--line);height:150px;display:block;position:relative;overflow:hidden}.template-modal-card__preview .board-preview{width:100%;height:100%;display:block}.template-modal-card__insert{background:var(--blue);color:#fff;opacity:0;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.template-modal-card:hover .template-modal-card__insert{opacity:1;transform:translateY(0)}.template-modal-card__body{align-items:center;gap:10px;padding:11px 12px;display:flex}.template-modal-card__icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.template-modal-card__body strong{font-size:12.8px;font-weight:620;display:block}.template-modal-card__body small{color:var(--ink-3);margin-top:1px;font-size:11px;display:block}.workspace-error{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:28px;display:flex}.workspace-error .logo-mark{margin-bottom:8px;box-shadow:0 8px 22px #005ff938}.workspace-error h1{letter-spacing:-.035em;font-size:26px;font-weight:680}.workspace-error p{max-width:460px;color:var(--ink-2);font-size:13px;line-height:1.5}.workspace-error__actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:8px;display:flex}.workspace-error__hint{color:var(--ink-3);margin-top:10px;font-size:11px}.toast-host{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;min-height:38px;animation:toastIn .22s var(--ease-spring);pointer-events:auto;background:#151b26;border-radius:10px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);padding:7px 8px 7px 12px;font-size:12.5px;font-weight:500;display:flex;box-shadow:0 10px 28px #0a0f1940}.toast svg{color:#9cb6ea;flex:none}.toast--success svg{color:#61d69b}.toast--error svg{color:#ff8a8d}.toast button{color:#ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:2px;display:inline-flex}.toast button:hover{color:#fff;background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.9;transform:scale(.7)}70%{opacity:0;transform:scale(1.4)}to{opacity:0}}@media (width<=1180px){:root{--sidebar-w:236px}.dash-scroll,.dash-topbar{padding-left:26px;padding-right:26px}.continue-card{grid-template-columns:270px 1fr}}@media (width<=940px){:root{--sidebar-w:72px}.sidebar{align-items:center;padding:18px 10px 12px}.sidebar__top{padding:0 0 16px}.logo__text,.sidebar__search,.sidebar__new span,.nav-item span,.template-mini span:last-child,.sidebar__section,.sidebar__help span,.sidebar__user-text,.sidebar__saved{display:none}.sidebar__new{width:42px;margin-bottom:14px;padding:0}.sidebar__nav{align-items:center;gap:4px;width:100%}.nav-item{justify-content:center;width:42px;height:40px;padding:0}.nav-item__count{display:none}.sidebar__help{justify-content:center;width:42px;height:40px;padding:0}.sidebar__user{flex-direction:column;justify-content:center;gap:6px;width:100%;padding:12px 0 0}.sidebar__logout{margin-left:0}.dash-hero{flex-direction:column;align-items:flex-start;gap:18px}.continue-card{grid-template-columns:220px 1fr}.continue-card__body{padding:22px}.continue-card__title{font-size:22px}.help-grid{grid-template-columns:1fr}}@media (width<=680px){:root{--sidebar-w:60px}.dash-scroll,.dash-topbar{padding-left:16px;padding-right:16px}.dash-topbar__crumbs{display:none}.dash-topbar{justify-content:flex-end}.topbar-user__name{display:none}.dash-hero{padding-top:12px}.continue-card{grid-template-columns:1fr}.continue-card__preview{border-bottom:1px solid #ffffff14;border-right:0;min-height:160px}.continue-card__body{padding:20px}.board-grid{grid-template-columns:1fr}.boards-head{flex-wrap:wrap}.template-modal-grid,.export-formats{grid-template-columns:1fr}.share-permissions{flex-direction:column;align-items:flex-start}.share-permissions .segmented{width:100%}.board-row__owner,.board-row .access-chip{display:none}}.board-screen{z-index:1;background:#f7f8fa;position:fixed;inset:0;overflow:hidden}.canvas-root{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas-root.cursor-default{cursor:default}.canvas-root.cursor-grab{cursor:grab}.canvas-root.cursor-grab:active,.canvas-root.is-panning{cursor:grabbing}.canvas-root.cursor-crosshair{cursor:crosshair}.canvas-root.cursor-text{cursor:text}.canvas-root.cursor-crosshair [data-element-id],.canvas-root.cursor-text [data-element-id],.canvas-root.cursor-grab [data-element-id]{cursor:inherit!important}.canvas-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.element{-webkit-user-select:none;user-select:none;position:absolute}.editable{white-space:pre-wrap;word-break:break-word;cursor:text;outline:none}.text-placeholder{color:#1c1d2152;pointer-events:none}.element--sticky{border-radius:5px;overflow:hidden;box-shadow:0 1px 2px #181e2c14,0 10px 22px #181e2c12}.sticky__text{width:100%;height:100%;padding:16px 16px 14px;line-height:1.34;overflow:hidden}.sticky__text[contenteditable=true]{background:#ffffff2e;overflow:auto}.element--text{overflow:visible}.text__content{white-space:pre-wrap;width:100%;min-height:100%;line-height:1.24;overflow:visible}.text__content[contenteditable=true]{background:#005ff90a;border-radius:3px;outline:1px dashed #005ff966}.element--shape{overflow:visible}.shape__svg{pointer-events:none;display:block;position:absolute;inset:0}.shape__text-wrap{text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.shape__text{white-space:pre-wrap;word-break:break-word;text-align:center;width:100%;line-height:1.25}.shape__text[contenteditable=true]{pointer-events:auto;background:#ffffff8c;border-radius:4px;padding:2px 4px}.element--frame{box-sizing:border-box;border:2px solid;border-radius:14px}.frame__title{letter-spacing:-.01em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 80px);font-size:14px;font-weight:600;position:absolute;top:12px;left:16px;overflow:hidden}.frame__hint{color:var(--ink-3);opacity:0;transition:opacity .15s var(--ease);font-size:10.5px;font-weight:500;position:absolute;top:14px;right:14px}.element--frame:hover .frame__hint{opacity:1}.element--arrow,.element--draw{overflow:visible}.element--table{border:1px solid var(--line-strong);box-shadow:var(--shadow-xs);background:#fff;border-radius:10px;overflow:hidden}.element--table.is-editing{box-shadow:0 0 0 2px var(--blue-soft)}.table-grid{width:100%;height:100%;display:grid}.table-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;min-width:0;display:flex;overflow:hidden}.table-cell input{width:100%;min-width:0;height:100%;color:inherit;background:0 0;border:0;border-radius:0;outline:0;padding:0 9px;font-size:12.5px}.table-cell input:focus{box-shadow:inset 0 0 0 2px var(--blue)}.table-cell--head input{font-weight:600}.element--image{box-shadow:var(--shadow-sm);background:#f0f2f5;overflow:hidden}.element--image img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.element--reaction{line-height:1;font-family:var(--font-emoji);filter:drop-shadow(0 3px 8px #14182329);cursor:grab;justify-content:center;align-items:center;display:flex}.selection-box{border:1.5px solid var(--blue);pointer-events:none;box-sizing:border-box;border-radius:1px;position:absolute}.selection-box--multi{border-style:dashed}.selection-box--editing{border-color:#005ff98c}.resize-handle{border:1.5px solid var(--blue);pointer-events:auto;box-sizing:border-box;background:#fff;border-radius:2px;position:absolute;box-shadow:0 1px 2px #1418231f}.resize-handle--nw,.resize-handle--se{cursor:nwse-resize}.resize-handle--ne,.resize-handle--sw{cursor:nesw-resize}.resize-handle--n,.resize-handle--s{cursor:ns-resize}.resize-handle--e,.resize-handle--w{cursor:ew-resize}.arrow-endpoint{border:2px solid var(--blue);pointer-events:auto;cursor:crosshair;box-sizing:border-box;background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 3px #14182326}.marquee{border:1px solid var(--blue);pointer-events:none;box-sizing:border-box;background:#005ff912;border-radius:1px;position:absolute}.draft-rect{pointer-events:none;box-sizing:border-box;border-radius:4px;position:absolute}.draft-rect--frame{border-radius:14px;padding:14px 16px}.draft-rect--frame span{color:var(--blue);font-size:13px;font-weight:600}.draft-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.snap-guide{pointer-events:none;z-index:8;background:#ff3d8b;position:absolute}.context-menu{z-index:80;position:absolute;top:auto;right:auto}.board-topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:16px;right:16px}.board-topbar__left,.board-topbar__right{border:1px solid var(--line);height:52px;box-shadow:var(--shadow-island);pointer-events:auto;background:#fff;border-radius:14px;align-items:center;gap:3px;padding:5px 7px;display:flex}.board-topbar__left{flex:0 auto;min-width:0}.board-topbar__right{flex:none;margin-left:auto}.topbar-round{width:34px;height:34px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.topbar-round:hover{color:var(--ink);background:#f1f3f6}.topbar-round.is-active{background:var(--blue-soft);color:var(--blue)}.topbar-round:disabled{opacity:.32}.topbar-round:disabled:hover{color:var(--ink-2);background:0 0}.topbar-round--with-count .topbar-count{border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-variant-numeric:tabular-nums;border:1.5px solid #fff;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:650;display:inline-flex;position:absolute;top:1px;right:1px}.board-topbar__brand{align-items:center;padding:0 3px 0 1px;display:flex}.board-title-wrap{align-items:center;gap:1px;min-width:0;margin-right:2px;display:flex}.board-title-button{letter-spacing:-.02em;max-width:360px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:7px;font-size:15px;font-weight:620;line-height:1.2;overflow:hidden}.board-title-button:hover{background:#f4f6f8}.board-title-input{letter-spacing:-.02em;color:var(--ink);background:0 0;border:0;border-radius:7px;outline:0;min-width:80px;max-width:360px;padding:7px;font-size:15px;font-weight:620;line-height:1.2}.board-title-input:hover{background:#f4f6f8}.board-title-input:focus{box-shadow:0 0 0 2px var(--blue-soft);background:#f1f4f9}.board-title-static{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:330px;padding:0 7px;font-size:15px;font-weight:620;display:inline-flex;overflow:hidden}.title-star{width:26px;height:26px;color:var(--ink-3);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.title-star:hover{color:var(--ink-2);background:#f1f3f6}.title-star.is-active{color:#e0a200}.background-wrap{flex:none;position:relative}.topbar-text-btn{height:30px;color:var(--ink-2);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:550;display:inline-flex}.topbar-text-btn:hover,.topbar-text-btn.is-active{color:var(--ink);background:#f1f3f6}.readonly-chip{border-radius:var(--radius-pill);background:var(--yellow-soft);color:#8a6200;white-space:nowrap;align-items:center;height:26px;margin-left:4px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.background-popover{width:268px;padding:14px;top:calc(100% + 12px);left:0}.background-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.background-swatch{border:1px solid var(--line-strong);height:42px;transition:transform .12s var(--ease), box-shadow .12s var(--ease);border-radius:8px;position:relative;overflow:hidden}.background-swatch:hover{transform:scale(1.04)}.background-swatch.is-active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}.swatch-pattern{opacity:.55;position:absolute;inset:0}.swatch-pattern--dots{background-image:radial-gradient(circle,currentColor 1px,#0000 1.1px);background-size:10px 10px}.swatch-pattern--grid{opacity:.22;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:10px 10px}.swatch-pattern--lines{opacity:.22;background-image:linear-gradient(currentColor 1px,#0000 1px);background-size:100% 8px}.swatch-pattern--plain{display:none}.swatch-check{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.background-patterns{border-top:1px solid var(--line);flex-wrap:wrap;gap:5px;padding-top:10px;display:flex}.background-patterns button{border:1px solid var(--line);height:26px;color:var(--ink-2);border-radius:6px;padding:0 8px;font-size:11px;font-weight:500}.background-patterns button:hover{border-color:var(--line-strong)}.background-patterns button.is-active{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)}.history-controls{border-right:1px solid var(--line);gap:1px;margin-right:2px;padding-right:4px;display:flex}.collab-avatars{align-items:center;padding:0 3px;display:flex}.collab-avatars .avatar{margin-left:-7px}.collab-avatars .avatar:first-child{margin-left:0}.collab-more{width:30px;height:30px;color:var(--ink-2);background:#eef1f5;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-size:10.5px;font-weight:600;display:inline-flex}.board-present{height:34px;color:var(--ink-2);background:0 0;border-radius:8px;gap:6px;padding:0 10px;font-size:12px}.board-present:hover{color:var(--ink);background:#f1f3f6}.board-share{border-radius:9px;height:34px;padding:0 12px;font-size:12.5px}.more-wrap{position:relative}.toolbar-wrap{z-index:30;max-width:calc(100vw - 32px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.comments-open .toolbar-wrap{left:calc(50% - var(--comments-w) / 2 - 18px)}.toolbar{border:1px solid var(--line);height:54px;box-shadow:var(--shadow-island);background:#fff;border-radius:16px;align-items:center;gap:1px;padding:6px 7px;display:flex}.tool-wrap{display:inline-flex;position:relative}.tool-btn{width:38px;height:38px;color:var(--ink-2);transition:background .14s var(--ease), color .14s var(--ease);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.tool-btn:hover{color:var(--ink);background:#f1f3f6}.tool-btn.is-active{background:var(--blue);color:#fff}.tool-btn.is-active:hover{background:var(--blue-hover)}.tool-btn[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s var(--ease), transform .14s var(--ease);z-index:90;background:#171d27;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:500;line-height:1;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,3px)}.tool-btn[data-shortcut]:after{content:attr(data-tooltip) " · " attr(data-shortcut)}.tool-btn:hover:after{opacity:1;transform:translate(-50%)}.tool-caret{opacity:.65;border-bottom:1px solid;border-right:1px solid;width:4px;height:4px;position:absolute;bottom:4px;right:4px;transform:rotate(45deg)}.toolbar__sep{background:var(--line);flex:none;width:1px;height:24px;margin:0 5px}.tool-popover{bottom:calc(100% + 15px);left:50%;transform:translate(-50%)}.shape-popover{width:230px}.shape-options{gap:5px;margin-bottom:12px;display:flex}.shape-option{border:1px solid var(--line);width:42px;height:36px;color:var(--ink-2);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.shape-option:hover{border-color:var(--line-strong);background:#f8f9fb}.shape-option.is-active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.swatch-row{flex-wrap:wrap;gap:7px;display:flex}.color-swatch{width:24px;height:24px;transition:transform .12s var(--ease);border:1px solid #14182314;border-radius:7px;flex:none;position:relative}.color-swatch:hover{transform:scale(1.08)}.color-swatch.is-active{box-shadow:0 0 0 1.5px #fff, 0 0 0 3.5px var(--blue)}.color-swatch--sm{border-radius:50%;width:20px;height:20px}.color-swatch--line{border-radius:50%;width:21px;height:21px}.emoji-popover{width:282px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.emoji-btn{width:30px;height:30px;font-size:18px;font-family:var(--font-emoji);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.emoji-btn:hover{background:#f1f3f6}.emoji-btn.is-active{background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue-line)}.emoji-grid--panel{grid-template-columns:repeat(6,1fr)}.more-popover{min-width:214px;padding:5px;left:auto;right:0;transform:none}.more-popover .dropdown__item{height:34px}.shortcut-inline{width:16px;height:16px;color:var(--ink-3);background:#f1f3f6;border-radius:4px;justify-content:center;align-items:center;margin-left:1px;font-size:10px;font-weight:600;display:inline-flex}.properties-panel{border:1px solid var(--line);width:274px;max-height:calc(100vh - 160px);box-shadow:var(--shadow-island);z-index:34;animation:panelIn .18s var(--ease);background:#fff;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:78px;right:16px;overflow:hidden}.comments-open .properties-panel{right:calc(var(--comments-w) + 28px)}.properties-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 13px 12px;display:flex}.properties-type{letter-spacing:-.01em;font-size:13px;font-weight:650;display:block}.properties-sub{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10.5px;display:block}.properties-body{flex-direction:column;gap:15px;min-height:0;padding:14px 13px;display:flex;overflow-y:auto}.prop-group{flex-direction:column;gap:8px;display:flex}.prop-label{color:var(--ink-3);font-size:11px;font-weight:600}.align-row{gap:3px;display:flex}.prop-buttons{gap:6px;display:flex}.mini-btn{border:1px solid var(--line);height:28px;color:var(--ink-2);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.mini-btn:hover{border-color:var(--line-strong);background:#f8f9fb}.mini-btn:disabled{opacity:.4}.mini-btn--wide{width:100%;margin-top:2px}.stepper-row{align-items:center;gap:8px;display:flex}.stepper{border:1px solid var(--line);border-radius:8px;flex:none;align-items:center;height:30px;display:inline-flex;overflow:hidden}.stepper button{width:28px;height:100%;color:var(--ink-2);justify-content:center;align-items:center;display:inline-flex}.stepper button:hover{background:#f1f3f6}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:12px;font-weight:550}.toggle-row{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.toggle-row input{accent-color:var(--blue);width:15px;height:15px}.prop-input{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 9px;font-size:12.5px}.prop-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.prop-hint{color:var(--ink-3);font-size:10.5px;line-height:1.4}.line-width{background:currentColor;border-radius:2px;width:17px;display:block}.color-dot{border:1px solid #1418231a;border-radius:50%;width:14px;height:14px;display:inline-block}.properties-actions{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:13px;display:flex}.properties-actions .btn{flex:1}.comments-panel{width:var(--comments-w);border:1px solid var(--line);box-shadow:var(--shadow-island);z-index:36;animation:panelIn .18s var(--ease);background:#fff;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:78px;bottom:16px;right:16px;overflow:hidden}.comments-head{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.comments-head>div{align-items:center;gap:8px;display:flex}.comments-head h3{font-size:15px;font-weight:650}.comments-count{border-radius:var(--radius-pill);min-width:19px;height:19px;color:var(--ink-2);background:#eef1f5;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:600;display:inline-flex}.comments-new{height:36px;color:var(--blue);background:var(--blue-soft);flex:none;justify-content:flex-start;margin:0 12px 10px;font-size:12px}.comments-new:hover{background:var(--blue-soft-2)}.comments-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 12px 14px;display:flex;overflow-y:auto}.comments-empty{text-align:center;border:1px dashed var(--line);border-radius:12px;margin-top:4px;padding:34px 18px}.comments-empty__icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.comments-empty h4{margin:0 0 4px;font-size:13.5px;font-weight:650}.comments-empty p{color:var(--ink-3);font-size:11.5px;line-height:1.45}.comment-card{border:1px solid var(--line);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);background:#fff;border-radius:11px;padding:10px}.comment-card:hover{border-color:var(--line-strong)}.comment-card.is-active{border-color:var(--blue-line);background:#f8fbff}.comment-card--resolved{opacity:.78;background:#fafbfc}.comment-card__head{align-items:center;gap:8px;display:flex}.comment-index{background:var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:650;display:inline-flex}.comment-card__author{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.comment-card__author strong{font-size:11.8px;font-weight:600}.comment-card__author span{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.comment-card__actions{gap:0;display:flex}.comment-card__text{color:var(--ink-2);white-space:pre-wrap;margin-top:7px;font-size:12px;line-height:1.48}.comment-reply{border-top:1px solid var(--line);gap:6px;margin-top:8px;padding-top:8px;display:flex}.comment-reply__author{color:var(--ink-2);font-size:10.5px;font-weight:600}.comment-reply p{color:var(--ink-2);margin-top:1px;font-size:11.5px;line-height:1.4}.comment-reply-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:2px;margin-top:8px;padding:2px 3px 2px 8px;display:flex}.comment-reply-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:26px;font-size:11.5px}.comments-resolved{margin-top:6px}.comments-resolved__label{color:var(--ink-3);align-items:center;gap:5px;padding:8px 2px 6px;font-size:10.5px;font-weight:600;display:flex}.resolved-icon{color:var(--green);flex:none}.comment-pin{background:var(--blue);color:#fff;z-index:12;height:28px;transition:transform .15s var(--ease);font-variant-numeric:tabular-nums;border-radius:9px 9px 9px 2px;align-items:center;gap:4px;padding:0 8px 0 6px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 14px #005ff94d}.comment-pin:hover{transform:translate(-50%,-100%)scale(1.05)}.comment-pin.is-active{box-shadow:0 0 0 3px #005ff933,0 6px 14px #005ff94d}.comment-pin.is-resolved{opacity:.8;background:#8d96a5;box-shadow:0 4px 10px #1418232e}.is-presenting .comment-pin{display:none}.comment-composer{border:1px solid var(--line);width:300px;box-shadow:var(--shadow-lg);z-index:38;animation:modalIn .16s var(--ease);background:#fff;border-radius:14px;padding:12px;position:absolute}.comment-composer__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-composer__title{font-size:12px;font-weight:600}.comment-composer textarea{border:1px solid var(--line);resize:none;background:#fbfcfd;border-radius:8px;outline:none;width:100%;padding:8px 9px;font-size:12.5px;line-height:1.4}.comment-composer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);background:#fff}.comment-composer__foot{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.comment-composer__foot>span{color:var(--ink-3);font-size:9.5px}.presence-layer{pointer-events:none;z-index:22;position:absolute;inset:0;overflow:hidden}.remote-cursor{position:absolute;transform:translate(-2px,-2px)}.remote-cursor__label{color:#fff;white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:600;position:absolute;top:17px;left:13px;box-shadow:0 2px 6px #1418232e}.zoom-controls{border:1px solid var(--line);height:40px;box-shadow:var(--shadow-island);z-index:30;background:#fff;border-radius:12px;align-items:center;gap:0;padding:4px;display:flex;position:absolute;bottom:18px;left:16px}.zoom-controls button{min-width:32px;height:32px;color:var(--ink-2);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:550;display:inline-flex}.zoom-controls button:hover{color:var(--ink);background:#f1f3f6}.zoom-controls__value{font-variant-numeric:tabular-nums;min-width:48px!important}.zoom-controls__sep{background:var(--line);width:1px;height:20px;margin:0 4px}.zoom-popover{min-width:158px;padding:5px;bottom:calc(100% + 8px);left:0}.zoom-popover>button{width:100%;height:31px;color:var(--ink-2);text-align:left;border-radius:7px;align-items:center;padding:0 9px;font-size:12px;display:flex}.zoom-popover>button:hover{color:var(--ink);background:#f3f5f8}.minimap{border:1px solid var(--line);width:190px;box-shadow:var(--shadow-island);z-index:20;background:#fff;border-radius:12px;padding:7px;position:absolute;bottom:18px;right:16px}.comments-open .minimap{right:calc(var(--comments-w) + 28px)}.minimap__head{color:var(--ink-3);justify-content:space-between;align-items:center;padding:1px 3px 5px;font-size:10px;font-weight:600;display:flex}.minimap__svg{border:1px solid var(--line);cursor:pointer;touch-action:none;background:#fff;border-radius:7px;width:100%;height:104px;display:block}.present-bar{color:#fff;z-index:60;background:#151b26;border-radius:12px;align-items:center;gap:3px;height:44px;padding:0 8px 0 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #080c1452}.present-bar__label{color:#ffffff8c;padding-right:6px;font-size:11px;font-weight:550}.present-bar button{color:#ffffffd9;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.present-bar button:hover{color:#fff;background:#ffffff1f}.present-bar button:disabled{opacity:.32}.present-bar__counter{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:12px;font-weight:600}.present-bar__sep{background:#ffffff29;width:1px;height:20px;margin:0 5px}.is-presenting .presence-layer{display:none}.empty-board-hint{pointer-events:none;z-index:15;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.empty-board-card{border:1px solid var(--line);width:408px;max-width:100%;box-shadow:var(--shadow-lg);text-align:center;pointer-events:auto;animation:modalIn .28s var(--ease);background:#fff;border-radius:20px;padding:26px 28px 22px}.empty-board-card__art{height:74px;margin-bottom:14px;position:relative}.art-sticky{border-radius:4px;width:52px;height:52px;position:absolute;box-shadow:0 6px 14px #1e26371f}.art-sticky--yellow{background:#ffe58f;top:8px;left:calc(50% - 50px);transform:rotate(-7deg)}.art-sticky--blue{background:#cde7ff;top:14px;left:calc(50% - 2px);transform:rotate(6deg)}.art-line{background:#dbe0e8;border-radius:2px;width:108px;height:2px;position:absolute;bottom:8px;left:calc(50% - 54px)}.art-star{color:#ffc53d;font-size:15px;position:absolute;top:0;right:calc(50% - 66px)}.empty-board-card h2{letter-spacing:-.03em;font-size:21px;font-weight:660}.empty-board-card p{color:var(--ink-2);max-width:320px;margin:7px auto 16px;font-size:12.5px;line-height:1.5}.empty-board-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.empty-board-tip{color:var(--ink-3);margin-top:14px;font-size:10.5px;display:block}.readonly-notice{border:1px solid var(--line);border-radius:var(--radius-pill);height:34px;box-shadow:var(--shadow-md);color:var(--ink-2);z-index:20;white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:0 13px;font-size:11.5px;display:inline-flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.drop-overlay{z-index:90;pointer-events:none;background:#005ff912;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay__card{border:2px dashed var(--blue);box-shadow:var(--shadow-lg);color:var(--blue);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:26px 38px;display:flex}.drop-overlay__card strong{margin-top:4px;font-size:13.5px}.drop-overlay__card span{color:var(--ink-3);font-size:11px}@keyframes panelIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1240px){.board-present span{display:none}.board-present{padding:0 8px}.board-title-button{letter-spacing:-.02em;max-width:360px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:7px;font-size:15px;font-weight:620;line-height:1.2;overflow:hidden}.board-title-button:hover{background:#f4f6f8}.board-title-input{max-width:240px}.minimap{display:none}}@media (width<=980px){.collab-avatars{display:none}.board-topbar__left{max-width:calc(100% - 300px)}.properties-panel{width:252px;top:76px}.comments-open .properties-panel{display:none}.comments-panel{width:300px}.comments-open .toolbar-wrap{left:calc(50% - 168px)}.comments-open .minimap{display:none}}@media (width<=760px){.toolbar{scrollbar-width:none;max-width:calc(100vw - 24px);overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.tool-btn:after{display:none}.toolbar-wrap{bottom:12px}.zoom-controls{bottom:76px;left:12px}.board-topbar{top:10px;left:10px;right:10px}.board-topbar__brand{display:none}.board-topbar__left{max-width:calc(100% - 210px);padding:4px}.board-topbar__right{gap:0;padding:4px}.history-controls,.board-present{display:none}.board-share{padding:0 9px}.background-wrap{display:none}.comments-panel{width:auto;inset:68px 10px 10px}.empty-board-card{padding:22px 18px 18px}.readonly-notice{bottom:14px}}.auth-screen{background:var(--bg);grid-template-columns:minmax(480px,1.06fr) minmax(420px,1fr);height:100%;display:grid}.auth-art{background:var(--blue);color:#fff;flex-direction:column;min-height:100%;padding:30px 46px 26px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff24 1.2px,#0000 1.3px);background-size:26px 26px;position:absolute;inset:0}.auth-art>*{z-index:1;position:relative}.auth-art__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:19px;font-weight:680;display:inline-flex}.auth-brand .logo-mark{box-shadow:none}.auth-art__badge{border-radius:var(--radius-pill);color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff38;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;font-weight:550;display:inline-flex}.auth-art__content{max-width:570px;margin-top:clamp(26px,5vh,52px)}.auth-art__content h1{letter-spacing:-.045em;max-width:540px;font-size:clamp(36px,3.7vw,50px);font-weight:680;line-height:1.02}.auth-art__content p{color:#ffffffc2;max-width:470px;margin-top:15px;font-size:14.5px;line-height:1.55}.auth-features{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.auth-features li{color:#ffffffeb;background:#ffffff17;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:11.5px;font-weight:500;display:inline-flex}.auth-art__mock{margin-top:auto;padding-top:clamp(20px,3.2vh,34px)}.auth-mock{width:min(100%,500px);color:var(--ink);background:#fff;border-radius:16px;padding:10px;transform:rotate(-.7deg);box-shadow:0 26px 60px #031e5a59}.auth-mock__head{justify-content:space-between;align-items:center;padding:2px 3px 9px;display:flex}.auth-mock__title{letter-spacing:-.015em;font-size:12.5px;font-weight:650}.auth-mock__avatars{display:flex}.auth-mock__avatars span{border:2px solid #fff;border-radius:50%;width:19px;height:19px;margin-left:-6px}.auth-mock__frame{background:#f7faff;border:1.5px solid #cfe0ff;border-radius:11px;min-height:132px;padding:11px;position:relative;overflow:hidden}.auth-mock__label{color:var(--blue);margin-bottom:9px;font-size:10.5px;font-weight:650;display:block}.auth-mock__notes{flex-wrap:wrap;gap:8px;display:flex}.auth-note{border-radius:3px;width:104px;min-height:66px;padding:8px 9px;font-size:10px;font-weight:500;line-height:1.35;box-shadow:0 2px 5px #141e3214}.auth-note--yellow{color:#3d3000;background:#ffe58f}.auth-note--blue{color:#0b3052;background:#cde7ff}.auth-note--pink{color:#4a1027;background:#ffd3e3}.auth-cursor{color:#fff;border-radius:5px;align-items:center;height:21px;padding:0 7px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 3px 8px #141e322e}.auth-cursor:before{content:"";border-bottom:7px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-7px;left:6px}.auth-cursor--green{background:#12a05c;bottom:38px;right:22px}.auth-cursor--blue{background:#005ff9;bottom:17px;right:116px}.auth-mock__toolbar{justify-content:center;gap:5px;padding-top:9px;display:flex}.auth-mock__toolbar span{background:#f0f2f5;border-radius:4px;width:18px;height:18px}.auth-mock__toolbar span.is-active{background:var(--blue)}.auth-art__foot{color:#ffffff9e;align-items:center;gap:6px;margin-top:12px;font-size:10.5px;display:flex}.auth-side{background:var(--bg);justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex;overflow-y:auto}.auth-card{border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:432px;animation:authIn .3s var(--ease);background:#fff;padding:27px 30px 24px;box-shadow:0 22px 60px #141e321f}.auth-card__head{text-align:center}.auth-card__mark{justify-content:center;margin-bottom:12px;display:flex}.auth-card__head h2{letter-spacing:-.035em;font-size:24px;font-weight:680}.auth-card__head p{color:var(--ink-2);max-width:330px;margin:7px auto 0;font-size:12.5px;line-height:1.5}.auth-tabs{background:#f1f3f6;border-radius:10px;gap:2px;margin:19px 0 18px;padding:3px;display:flex}.auth-tabs button{height:34px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);border-radius:7px;flex:1;font-size:12.5px;font-weight:550}.auth-tabs button.is-active{color:var(--ink);box-shadow:var(--shadow-xs);background:#fff}.auth-form{flex-direction:column;gap:13px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field__label{color:var(--ink-2);font-size:11.5px;font-weight:600}.auth-input{border:1px solid var(--line-strong);height:44px;color:var(--ink-3);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:0 11px;display:flex}.auth-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);color:var(--blue)}.auth-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.auth-input input::placeholder{color:var(--ink-4)}.auth-input__eye{width:27px;height:27px;color:var(--ink-3);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.auth-input__eye:hover{color:var(--ink);background:#f1f3f6}.auth-row{justify-content:space-between;align-items:center;gap:12px;margin-top:1px;display:flex}.auth-check{color:var(--ink-2);align-items:center;gap:7px;font-size:11.8px;display:inline-flex}.auth-check input{accent-color:var(--blue);width:15px;height:15px}.auth-hint{color:var(--ink-3);font-size:10.5px}.auth-error{background:var(--red-soft);color:#a91f24;border-radius:8px;padding:9px 11px;font-size:11.8px;line-height:1.4}.auth-submit{border-radius:10px;width:100%;height:44px;margin-top:3px;font-size:13.5px}.auth-submit:disabled{opacity:.7}.auth-divider{color:var(--ink-3);white-space:nowrap;align-items:center;gap:10px;margin:19px 0 11px;font-size:10.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-demo{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink-2);background:#fff;border-radius:10px;font-size:12.5px}.auth-demo:hover{border-color:var(--blue-line);color:var(--blue);background:#f8f9fb}.auth-demo-hint{text-align:center;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:7px;font-size:10.5px}.auth-note{border-top:1px solid var(--line);color:var(--ink-3);text-align:center;margin-top:17px;padding-top:14px;font-size:10.5px;line-height:1.5}.auth-splash{background:var(--bg);height:100%;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.auth-splash .logo-mark{box-shadow:0 8px 22px #005ff938}.auth-splash__spinner{border:2px solid var(--blue-soft-2);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite authSpin}.auth-splash__label{font-size:12.5px}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=1080px){.auth-art__foot{display:none}}@media (height<=980px){.auth-art__mock{display:none}}@media (width<=1100px){.auth-screen{grid-template-columns:minmax(420px,1fr) minmax(400px,1fr)}.auth-art{padding:28px 34px 24px}.auth-art__content h1{font-size:44px}}@media (width<=900px){.auth-screen{grid-template-columns:1fr;min-height:100%}.auth-art{display:none}.auth-side{padding:24px}.auth-card{max-width:440px}}@media (width<=520px){.auth-side{align-items:flex-start;padding:16px}.auth-card{box-shadow:var(--shadow-md);border-radius:16px;padding:24px 20px 20px}.auth-card__head h2{font-size:22px}}