.board{width:100vw;height:100dvh;position:relative;overflow:hidden}.boardBackground{pointer-events:none;z-index:0;position:absolute;inset:0}.boardLight .emptyState{color:#0006}.viewport{touch-action:none;cursor:grab;z-index:1;position:absolute;inset:0}.viewport.panning{cursor:grabbing}.viewportSurface{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.emptyState{text-align:center;color:#ffffff73;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emptyState p{margin:0;font-size:15px;line-height:1.5}.pillLayer{pointer-events:none;z-index:20;position:absolute;inset:0}.pillCorner{pointer-events:none;gap:8px;display:flex;position:absolute}.pillCorner>*{pointer-events:auto}.topLeft{top:16px;left:16px}.topRight{justify-content:flex-end;top:16px;right:16px}.bottomLeft{align-items:flex-end;bottom:16px;left:16px}.bottomRight{justify-content:flex-end;align-items:flex-end;bottom:16px;right:16px}.pill,.pillButton{color:#f4f4f5;background:#18181b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.pillBrand{letter-spacing:-.01em;font-weight:600;text-decoration:none}.pillBrand:hover{background:#27272a}.pillButton,a.pillButton{justify-content:center;min-width:40px;padding:0 12px;text-decoration:none}.pillButton:hover,.menuTrigger:hover{background:#27272a}.pillButton:active,.menuTrigger:active{transform:scale(.98)}.pillMuted{color:#ffffffb8;font-size:13px}.menuWrap{position:relative}.menuTrigger{color:#f4f4f5;background:#18181b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.menu{z-index:30;background:#18181b;border:1px solid #ffffff24;border-radius:14px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.menu.right{left:auto;right:0}.menuItem,.menuLabel{color:#f4f4f5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;display:flex}.menuItem:hover{background:#ffffff0f}.menuLabel{color:#ffffff73;pointer-events:none;font-size:12px}.menuDivider{background:#ffffff14;height:1px;margin:6px 4px}.hiddenInput{display:none}.tile{touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;background:#18181b;border:1px solid #ffffff1a;border-radius:14px;position:absolute;overflow:hidden}.tile.selected{border-color:#7dd3fce6}.tile.dragging{cursor:grabbing;z-index:9999!important}.imageTile{background:#18181b;padding:0}.imageTile img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.linkTile,.fileTile{flex-direction:column;justify-content:space-between;padding:14px;display:flex}.tileEyebrow{letter-spacing:.04em;text-transform:uppercase;color:#ffffff73;font-size:11px}.tileTitle{word-break:break-word;margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.35}.tileMeta{color:#ffffff8c;margin-top:8px;font-size:12px}.fileIcon{background:#ffffff14;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.tileToolbar{background:#18181b;border:1px solid #ffffff24;border-radius:999px;gap:8px;padding:4px;display:flex;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.tileAction{color:#f4f4f5;background:#ffffff0f;border:0;border-radius:999px;min-width:36px;min-height:36px}.tileAction:hover{background:#ffffff1f}.tileAction.danger{color:#fda4af}.sourceChip{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#18181b;border:1px solid #ffffff1f;border-radius:999px;max-width:calc(100% - 20px);padding:4px 8px;font-size:11px;position:absolute;bottom:10px;left:10px;overflow:hidden}.loading{color:#00000073;background:#f2f2f4;place-items:center;width:100%;height:100dvh;display:grid}.boardsPage{color:#18181b;background:#f2f2f4;min-height:100dvh;padding:48px 24px 64px;overflow:auto}.boardsHeader{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1080px;margin:0 auto 32px;display:flex}.boardsHeaderMain{align-items:flex-start;gap:12px;display:flex}.boardsPage .pillBrand{color:#f4f4f5;background:#18181b;border-color:#0000001f;flex-shrink:0;margin-top:2px}.boardsTitle{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.boardsSubtitle{color:#00000080;margin:8px 0 0;font-size:15px}.boardsNewButton{color:#f4f4f5;background:#18181b;border:1px solid #0000001f;border-radius:999px;flex-shrink:0;min-height:44px;padding:0 18px;font-weight:600}.boardsNewButton:hover{background:#27272a}.boardsGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1080px;margin:0 auto;display:grid}.boardCard{color:inherit;background:#fff;border:1px solid #0000001a;border-radius:18px;text-decoration:none;transition:border-color .15s;display:block;position:relative;overflow:hidden}.boardCard:hover{border-color:#0003}.boardCardPreview{background:radial-gradient(circle,#00000024 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#0000000d 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#0000000d 1px,#0000 1px) 0 0/24px 24px,#f7f7f8;place-items:center;height:140px;display:grid}.boardCardCount{color:#0000008c;background:#ffffffe0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.boardCardBody{padding:16px 18px 18px}.boardCardTitle{margin:0;font-size:16px;font-weight:600;line-height:1.3}.boardCardMeta{color:#00000073;margin:6px 0 0;font-size:13px}.boardCardDelete{color:#0000008c;opacity:0;background:#ffffffeb;border:0;border-radius:999px;width:32px;height:32px;font-size:20px;line-height:1;transition:opacity .15s;position:absolute;top:10px;right:10px}.boardCard:hover .boardCardDelete,.boardCardDelete:focus-visible{opacity:1}.boardCardDelete:hover{color:#e11d48;background:#fff}.boardsEmpty{text-align:center;color:#00000080;place-items:center;gap:16px;max-width:1080px;margin:80px auto 0;display:grid}.boardsLoading{color:#00000073;background:#f2f2f4;place-items:center;min-height:100dvh;display:grid}@media (max-width:768px){.pillCorner{gap:6px}.topLeft,.topRight{top:12px}.bottomLeft,.bottomRight{bottom:12px}.topLeft,.bottomLeft{left:12px}.topRight,.bottomRight{right:12px}.pill,.pillButton,.menuTrigger{min-height:44px}}