:root{--affine-font-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-serif-family: "Source Serif 4", "Noto Serif" , serif, "Cambria", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-mono-family: "Source Code Pro", "IBM Plex Mono", "Roboto Mono","Noto Sans Mono", "Noto Sans CJK", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-sans-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-number-family: "Roboto Mono", "Noto Sans Mono", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-code-family: "IBM Plex Mono", "Space Mono", Consolas, Menlo, Monaco, Courier, monospace, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-title: 36px;--affine-font-h-1: 28px;--affine-font-h-2: 26px;--affine-font-h-3: 24px;--affine-font-h-4: 22px;--affine-font-h-5: 20px;--affine-font-h-6: 18px;--affine-font-base: 15px;--affine-font-sm: 14px;--affine-font-xs: 12px;--affine-line-height: calc(1em + 8px) ;--affine-z-index-modal: 1000;--affine-z-index-popover: 1000;--affine-paragraph-space: 8px;--affine-popover-radius: 12px;--affine-editor-width: 944px;--affine-editor-side-padding: 96px;--affine-zoom: 1;--affine-scale: calc(1 / var(--affine-zoom));--affine-palette-line-yellow: rgb(255, 211, 56);--affine-palette-line-orange: rgb(255, 175, 56);--affine-palette-line-tangerine: rgb(250, 124, 69);--affine-palette-line-red: rgb(237, 63, 63);--affine-palette-line-magenta: rgb(230, 96, 164);--affine-palette-line-purple: rgb(110, 82, 223);--affine-palette-line-navy: rgb(59, 37, 204);--affine-palette-line-blue: rgb(79, 144, 255);--affine-palette-line-teal: rgb(122, 226, 213);--affine-palette-line-green: rgb(124, 194, 112);--affine-palette-line-white: rgb(255, 255, 255);--affine-palette-line-black: rgb(35, 35, 35);--affine-palette-line-grey: rgb(191, 192, 191);--affine-palette-shape-yellow: rgb(255, 223, 107);--affine-palette-shape-orange: rgb(255, 196, 107);--affine-palette-shape-tangerine: rgb(251, 161, 121);--affine-palette-shape-red: rgb(241, 111, 111);--affine-palette-shape-magenta: rgb(237, 140, 189);--affine-palette-shape-purple: rgb(147, 126, 231);--affine-palette-shape-navy: rgb(122, 149, 246);--affine-palette-shape-blue: rgb(184, 227, 255);--affine-palette-shape-green: rgb(157, 209, 148);--affine-palette-shape-white: rgb(255, 255, 255);--affine-palette-shape-black: rgb(35, 35, 35);--affine-palette-shape-grey: rgb(216, 217, 216);--affine-multi-players-purple: rgba(123,97,255,1);--affine-multi-players-magenta: rgba(245, 49, 179, 1);--affine-multi-players-red: rgba(243,87,52,1);--affine-multi-players-orange: rgba(255, 138, 0, 1);--affine-multi-players-green: rgba(27, 196, 125, 1);--affine-palette-shape-teal: rgb(184, 242, 231);--affine-multi-players-blue: rgba(24, 160, 251, 1);--affine-multi-players-brown: rgba(154, 101, 51, 1);--affine-multi-players-grey: rgba(170, 170, 170, 1);--affine-blue: rgba(30, 150, 235, 1);--affine-pure-black: rgba(0, 0, 0, 1);--affine-pure-black-10: rgba(0, 0, 0, .1);--affine-pure-black-20: rgba(0, 0, 0, .2);--affine-pure-black-80: rgba(0, 0, 0, .8);--affine-pure-white: rgba(255, 255, 255, 1);--affine-pure-white-10: rgba(255, 255, 255, .1);--affine-toggle-circle-background-color: rgba(255, 255, 255, 1);--affine-toggle-disable-background-color: rgba(119, 117, 125, 1);--affine-toggle-circle-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .25), inset -2px -3px 2px 0px rgba(0, 0, 0, .05);--affine-button-inner-shadow: unset;--affine-multi-cursors-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .28);--affine-multi-players-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16);--affine-grabbing-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%208.33487C10.9653%207.67285%2011.6283%207.21423%2012.3869%207.21423C13.1346%207.21423%2013.7895%207.65975%2014.0675%208.30642C14.3487%208.13443%2014.6802%208.03569%2015.0322%208.03569C16.0254%208.03569%2016.8548%208.82187%2016.8548%209.8214V9.90652C17.103%209.78332%2017.383%209.71426%2017.6774%209.71426C18.6706%209.71426%2019.5%2010.5004%2019.5%2011.5V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61008%2020.9533C8.71611%2020.5373%207.89034%2019.8532%207.10147%2018.8019L5.08581%2016.1683C4.51001%2015.4567%204.57347%2014.4352%205.23%2013.797C5.93899%2013.1078%207.08249%2013.1078%207.79148%2013.797L7.79968%2013.805C7.84226%2013.8483%207.88165%2013.889%207.91846%2013.9273C7.92006%2013.726%207.91977%2013.4872%207.91942%2013.2045C7.91926%2013.0733%207.91909%2012.9325%207.91909%2012.7817V9.85709C7.91909%208.85756%208.74847%208.07138%209.7417%208.07138C10.0887%208.07138%2010.4158%208.16735%2010.6944%208.33487ZM10.5643%209.85712C10.5643%209.43634%2010.2095%209.07138%209.7417%209.07138C9.27389%209.07138%208.91909%209.43633%208.91909%209.85709V12.7817C8.91909%2012.9257%208.91926%2013.0621%208.91943%2013.1909C8.92002%2013.6625%208.92049%2014.0329%208.91187%2014.307C8.9064%2014.481%208.89684%2014.6361%208.87748%2014.7637C8.8624%2014.863%208.82868%2015.055%208.70064%2015.2061C8.62011%2015.3012%208.49922%2015.3839%208.34225%2015.4068C8.19872%2015.4279%208.07952%2015.3907%208.00536%2015.3581C7.87099%2015.299%207.7587%2015.1973%207.68787%2015.1301C7.60764%2015.0539%207.49797%2014.9378%207.37723%2014.8099C7.28546%2014.7128%207.18728%2014.6088%207.09077%2014.5105C6.76957%2014.2021%206.24669%2014.2033%205.92703%2014.514C5.63861%2014.7944%205.614%2015.2343%205.86566%2015.5423L5.87549%2015.5548L7.90002%2018.2C8.61071%2019.1475%209.31465%2019.7129%2010.032%2020.0466C10.751%2020.3812%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V11.5C18.5%2011.0792%2018.1452%2010.7143%2017.6774%2010.7143C17.2096%2010.7143%2016.8548%2011.0792%2016.8548%2011.5V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V9.8214C15.8548%209.40064%2015.5%209.03569%2015.0322%209.03569C14.5643%209.03569%2014.2095%209.40064%2014.2095%209.8214V11.1428C14.2095%2011.419%2013.9857%2011.6428%2013.7095%2011.6428C13.4334%2011.6428%2013.2095%2011.419%2013.2095%2011.1428V8.99995C13.2095%208.57919%2012.8547%208.21423%2012.3869%208.21423C11.9191%208.21423%2011.5643%208.57919%2011.5643%208.99995V11.1428C11.5643%2011.419%2011.3405%2011.6428%2011.0643%2011.6428C10.7882%2011.6428%2010.5643%2011.419%2010.5643%2011.1428V9.85712Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M9.7417%209.07138C10.2095%209.07138%2010.5643%209.43634%2010.5643%209.85712V11.1428C10.5643%2011.419%2010.7882%2011.6428%2011.0643%2011.6428C11.3405%2011.6428%2011.5643%2011.419%2011.5643%2011.1428V8.99995C11.5643%208.57919%2011.9191%208.21423%2012.3869%208.21423C12.8547%208.21423%2013.2095%208.57919%2013.2095%208.99995V11.1428C13.2095%2011.419%2013.4334%2011.6428%2013.7095%2011.6428C13.9857%2011.6428%2014.2095%2011.419%2014.2095%2011.1428V9.8214C14.2095%209.40064%2014.5643%209.03569%2015.0322%209.03569C15.5%209.03569%2015.8548%209.40064%2015.8548%209.8214V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V11.5C16.8548%2011.0792%2017.2096%2010.7143%2017.6774%2010.7143C18.1452%2010.7143%2018.5%2011.0792%2018.5%2011.5V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3812%2010.032%2020.0466C9.31465%2019.7129%208.61071%2019.1475%207.90002%2018.2L5.87549%2015.5548L5.86566%2015.5423C5.614%2015.2343%205.63861%2014.7944%205.92703%2014.514C6.24669%2014.2033%206.76957%2014.2021%207.09077%2014.5105C7.18728%2014.6088%207.28546%2014.7128%207.37723%2014.8099C7.49797%2014.9378%207.60764%2015.0539%207.68787%2015.1301C7.7587%2015.1973%207.87099%2015.299%208.00536%2015.3581C8.07952%2015.3907%208.19872%2015.4279%208.34225%2015.4068C8.49922%2015.3839%208.62011%2015.3012%208.70064%2015.2061C8.82868%2015.055%208.8624%2014.863%208.87748%2014.7637C8.89684%2014.6361%208.9064%2014.481%208.91187%2014.307C8.92049%2014.0329%208.92002%2013.6625%208.91943%2013.1909C8.91926%2013.0621%208.91909%2012.9257%208.91909%2012.7817V9.85709C8.91909%209.43633%209.27389%209.07138%209.7417%209.07138Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grabbing;--affine-grab-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%203.62063C10.9653%202.95862%2011.6283%202.5%2012.3869%202.5C13.3802%202.5%2014.2096%203.28619%2014.2096%204.28571V4.40655C14.4578%204.28334%2014.7378%204.21429%2015.0322%204.21429C16.0254%204.21429%2016.8548%205.00047%2016.8548%206V6.97798C17.103%206.85477%2017.383%206.78571%2017.6774%206.78571C18.6706%206.78571%2019.5%207.5719%2019.5%208.57143V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61009%2020.9533C8.71742%2020.538%207.89275%2019.8553%207.10492%2018.8065L3.89715%2014.8057C3.31723%2014.0938%203.37951%2013.0692%204.03749%2012.4296C4.74649%2011.7404%205.88998%2011.7404%206.59897%2012.4296C6.60945%2012.4398%206.61948%2012.4504%206.62902%2012.4615L7.19243%2013.1145C7.49969%2013.4896%207.73216%2013.7452%207.90552%2013.9094C7.90575%2013.9058%207.90599%2013.9021%207.90621%2013.8984C7.92066%2013.6641%207.92009%2013.374%207.91941%2013.0239C7.91926%2012.9461%207.9191%2012.8654%207.9191%2012.7817V5.14286C7.9191%204.14333%208.74848%203.35714%209.74172%203.35714C10.0887%203.35714%2010.4158%203.45312%2010.6944%203.62063ZM11.5643%2011.1429C11.5643%2011.419%2011.3405%2011.6429%2011.0643%2011.6429C10.7882%2011.6429%2010.5643%2011.419%2010.5643%2011.1429V5.14286C10.5643%204.7221%2010.2095%204.35714%209.74172%204.35714C9.2739%204.35714%208.9191%204.7221%208.9191%205.14286V12.7817C8.9191%2012.858%208.91927%2012.9337%208.91943%2013.0085C8.92019%2013.3597%208.92092%2013.6907%208.90432%2013.9599C8.89417%2014.1245%208.87652%2014.2886%208.84181%2014.4348C8.80979%2014.5696%208.74873%2014.7552%208.60644%2014.9018C8.43071%2015.0827%208.19413%2015.142%207.96546%2015.0976C7.77497%2015.0607%207.60654%2014.9565%207.46937%2014.8519C7.18917%2014.6383%206.84626%2014.2699%206.4228%2013.7533L5.88792%2013.1333C5.56593%2012.8348%205.05078%2012.8392%204.73453%2013.1467C4.44611%2013.427%204.4215%2013.8669%204.67315%2014.175L4.67604%2014.1785L7.89011%2018.1872L7.90002%2018.2C8.6107%2019.1476%209.31466%2019.7129%2010.032%2020.0467C10.751%2020.3813%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V8.57143C18.5%208.15067%2018.1452%207.78571%2017.6774%207.78571C17.2096%207.78571%2016.8548%208.15067%2016.8548%208.57143V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V6C15.8548%205.57924%2015.5%205.21429%2015.0322%205.21429C14.5644%205.21429%2014.2096%205.57924%2014.2096%206V11.1429C14.2096%2011.419%2013.9857%2011.6429%2013.7096%2011.6429C13.4334%2011.6429%2013.2096%2011.419%2013.2096%2011.1429V4.28571C13.2096%203.86496%2012.8548%203.5%2012.3869%203.5C11.9191%203.5%2011.5643%203.86496%2011.5643%204.28571V11.1429Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M11.0643%2011.6429C11.3405%2011.6429%2011.5643%2011.419%2011.5643%2011.1429V4.28571C11.5643%203.86496%2011.9191%203.5%2012.3869%203.5C12.8548%203.5%2013.2096%203.86496%2013.2096%204.28571V11.1429C13.2096%2011.419%2013.4334%2011.6429%2013.7096%2011.6429C13.9857%2011.6429%2014.2096%2011.419%2014.2096%2011.1429V6C14.2096%205.57924%2014.5644%205.21429%2015.0322%205.21429C15.5%205.21429%2015.8548%205.57924%2015.8548%206V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V8.57143C16.8548%208.15067%2017.2096%207.78571%2017.6774%207.78571C18.1452%207.78571%2018.5%208.15067%2018.5%208.57143V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3813%2010.032%2020.0467C9.31466%2019.7129%208.6107%2019.1476%207.90002%2018.2L7.89011%2018.1872L4.67604%2014.1785L4.67315%2014.175C4.4215%2013.8669%204.44611%2013.427%204.73453%2013.1467C5.05078%2012.8392%205.56593%2012.8348%205.88792%2013.1333L6.4228%2013.7533C6.84626%2014.2699%207.18917%2014.6383%207.46937%2014.8519C7.60654%2014.9565%207.77497%2015.0607%207.96546%2015.0976C8.19413%2015.142%208.43071%2015.0827%208.60644%2014.9018C8.74873%2014.7552%208.80979%2014.5696%208.84181%2014.4348C8.87652%2014.2886%208.89417%2014.1245%208.90432%2013.9599C8.92092%2013.6907%208.92019%2013.3597%208.91943%2013.0085C8.91927%2012.9337%208.9191%2012.858%208.9191%2012.7817V5.14286C8.9191%204.7221%209.2739%204.35714%209.74172%204.35714C10.2095%204.35714%2010.5643%204.7221%2010.5643%205.14286V11.1429C10.5643%2011.419%2010.7882%2011.6429%2011.0643%2011.6429Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grab;--affine-theme-mode: light;--affine-brand-color: #1E96EB;--affine-tertiary-color: rgba(239, 250, 255, 1);--affine-primary-color: #1E96EB;--affine-primary-color-04: rgba(30, 150, 235, .04);--affine-secondary-color: rgb(125, 145, 255);--affine-blue-50: rgba(239, 250, 255, 1);--affine-blue-100: rgba(219, 244, 254, 1);--affine-blue-200: rgba(191, 236, 254, 1);--affine-blue-300: rgba(147, 226, 253, 1);--affine-blue-400: rgba(96, 207, 250, 1);--affine-blue-500: rgba(58, 181, 247, 1);--affine-blue-600: rgba(30, 150, 235, 1);--affine-blue-700: rgba(28, 129, 217, 1);--affine-blue-800: rgba(30, 103, 175, 1);--affine-blue-900: rgba(30, 87, 138, 1);--affine-blue-950: rgba(23, 54, 84, 1);--affine-background-success-color: rgba(231, 250, 243, 1);--affine-background-error-color: rgba(253, 236, 235, 1);--affine-background-processing-color: rgba(233, 241, 255, 1);--affine-background-warning-color: rgba(255, 237, 219, 1);--affine-background-primary-color: rgb(255, 255, 255);--affine-background-overlay-panel-color: rgb(251, 251, 252);--affine-background-secondary-color: rgba(244, 244, 245, 1);--affine-background-tertiary-color: rgb(238, 238, 238);--affine-background-code-block: rgba(247, 248, 250, 1);--affine-background-modal-color: rgba(0, 0, 0, .75);--affine-text-primary-color: rgb(66, 65, 73);--affine-text-secondary-color: rgb(142, 141, 145);--affine-text-disable-color: rgb(169, 169, 173);--affine-text-emphasis-color: #1E96EB;--affine-hover-color: rgba(0, 0, 0, .04);--affine-hover-color-filled: rgb(245, 245, 245);--affine-link-color: #1E67AF;--affine-quote-color: rgba(194, 193, 197, 1);--affine-list-color: rgba(133, 131, 140, 1);--affine-icon-color: rgb(119, 117, 125);--affine-icon-secondary: rgba(119, 117, 125, .6);--affine-border-color: rgb(227, 226, 228);--affine-divider-color: rgb(227, 226, 228);--affine-placeholder-color: rgb(192, 191, 193);--affine-edgeless-grid-color: rgb(230, 230, 230);--affine-success-color: rgb(16, 203, 134);--affine-warning-color: rgb(235, 67, 53);--affine-error-color: rgb(235, 67, 53);--affine-processing-color: rgb(39, 118, 255);--affine-black-10: rgba(0, 0, 0, .1);--affine-black-30: rgba(0, 0, 0, .3);--affine-black-50: rgba(0, 0, 0, .5);--affine-black-60: rgba(0, 0, 0, .6);--affine-black-80: rgba(0, 0, 0, .8);--affine-black-90: rgba(0, 0, 0, .9);--affine-black: rgb(0, 0, 0);--affine-white-10: rgba(255, 255, 255, .1);--affine-white-30: rgba(255, 255, 255, .3);--affine-white-50: rgba(255, 255, 255, .5);--affine-white-60: rgba(255, 255, 255, .6);--affine-white-80: rgba(255, 255, 255, .8);--affine-white-90: rgba(255, 255, 255, .9);--affine-white: rgb(255, 255, 255);--affine-tag-white: rgba(245, 245, 245, 1);--affine-tag-gray: rgba(227, 226, 224, 1);--affine-tag-red: rgba(255, 225, 225, 1);--affine-tag-orange: rgba(255, 233, 201, 1);--affine-tag-yellow: rgba(255, 243, 215, 1);--affine-tag-green: rgba(222, 244, 231, 1);--affine-tag-teal: rgba(222, 244, 243, 1);--affine-tag-blue: rgba(225, 238, 255, 1);--affine-tag-purple: rgba(243, 240, 255, 1);--affine-tag-pink: rgba(251, 231, 255, 1);--affine-tag-magenta: rgba(249, 232, 255, 1);--affine-tooltip: rgba(0, 0, 0, 1);--affine-menu-shadow: 0px 0px 12px rgba(66, 65, 73, .14), inset 0px 0px 0px .5px rgba(227, 227, 228, 1);--affine-toolbar-shadow: 0px 6px 16px #00000024;--affine-active-shadow: 0px 0px 0px 2px rgba(30, 150, 235, .3);--affine-shadow-1: 0px 0px 4px 0px rgba(66, 65, 73, .14);--affine-shadow-2: 0px 0px 12px 0px rgba(66, 65, 73, .18);--affine-shadow-3: 0px 0px 20px 0px rgba(66, 65, 73, .22);--affine-shadow-4: 0px 6px 16px 0px rgba(0, 0, 0, .14);--affine-popover-shadow: 0px 0px 30px rgba(75, 75, 75, .2), 0px 0px 4px rgba(75, 75, 75, .3), inset 0px 0px 0px rgba(227, 226, 228, 1);--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(66, 65, 73, .1), 0px 10px 12px -2px rgba(66, 65, 73, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(66, 65, 73, .1), 0px 6px 8px 1px rgba(66, 65, 73, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .05);--affine-cmd-shadow: 0px 10px 80px 0px rgba(0, 0, 0, .2);--affine-large-button-effect: 0px 12px 21px 4px rgba(30, 150, 235, .15);--affine-note-shadow-box: 0px 2px 12px 0px rgba(66, 65, 73, .2), 0px 0px 4px 0px rgba(66, 65, 73, .2);--affine-note-shadow-sticker: 0px 24px 26px -10px rgba(66, 65, 73, .07), 0px 26px 18px -20px rgba(66, 65, 73, .22);--affine-note-shadow-paper: 0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(66, 65, 73, .16);--affine-note-shadow-float: 0px 12px 60px 0px rgba(66, 65, 73, .16), 0px 0px 0px 2px rgba(0, 0, 0, .06);--affine-note-shadow-film: 10px 10px 0px 6px #000, 0px 0px 0px 6px #000;--affine-button-gray-color: rgba(245, 245, 245, 1);--affine-card-background-blue: linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%);--affine-card-background-green: linear-gradient(180deg, #F3F9FD 0%, #FCFCFD 100%);--affine-card-background-grey: linear-gradient(180deg, #F1F1F1 0%, #FCFCFD 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(255, 206, 206, 1);--affine-text-highlight-red: rgba(254, 213, 213, 1);--affine-text-highlight-orange: rgba(254, 223, 187, 1);--affine-text-highlight-yellow: rgba(254, 243, 161, 1);--affine-text-highlight-green: rgba(225, 250, 177, 1);--affine-text-highlight-teal: rgba(173, 248, 233, 1);--affine-text-highlight-blue: rgba(204, 226, 254, 1);--affine-text-highlight-purple: rgba(237, 221, 255, 1);--affine-text-highlight-grey: rgba(234, 236, 239, 1);--affine-text-highlight-foreground-red: rgba(198, 34, 34, 1);--affine-text-highlight-foreground-orange: rgba(211, 79, 11, 1);--affine-text-highlight-foreground-yellow: rgba(182, 124, 4, 1);--affine-text-highlight-foreground-green: rgba(20, 147, 67, 1);--affine-text-highlight-foreground-teal: rgba(7, 130, 160, 1);--affine-text-highlight-foreground-blue: rgba(33, 89, 211, 1);--affine-text-highlight-foreground-purple: rgba(132, 46, 211, 1);--affine-text-highlight-foreground-grey: rgba(68, 77, 89, 1);--affine-embed-shadow: 0px 0px 0px 2px rgba(0, 0, 0, .08);--affine-note-background-yellow: rgba(253, 230, 138, 1);--affine-note-background-orange: rgba(255, 196, 143, 1);--affine-note-background-red: rgba(250, 182, 182, 1);--affine-note-background-magenta: rgba(255, 218, 237, 1);--affine-note-background-purple: rgba(221, 214, 254, 1);--affine-note-background-blue: rgba(205, 235, 255, 1);--affine-note-background-teal: rgba(199, 248, 242, 1);--affine-note-background-green: rgba(201, 248, 193, 1);--affine-note-background-black: rgba(0, 0, 0, 1);--affine-note-background-grey: rgba(230, 230, 230, 1);--affine-note-background-white: rgba(255, 255, 255, 1)}[data-theme=light]{--affine-font-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-serif-family: "Source Serif 4", "Noto Serif" , serif, "Cambria", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-mono-family: "Source Code Pro", "IBM Plex Mono", "Roboto Mono","Noto Sans Mono", "Noto Sans CJK", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-sans-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-number-family: "Roboto Mono", "Noto Sans Mono", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-code-family: "IBM Plex Mono", "Space Mono", Consolas, Menlo, Monaco, Courier, monospace, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-title: 36px;--affine-font-h-1: 28px;--affine-font-h-2: 26px;--affine-font-h-3: 24px;--affine-font-h-4: 22px;--affine-font-h-5: 20px;--affine-font-h-6: 18px;--affine-font-base: 15px;--affine-font-sm: 14px;--affine-font-xs: 12px;--affine-line-height: calc(1em + 8px) ;--affine-z-index-modal: 1000;--affine-z-index-popover: 1000;--affine-paragraph-space: 8px;--affine-popover-radius: 12px;--affine-editor-width: 944px;--affine-editor-side-padding: 96px;--affine-zoom: 1;--affine-scale: calc(1 / var(--affine-zoom));--affine-palette-line-yellow: rgb(255, 211, 56);--affine-palette-line-orange: rgb(255, 175, 56);--affine-palette-line-tangerine: rgb(250, 124, 69);--affine-palette-line-red: rgb(237, 63, 63);--affine-palette-line-magenta: rgb(230, 96, 164);--affine-palette-line-purple: rgb(110, 82, 223);--affine-palette-line-navy: rgb(59, 37, 204);--affine-palette-line-blue: rgb(79, 144, 255);--affine-palette-line-teal: rgb(122, 226, 213);--affine-palette-line-green: rgb(124, 194, 112);--affine-palette-line-white: rgb(255, 255, 255);--affine-palette-line-black: rgb(35, 35, 35);--affine-palette-line-grey: rgb(191, 192, 191);--affine-palette-shape-yellow: rgb(255, 223, 107);--affine-palette-shape-orange: rgb(255, 196, 107);--affine-palette-shape-tangerine: rgb(251, 161, 121);--affine-palette-shape-red: rgb(241, 111, 111);--affine-palette-shape-magenta: rgb(237, 140, 189);--affine-palette-shape-purple: rgb(147, 126, 231);--affine-palette-shape-navy: rgb(122, 149, 246);--affine-palette-shape-blue: rgb(184, 227, 255);--affine-palette-shape-green: rgb(157, 209, 148);--affine-palette-shape-white: rgb(255, 255, 255);--affine-palette-shape-black: rgb(35, 35, 35);--affine-palette-shape-grey: rgb(216, 217, 216);--affine-multi-players-purple: rgba(123,97,255,1);--affine-multi-players-magenta: rgba(245, 49, 179, 1);--affine-multi-players-red: rgba(243,87,52,1);--affine-multi-players-orange: rgba(255, 138, 0, 1);--affine-multi-players-green: rgba(27, 196, 125, 1);--affine-palette-shape-teal: rgb(184, 242, 231);--affine-multi-players-blue: rgba(24, 160, 251, 1);--affine-multi-players-brown: rgba(154, 101, 51, 1);--affine-multi-players-grey: rgba(170, 170, 170, 1);--affine-blue: rgba(30, 150, 235, 1);--affine-pure-black: rgba(0, 0, 0, 1);--affine-pure-black-10: rgba(0, 0, 0, .1);--affine-pure-black-20: rgba(0, 0, 0, .2);--affine-pure-black-80: rgba(0, 0, 0, .8);--affine-pure-white: rgba(255, 255, 255, 1);--affine-pure-white-10: rgba(255, 255, 255, .1);--affine-toggle-circle-background-color: rgba(255, 255, 255, 1);--affine-toggle-disable-background-color: rgba(119, 117, 125, 1);--affine-toggle-circle-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .25), inset -2px -3px 2px 0px rgba(0, 0, 0, .05);--affine-button-inner-shadow: unset;--affine-multi-cursors-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .28);--affine-multi-players-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16);--affine-grabbing-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%208.33487C10.9653%207.67285%2011.6283%207.21423%2012.3869%207.21423C13.1346%207.21423%2013.7895%207.65975%2014.0675%208.30642C14.3487%208.13443%2014.6802%208.03569%2015.0322%208.03569C16.0254%208.03569%2016.8548%208.82187%2016.8548%209.8214V9.90652C17.103%209.78332%2017.383%209.71426%2017.6774%209.71426C18.6706%209.71426%2019.5%2010.5004%2019.5%2011.5V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61008%2020.9533C8.71611%2020.5373%207.89034%2019.8532%207.10147%2018.8019L5.08581%2016.1683C4.51001%2015.4567%204.57347%2014.4352%205.23%2013.797C5.93899%2013.1078%207.08249%2013.1078%207.79148%2013.797L7.79968%2013.805C7.84226%2013.8483%207.88165%2013.889%207.91846%2013.9273C7.92006%2013.726%207.91977%2013.4872%207.91942%2013.2045C7.91926%2013.0733%207.91909%2012.9325%207.91909%2012.7817V9.85709C7.91909%208.85756%208.74847%208.07138%209.7417%208.07138C10.0887%208.07138%2010.4158%208.16735%2010.6944%208.33487ZM10.5643%209.85712C10.5643%209.43634%2010.2095%209.07138%209.7417%209.07138C9.27389%209.07138%208.91909%209.43633%208.91909%209.85709V12.7817C8.91909%2012.9257%208.91926%2013.0621%208.91943%2013.1909C8.92002%2013.6625%208.92049%2014.0329%208.91187%2014.307C8.9064%2014.481%208.89684%2014.6361%208.87748%2014.7637C8.8624%2014.863%208.82868%2015.055%208.70064%2015.2061C8.62011%2015.3012%208.49922%2015.3839%208.34225%2015.4068C8.19872%2015.4279%208.07952%2015.3907%208.00536%2015.3581C7.87099%2015.299%207.7587%2015.1973%207.68787%2015.1301C7.60764%2015.0539%207.49797%2014.9378%207.37723%2014.8099C7.28546%2014.7128%207.18728%2014.6088%207.09077%2014.5105C6.76957%2014.2021%206.24669%2014.2033%205.92703%2014.514C5.63861%2014.7944%205.614%2015.2343%205.86566%2015.5423L5.87549%2015.5548L7.90002%2018.2C8.61071%2019.1475%209.31465%2019.7129%2010.032%2020.0466C10.751%2020.3812%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V11.5C18.5%2011.0792%2018.1452%2010.7143%2017.6774%2010.7143C17.2096%2010.7143%2016.8548%2011.0792%2016.8548%2011.5V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V9.8214C15.8548%209.40064%2015.5%209.03569%2015.0322%209.03569C14.5643%209.03569%2014.2095%209.40064%2014.2095%209.8214V11.1428C14.2095%2011.419%2013.9857%2011.6428%2013.7095%2011.6428C13.4334%2011.6428%2013.2095%2011.419%2013.2095%2011.1428V8.99995C13.2095%208.57919%2012.8547%208.21423%2012.3869%208.21423C11.9191%208.21423%2011.5643%208.57919%2011.5643%208.99995V11.1428C11.5643%2011.419%2011.3405%2011.6428%2011.0643%2011.6428C10.7882%2011.6428%2010.5643%2011.419%2010.5643%2011.1428V9.85712Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M9.7417%209.07138C10.2095%209.07138%2010.5643%209.43634%2010.5643%209.85712V11.1428C10.5643%2011.419%2010.7882%2011.6428%2011.0643%2011.6428C11.3405%2011.6428%2011.5643%2011.419%2011.5643%2011.1428V8.99995C11.5643%208.57919%2011.9191%208.21423%2012.3869%208.21423C12.8547%208.21423%2013.2095%208.57919%2013.2095%208.99995V11.1428C13.2095%2011.419%2013.4334%2011.6428%2013.7095%2011.6428C13.9857%2011.6428%2014.2095%2011.419%2014.2095%2011.1428V9.8214C14.2095%209.40064%2014.5643%209.03569%2015.0322%209.03569C15.5%209.03569%2015.8548%209.40064%2015.8548%209.8214V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V11.5C16.8548%2011.0792%2017.2096%2010.7143%2017.6774%2010.7143C18.1452%2010.7143%2018.5%2011.0792%2018.5%2011.5V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3812%2010.032%2020.0466C9.31465%2019.7129%208.61071%2019.1475%207.90002%2018.2L5.87549%2015.5548L5.86566%2015.5423C5.614%2015.2343%205.63861%2014.7944%205.92703%2014.514C6.24669%2014.2033%206.76957%2014.2021%207.09077%2014.5105C7.18728%2014.6088%207.28546%2014.7128%207.37723%2014.8099C7.49797%2014.9378%207.60764%2015.0539%207.68787%2015.1301C7.7587%2015.1973%207.87099%2015.299%208.00536%2015.3581C8.07952%2015.3907%208.19872%2015.4279%208.34225%2015.4068C8.49922%2015.3839%208.62011%2015.3012%208.70064%2015.2061C8.82868%2015.055%208.8624%2014.863%208.87748%2014.7637C8.89684%2014.6361%208.9064%2014.481%208.91187%2014.307C8.92049%2014.0329%208.92002%2013.6625%208.91943%2013.1909C8.91926%2013.0621%208.91909%2012.9257%208.91909%2012.7817V9.85709C8.91909%209.43633%209.27389%209.07138%209.7417%209.07138Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grabbing;--affine-grab-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%203.62063C10.9653%202.95862%2011.6283%202.5%2012.3869%202.5C13.3802%202.5%2014.2096%203.28619%2014.2096%204.28571V4.40655C14.4578%204.28334%2014.7378%204.21429%2015.0322%204.21429C16.0254%204.21429%2016.8548%205.00047%2016.8548%206V6.97798C17.103%206.85477%2017.383%206.78571%2017.6774%206.78571C18.6706%206.78571%2019.5%207.5719%2019.5%208.57143V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61009%2020.9533C8.71742%2020.538%207.89275%2019.8553%207.10492%2018.8065L3.89715%2014.8057C3.31723%2014.0938%203.37951%2013.0692%204.03749%2012.4296C4.74649%2011.7404%205.88998%2011.7404%206.59897%2012.4296C6.60945%2012.4398%206.61948%2012.4504%206.62902%2012.4615L7.19243%2013.1145C7.49969%2013.4896%207.73216%2013.7452%207.90552%2013.9094C7.90575%2013.9058%207.90599%2013.9021%207.90621%2013.8984C7.92066%2013.6641%207.92009%2013.374%207.91941%2013.0239C7.91926%2012.9461%207.9191%2012.8654%207.9191%2012.7817V5.14286C7.9191%204.14333%208.74848%203.35714%209.74172%203.35714C10.0887%203.35714%2010.4158%203.45312%2010.6944%203.62063ZM11.5643%2011.1429C11.5643%2011.419%2011.3405%2011.6429%2011.0643%2011.6429C10.7882%2011.6429%2010.5643%2011.419%2010.5643%2011.1429V5.14286C10.5643%204.7221%2010.2095%204.35714%209.74172%204.35714C9.2739%204.35714%208.9191%204.7221%208.9191%205.14286V12.7817C8.9191%2012.858%208.91927%2012.9337%208.91943%2013.0085C8.92019%2013.3597%208.92092%2013.6907%208.90432%2013.9599C8.89417%2014.1245%208.87652%2014.2886%208.84181%2014.4348C8.80979%2014.5696%208.74873%2014.7552%208.60644%2014.9018C8.43071%2015.0827%208.19413%2015.142%207.96546%2015.0976C7.77497%2015.0607%207.60654%2014.9565%207.46937%2014.8519C7.18917%2014.6383%206.84626%2014.2699%206.4228%2013.7533L5.88792%2013.1333C5.56593%2012.8348%205.05078%2012.8392%204.73453%2013.1467C4.44611%2013.427%204.4215%2013.8669%204.67315%2014.175L4.67604%2014.1785L7.89011%2018.1872L7.90002%2018.2C8.6107%2019.1476%209.31466%2019.7129%2010.032%2020.0467C10.751%2020.3813%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V8.57143C18.5%208.15067%2018.1452%207.78571%2017.6774%207.78571C17.2096%207.78571%2016.8548%208.15067%2016.8548%208.57143V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V6C15.8548%205.57924%2015.5%205.21429%2015.0322%205.21429C14.5644%205.21429%2014.2096%205.57924%2014.2096%206V11.1429C14.2096%2011.419%2013.9857%2011.6429%2013.7096%2011.6429C13.4334%2011.6429%2013.2096%2011.419%2013.2096%2011.1429V4.28571C13.2096%203.86496%2012.8548%203.5%2012.3869%203.5C11.9191%203.5%2011.5643%203.86496%2011.5643%204.28571V11.1429Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M11.0643%2011.6429C11.3405%2011.6429%2011.5643%2011.419%2011.5643%2011.1429V4.28571C11.5643%203.86496%2011.9191%203.5%2012.3869%203.5C12.8548%203.5%2013.2096%203.86496%2013.2096%204.28571V11.1429C13.2096%2011.419%2013.4334%2011.6429%2013.7096%2011.6429C13.9857%2011.6429%2014.2096%2011.419%2014.2096%2011.1429V6C14.2096%205.57924%2014.5644%205.21429%2015.0322%205.21429C15.5%205.21429%2015.8548%205.57924%2015.8548%206V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V8.57143C16.8548%208.15067%2017.2096%207.78571%2017.6774%207.78571C18.1452%207.78571%2018.5%208.15067%2018.5%208.57143V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3813%2010.032%2020.0467C9.31466%2019.7129%208.6107%2019.1476%207.90002%2018.2L7.89011%2018.1872L4.67604%2014.1785L4.67315%2014.175C4.4215%2013.8669%204.44611%2013.427%204.73453%2013.1467C5.05078%2012.8392%205.56593%2012.8348%205.88792%2013.1333L6.4228%2013.7533C6.84626%2014.2699%207.18917%2014.6383%207.46937%2014.8519C7.60654%2014.9565%207.77497%2015.0607%207.96546%2015.0976C8.19413%2015.142%208.43071%2015.0827%208.60644%2014.9018C8.74873%2014.7552%208.80979%2014.5696%208.84181%2014.4348C8.87652%2014.2886%208.89417%2014.1245%208.90432%2013.9599C8.92092%2013.6907%208.92019%2013.3597%208.91943%2013.0085C8.91927%2012.9337%208.9191%2012.858%208.9191%2012.7817V5.14286C8.9191%204.7221%209.2739%204.35714%209.74172%204.35714C10.2095%204.35714%2010.5643%204.7221%2010.5643%205.14286V11.1429C10.5643%2011.419%2010.7882%2011.6429%2011.0643%2011.6429Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grab;--affine-theme-mode: light;--affine-brand-color: #1E96EB;--affine-tertiary-color: rgba(239, 250, 255, 1);--affine-primary-color: #1E96EB;--affine-primary-color-04: rgba(30, 150, 235, .04);--affine-secondary-color: rgb(125, 145, 255);--affine-blue-50: rgba(239, 250, 255, 1);--affine-blue-100: rgba(219, 244, 254, 1);--affine-blue-200: rgba(191, 236, 254, 1);--affine-blue-300: rgba(147, 226, 253, 1);--affine-blue-400: rgba(96, 207, 250, 1);--affine-blue-500: rgba(58, 181, 247, 1);--affine-blue-600: rgba(30, 150, 235, 1);--affine-blue-700: rgba(28, 129, 217, 1);--affine-blue-800: rgba(30, 103, 175, 1);--affine-blue-900: rgba(30, 87, 138, 1);--affine-blue-950: rgba(23, 54, 84, 1);--affine-background-success-color: rgba(231, 250, 243, 1);--affine-background-error-color: rgba(253, 236, 235, 1);--affine-background-processing-color: rgba(233, 241, 255, 1);--affine-background-warning-color: rgba(255, 237, 219, 1);--affine-background-primary-color: rgb(255, 255, 255);--affine-background-overlay-panel-color: rgb(251, 251, 252);--affine-background-secondary-color: rgba(244, 244, 245, 1);--affine-background-tertiary-color: rgb(238, 238, 238);--affine-background-code-block: rgba(247, 248, 250, 1);--affine-background-modal-color: rgba(0, 0, 0, .75);--affine-text-primary-color: rgb(66, 65, 73);--affine-text-secondary-color: rgb(142, 141, 145);--affine-text-disable-color: rgb(169, 169, 173);--affine-text-emphasis-color: #1E96EB;--affine-hover-color: rgba(0, 0, 0, .04);--affine-hover-color-filled: rgb(245, 245, 245);--affine-link-color: #1E67AF;--affine-quote-color: rgba(194, 193, 197, 1);--affine-list-color: rgba(133, 131, 140, 1);--affine-icon-color: rgb(119, 117, 125);--affine-icon-secondary: rgba(119, 117, 125, .6);--affine-border-color: rgb(227, 226, 228);--affine-divider-color: rgb(227, 226, 228);--affine-placeholder-color: rgb(192, 191, 193);--affine-edgeless-grid-color: rgb(230, 230, 230);--affine-success-color: rgb(16, 203, 134);--affine-warning-color: rgb(235, 67, 53);--affine-error-color: rgb(235, 67, 53);--affine-processing-color: rgb(39, 118, 255);--affine-black-10: rgba(0, 0, 0, .1);--affine-black-30: rgba(0, 0, 0, .3);--affine-black-50: rgba(0, 0, 0, .5);--affine-black-60: rgba(0, 0, 0, .6);--affine-black-80: rgba(0, 0, 0, .8);--affine-black-90: rgba(0, 0, 0, .9);--affine-black: rgb(0, 0, 0);--affine-white-10: rgba(255, 255, 255, .1);--affine-white-30: rgba(255, 255, 255, .3);--affine-white-50: rgba(255, 255, 255, .5);--affine-white-60: rgba(255, 255, 255, .6);--affine-white-80: rgba(255, 255, 255, .8);--affine-white-90: rgba(255, 255, 255, .9);--affine-white: rgb(255, 255, 255);--affine-tag-white: rgba(245, 245, 245, 1);--affine-tag-gray: rgba(227, 226, 224, 1);--affine-tag-red: rgba(255, 225, 225, 1);--affine-tag-orange: rgba(255, 233, 201, 1);--affine-tag-yellow: rgba(255, 243, 215, 1);--affine-tag-green: rgba(222, 244, 231, 1);--affine-tag-teal: rgba(222, 244, 243, 1);--affine-tag-blue: rgba(225, 238, 255, 1);--affine-tag-purple: rgba(243, 240, 255, 1);--affine-tag-pink: rgba(251, 231, 255, 1);--affine-tag-magenta: rgba(249, 232, 255, 1);--affine-tooltip: rgba(0, 0, 0, 1);--affine-menu-shadow: 0px 0px 12px rgba(66, 65, 73, .14), inset 0px 0px 0px .5px rgba(227, 227, 228, 1);--affine-toolbar-shadow: 0px 6px 16px #00000024;--affine-active-shadow: 0px 0px 0px 2px rgba(30, 150, 235, .3);--affine-shadow-1: 0px 0px 4px 0px rgba(66, 65, 73, .14);--affine-shadow-2: 0px 0px 12px 0px rgba(66, 65, 73, .18);--affine-shadow-3: 0px 0px 20px 0px rgba(66, 65, 73, .22);--affine-shadow-4: 0px 6px 16px 0px rgba(0, 0, 0, .14);--affine-popover-shadow: 0px 0px 30px rgba(75, 75, 75, .2), 0px 0px 4px rgba(75, 75, 75, .3), inset 0px 0px 0px rgba(227, 226, 228, 1);--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(66, 65, 73, .1), 0px 10px 12px -2px rgba(66, 65, 73, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(66, 65, 73, .1), 0px 6px 8px 1px rgba(66, 65, 73, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .05);--affine-cmd-shadow: 0px 10px 80px 0px rgba(0, 0, 0, .2);--affine-large-button-effect: 0px 12px 21px 4px rgba(30, 150, 235, .15);--affine-note-shadow-box: 0px 2px 12px 0px rgba(66, 65, 73, .2), 0px 0px 4px 0px rgba(66, 65, 73, .2);--affine-note-shadow-sticker: 0px 24px 26px -10px rgba(66, 65, 73, .07), 0px 26px 18px -20px rgba(66, 65, 73, .22);--affine-note-shadow-paper: 0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(66, 65, 73, .16);--affine-note-shadow-float: 0px 12px 60px 0px rgba(66, 65, 73, .16), 0px 0px 0px 2px rgba(0, 0, 0, .06);--affine-note-shadow-film: 10px 10px 0px 6px #000, 0px 0px 0px 6px #000;--affine-button-gray-color: rgba(245, 245, 245, 1);--affine-card-background-blue: linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%);--affine-card-background-green: linear-gradient(180deg, #F3F9FD 0%, #FCFCFD 100%);--affine-card-background-grey: linear-gradient(180deg, #F1F1F1 0%, #FCFCFD 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(255, 206, 206, 1);--affine-text-highlight-red: rgba(254, 213, 213, 1);--affine-text-highlight-orange: rgba(254, 223, 187, 1);--affine-text-highlight-yellow: rgba(254, 243, 161, 1);--affine-text-highlight-green: rgba(225, 250, 177, 1);--affine-text-highlight-teal: rgba(173, 248, 233, 1);--affine-text-highlight-blue: rgba(204, 226, 254, 1);--affine-text-highlight-purple: rgba(237, 221, 255, 1);--affine-text-highlight-grey: rgba(234, 236, 239, 1);--affine-text-highlight-foreground-red: rgba(198, 34, 34, 1);--affine-text-highlight-foreground-orange: rgba(211, 79, 11, 1);--affine-text-highlight-foreground-yellow: rgba(182, 124, 4, 1);--affine-text-highlight-foreground-green: rgba(20, 147, 67, 1);--affine-text-highlight-foreground-teal: rgba(7, 130, 160, 1);--affine-text-highlight-foreground-blue: rgba(33, 89, 211, 1);--affine-text-highlight-foreground-purple: rgba(132, 46, 211, 1);--affine-text-highlight-foreground-grey: rgba(68, 77, 89, 1);--affine-embed-shadow: 0px 0px 0px 2px rgba(0, 0, 0, .08);--affine-note-background-yellow: rgba(253, 230, 138, 1);--affine-note-background-orange: rgba(255, 196, 143, 1);--affine-note-background-red: rgba(250, 182, 182, 1);--affine-note-background-magenta: rgba(255, 218, 237, 1);--affine-note-background-purple: rgba(221, 214, 254, 1);--affine-note-background-blue: rgba(205, 235, 255, 1);--affine-note-background-teal: rgba(199, 248, 242, 1);--affine-note-background-green: rgba(201, 248, 193, 1);--affine-note-background-black: rgba(0, 0, 0, 1);--affine-note-background-grey: rgba(230, 230, 230, 1);--affine-note-background-white: rgba(255, 255, 255, 1)}[data-theme=dark]{--affine-font-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-serif-family: "Source Serif 4", "Noto Serif" , serif, "Cambria", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-mono-family: "Source Code Pro", "IBM Plex Mono", "Roboto Mono","Noto Sans Mono", "Noto Sans CJK", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-sans-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-number-family: "Roboto Mono", "Noto Sans Mono", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-code-family: "IBM Plex Mono", "Space Mono", Consolas, Menlo, Monaco, Courier, monospace, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-title: 36px;--affine-font-h-1: 28px;--affine-font-h-2: 26px;--affine-font-h-3: 24px;--affine-font-h-4: 22px;--affine-font-h-5: 20px;--affine-font-h-6: 18px;--affine-font-base: 15px;--affine-font-sm: 14px;--affine-font-xs: 12px;--affine-line-height: calc(1em + 8px) ;--affine-z-index-modal: 1000;--affine-z-index-popover: 1000;--affine-paragraph-space: 8px;--affine-popover-radius: 12px;--affine-editor-width: 944px;--affine-editor-side-padding: 96px;--affine-zoom: 1;--affine-scale: calc(1 / var(--affine-zoom));--affine-palette-line-yellow: rgb(255, 211, 56);--affine-palette-line-orange: rgb(255, 175, 56);--affine-palette-line-tangerine: rgb(250, 124, 69);--affine-palette-line-red: rgb(237, 63, 63);--affine-palette-line-magenta: rgb(230, 96, 164);--affine-palette-line-purple: rgb(110, 82, 223);--affine-palette-line-navy: rgb(59, 37, 204);--affine-palette-line-blue: rgb(79, 144, 255);--affine-palette-line-teal: rgb(122, 226, 213);--affine-palette-line-green: rgb(124, 194, 112);--affine-palette-line-white: rgb(255, 255, 255);--affine-palette-line-black: rgb(35, 35, 35);--affine-palette-line-grey: rgb(191, 192, 191);--affine-palette-shape-yellow: rgb(255, 223, 107);--affine-palette-shape-orange: rgb(255, 196, 107);--affine-palette-shape-tangerine: rgb(251, 161, 121);--affine-palette-shape-red: rgb(241, 111, 111);--affine-palette-shape-magenta: rgb(237, 140, 189);--affine-palette-shape-purple: rgb(147, 126, 231);--affine-palette-shape-navy: rgb(122, 149, 246);--affine-palette-shape-blue: rgb(184, 227, 255);--affine-palette-shape-green: rgb(157, 209, 148);--affine-palette-shape-white: rgb(255, 255, 255);--affine-palette-shape-black: rgb(35, 35, 35);--affine-palette-shape-grey: rgb(216, 217, 216);--affine-multi-players-purple: rgba(123,97,255,1);--affine-multi-players-magenta: rgba(245, 49, 179, 1);--affine-multi-players-red: rgba(243,87,52,1);--affine-multi-players-orange: rgba(255, 138, 0, 1);--affine-multi-players-green: rgba(27, 196, 125, 1);--affine-palette-shape-teal: rgb(184, 242, 231);--affine-multi-players-blue: rgba(24, 160, 251, 1);--affine-multi-players-brown: rgba(154, 101, 51, 1);--affine-multi-players-grey: rgba(170, 170, 170, 1);--affine-blue: rgba(30, 150, 235, 1);--affine-pure-black: rgba(0, 0, 0, 1);--affine-pure-black-10: rgba(0, 0, 0, .1);--affine-pure-black-20: rgba(0, 0, 0, .2);--affine-pure-black-80: rgba(0, 0, 0, .8);--affine-pure-white: rgba(255, 255, 255, 1);--affine-pure-white-10: rgba(255, 255, 255, .1);--affine-toggle-circle-background-color: rgba(255, 255, 255, 1);--affine-toggle-disable-background-color: rgba(119, 117, 125, 1);--affine-toggle-circle-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .25), inset -2px -3px 2px 0px rgba(0, 0, 0, .05);--affine-button-inner-shadow: unset;--affine-multi-cursors-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .28);--affine-multi-players-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16);--affine-grabbing-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%208.33487C10.9653%207.67285%2011.6283%207.21423%2012.3869%207.21423C13.1346%207.21423%2013.7895%207.65975%2014.0675%208.30642C14.3487%208.13443%2014.6802%208.03569%2015.0322%208.03569C16.0254%208.03569%2016.8548%208.82187%2016.8548%209.8214V9.90652C17.103%209.78332%2017.383%209.71426%2017.6774%209.71426C18.6706%209.71426%2019.5%2010.5004%2019.5%2011.5V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61008%2020.9533C8.71611%2020.5373%207.89034%2019.8532%207.10147%2018.8019L5.08581%2016.1683C4.51001%2015.4567%204.57347%2014.4352%205.23%2013.797C5.93899%2013.1078%207.08249%2013.1078%207.79148%2013.797L7.79968%2013.805C7.84226%2013.8483%207.88165%2013.889%207.91846%2013.9273C7.92006%2013.726%207.91977%2013.4872%207.91942%2013.2045C7.91926%2013.0733%207.91909%2012.9325%207.91909%2012.7817V9.85709C7.91909%208.85756%208.74847%208.07138%209.7417%208.07138C10.0887%208.07138%2010.4158%208.16735%2010.6944%208.33487ZM10.5643%209.85712C10.5643%209.43634%2010.2095%209.07138%209.7417%209.07138C9.27389%209.07138%208.91909%209.43633%208.91909%209.85709V12.7817C8.91909%2012.9257%208.91926%2013.0621%208.91943%2013.1909C8.92002%2013.6625%208.92049%2014.0329%208.91187%2014.307C8.9064%2014.481%208.89684%2014.6361%208.87748%2014.7637C8.8624%2014.863%208.82868%2015.055%208.70064%2015.2061C8.62011%2015.3012%208.49922%2015.3839%208.34225%2015.4068C8.19872%2015.4279%208.07952%2015.3907%208.00536%2015.3581C7.87099%2015.299%207.7587%2015.1973%207.68787%2015.1301C7.60764%2015.0539%207.49797%2014.9378%207.37723%2014.8099C7.28546%2014.7128%207.18728%2014.6088%207.09077%2014.5105C6.76957%2014.2021%206.24669%2014.2033%205.92703%2014.514C5.63861%2014.7944%205.614%2015.2343%205.86566%2015.5423L5.87549%2015.5548L7.90002%2018.2C8.61071%2019.1475%209.31465%2019.7129%2010.032%2020.0466C10.751%2020.3812%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V11.5C18.5%2011.0792%2018.1452%2010.7143%2017.6774%2010.7143C17.2096%2010.7143%2016.8548%2011.0792%2016.8548%2011.5V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V9.8214C15.8548%209.40064%2015.5%209.03569%2015.0322%209.03569C14.5643%209.03569%2014.2095%209.40064%2014.2095%209.8214V11.1428C14.2095%2011.419%2013.9857%2011.6428%2013.7095%2011.6428C13.4334%2011.6428%2013.2095%2011.419%2013.2095%2011.1428V8.99995C13.2095%208.57919%2012.8547%208.21423%2012.3869%208.21423C11.9191%208.21423%2011.5643%208.57919%2011.5643%208.99995V11.1428C11.5643%2011.419%2011.3405%2011.6428%2011.0643%2011.6428C10.7882%2011.6428%2010.5643%2011.419%2010.5643%2011.1428V9.85712Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M9.7417%209.07138C10.2095%209.07138%2010.5643%209.43634%2010.5643%209.85712V11.1428C10.5643%2011.419%2010.7882%2011.6428%2011.0643%2011.6428C11.3405%2011.6428%2011.5643%2011.419%2011.5643%2011.1428V8.99995C11.5643%208.57919%2011.9191%208.21423%2012.3869%208.21423C12.8547%208.21423%2013.2095%208.57919%2013.2095%208.99995V11.1428C13.2095%2011.419%2013.4334%2011.6428%2013.7095%2011.6428C13.9857%2011.6428%2014.2095%2011.419%2014.2095%2011.1428V9.8214C14.2095%209.40064%2014.5643%209.03569%2015.0322%209.03569C15.5%209.03569%2015.8548%209.40064%2015.8548%209.8214V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V11.5C16.8548%2011.0792%2017.2096%2010.7143%2017.6774%2010.7143C18.1452%2010.7143%2018.5%2011.0792%2018.5%2011.5V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3812%2010.032%2020.0466C9.31465%2019.7129%208.61071%2019.1475%207.90002%2018.2L5.87549%2015.5548L5.86566%2015.5423C5.614%2015.2343%205.63861%2014.7944%205.92703%2014.514C6.24669%2014.2033%206.76957%2014.2021%207.09077%2014.5105C7.18728%2014.6088%207.28546%2014.7128%207.37723%2014.8099C7.49797%2014.9378%207.60764%2015.0539%207.68787%2015.1301C7.7587%2015.1973%207.87099%2015.299%208.00536%2015.3581C8.07952%2015.3907%208.19872%2015.4279%208.34225%2015.4068C8.49922%2015.3839%208.62011%2015.3012%208.70064%2015.2061C8.82868%2015.055%208.8624%2014.863%208.87748%2014.7637C8.89684%2014.6361%208.9064%2014.481%208.91187%2014.307C8.92049%2014.0329%208.92002%2013.6625%208.91943%2013.1909C8.91926%2013.0621%208.91909%2012.9257%208.91909%2012.7817V9.85709C8.91909%209.43633%209.27389%209.07138%209.7417%209.07138Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grabbing;--affine-grab-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%203.62063C10.9653%202.95862%2011.6283%202.5%2012.3869%202.5C13.3802%202.5%2014.2096%203.28619%2014.2096%204.28571V4.40655C14.4578%204.28334%2014.7378%204.21429%2015.0322%204.21429C16.0254%204.21429%2016.8548%205.00047%2016.8548%206V6.97798C17.103%206.85477%2017.383%206.78571%2017.6774%206.78571C18.6706%206.78571%2019.5%207.5719%2019.5%208.57143V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61009%2020.9533C8.71742%2020.538%207.89275%2019.8553%207.10492%2018.8065L3.89715%2014.8057C3.31723%2014.0938%203.37951%2013.0692%204.03749%2012.4296C4.74649%2011.7404%205.88998%2011.7404%206.59897%2012.4296C6.60945%2012.4398%206.61948%2012.4504%206.62902%2012.4615L7.19243%2013.1145C7.49969%2013.4896%207.73216%2013.7452%207.90552%2013.9094C7.90575%2013.9058%207.90599%2013.9021%207.90621%2013.8984C7.92066%2013.6641%207.92009%2013.374%207.91941%2013.0239C7.91926%2012.9461%207.9191%2012.8654%207.9191%2012.7817V5.14286C7.9191%204.14333%208.74848%203.35714%209.74172%203.35714C10.0887%203.35714%2010.4158%203.45312%2010.6944%203.62063ZM11.5643%2011.1429C11.5643%2011.419%2011.3405%2011.6429%2011.0643%2011.6429C10.7882%2011.6429%2010.5643%2011.419%2010.5643%2011.1429V5.14286C10.5643%204.7221%2010.2095%204.35714%209.74172%204.35714C9.2739%204.35714%208.9191%204.7221%208.9191%205.14286V12.7817C8.9191%2012.858%208.91927%2012.9337%208.91943%2013.0085C8.92019%2013.3597%208.92092%2013.6907%208.90432%2013.9599C8.89417%2014.1245%208.87652%2014.2886%208.84181%2014.4348C8.80979%2014.5696%208.74873%2014.7552%208.60644%2014.9018C8.43071%2015.0827%208.19413%2015.142%207.96546%2015.0976C7.77497%2015.0607%207.60654%2014.9565%207.46937%2014.8519C7.18917%2014.6383%206.84626%2014.2699%206.4228%2013.7533L5.88792%2013.1333C5.56593%2012.8348%205.05078%2012.8392%204.73453%2013.1467C4.44611%2013.427%204.4215%2013.8669%204.67315%2014.175L4.67604%2014.1785L7.89011%2018.1872L7.90002%2018.2C8.6107%2019.1476%209.31466%2019.7129%2010.032%2020.0467C10.751%2020.3813%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V8.57143C18.5%208.15067%2018.1452%207.78571%2017.6774%207.78571C17.2096%207.78571%2016.8548%208.15067%2016.8548%208.57143V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V6C15.8548%205.57924%2015.5%205.21429%2015.0322%205.21429C14.5644%205.21429%2014.2096%205.57924%2014.2096%206V11.1429C14.2096%2011.419%2013.9857%2011.6429%2013.7096%2011.6429C13.4334%2011.6429%2013.2096%2011.419%2013.2096%2011.1429V4.28571C13.2096%203.86496%2012.8548%203.5%2012.3869%203.5C11.9191%203.5%2011.5643%203.86496%2011.5643%204.28571V11.1429Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M11.0643%2011.6429C11.3405%2011.6429%2011.5643%2011.419%2011.5643%2011.1429V4.28571C11.5643%203.86496%2011.9191%203.5%2012.3869%203.5C12.8548%203.5%2013.2096%203.86496%2013.2096%204.28571V11.1429C13.2096%2011.419%2013.4334%2011.6429%2013.7096%2011.6429C13.9857%2011.6429%2014.2096%2011.419%2014.2096%2011.1429V6C14.2096%205.57924%2014.5644%205.21429%2015.0322%205.21429C15.5%205.21429%2015.8548%205.57924%2015.8548%206V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V8.57143C16.8548%208.15067%2017.2096%207.78571%2017.6774%207.78571C18.1452%207.78571%2018.5%208.15067%2018.5%208.57143V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3813%2010.032%2020.0467C9.31466%2019.7129%208.6107%2019.1476%207.90002%2018.2L7.89011%2018.1872L4.67604%2014.1785L4.67315%2014.175C4.4215%2013.8669%204.44611%2013.427%204.73453%2013.1467C5.05078%2012.8392%205.56593%2012.8348%205.88792%2013.1333L6.4228%2013.7533C6.84626%2014.2699%207.18917%2014.6383%207.46937%2014.8519C7.60654%2014.9565%207.77497%2015.0607%207.96546%2015.0976C8.19413%2015.142%208.43071%2015.0827%208.60644%2014.9018C8.74873%2014.7552%208.80979%2014.5696%208.84181%2014.4348C8.87652%2014.2886%208.89417%2014.1245%208.90432%2013.9599C8.92092%2013.6907%208.92019%2013.3597%208.91943%2013.0085C8.91927%2012.9337%208.9191%2012.858%208.9191%2012.7817V5.14286C8.9191%204.7221%209.2739%204.35714%209.74172%204.35714C10.2095%204.35714%2010.5643%204.7221%2010.5643%205.14286V11.1429C10.5643%2011.419%2010.7882%2011.6429%2011.0643%2011.6429Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grab;--affine-theme-mode: dark;--affine-brand-color: #1E96EB;--affine-primary-color: #1C9EE4;--affine-primary-color-04: rgba(52, 116, 173, .1);--affine-secondary-color: rgb(144, 150, 245);--affine-tertiary-color: rgb(30, 30, 30);--affine-blue-950: rgba(32, 45, 55, 1);--affine-blue-50: rgba(181, 208, 242, 1);--affine-blue-100: rgba(171, 204, 237, 1);--affine-blue-200: rgba(149, 194, 234, 1);--affine-blue-300: rgba(115, 182, 226, 1);--affine-blue-400: rgba(79, 162, 216, 1);--affine-blue-500: rgba(53, 140, 208, 1);--affine-blue-600: rgba(52, 116, 173, 1);--affine-blue-700: rgba(55, 106, 154, 1);--affine-blue-800: rgba(51, 88, 122, 1);--affine-blue-900: rgba(47, 75, 96, 1);--affine-hover-color: rgba(255, 255, 255, .1);--affine-hover-color-filled: rgb(42, 42, 42);--affine-icon-color: rgb(168, 168, 160);--affine-icon-secondary: rgba(168,168,160,.6);--affine-border-color: rgba(46, 46, 46, 1);--affine-divider-color: rgb(114, 114, 114);--affine-placeholder-color: rgb(62, 62, 63);--affine-quote-color: rgba(142, 141, 145, 1);--affine-list-color: rgba(156, 155, 160, 1);--affine-link-color: #78BEFF;--affine-edgeless-grid-color: rgba(49, 49, 49, .35);--affine-success-color: rgb(13, 162, 107);--affine-warning-color: rgb(188, 54, 42);--affine-error-color: rgb(188, 54, 42);--affine-processing-color: rgb(31, 94, 204);--affine-text-emphasis-color: #1E96EB;--affine-text-primary-color: rgb(234, 234, 234);--affine-text-secondary-color: rgb(156, 156, 160);--affine-text-disable-color: rgb(119, 117, 125);--affine-black-10: rgba(255, 255, 255, .1);--affine-black-30: rgba(255, 255, 255, .3);--affine-black-50: rgba(255, 255, 255, .5);--affine-black-60: rgba(255, 255, 255, .6);--affine-black-80: rgba(255, 255, 255, .8);--affine-black-90: rgba(255, 255, 255, .9);--affine-black: rgb(255, 255, 255);--affine-white-10: rgba(0, 0, 0, .1);--affine-white-30: rgba(0, 0, 0, .3);--affine-white-50: rgba(0, 0, 0, .5);--affine-white-60: rgba(0, 0, 0, .6);--affine-white-80: rgba(0, 0, 0, .8);--affine-white-90: rgba(0, 0, 0, .9);--affine-white: rgb(0, 0, 0);--affine-background-code-block: rgba(31, 32, 34, 1);--affine-background-tertiary-color: rgb(48, 48, 48);--affine-background-processing-color: rgba(22, 32, 48, 1);--affine-background-error-color: rgba(46, 26, 24, 1);--affine-background-warning-color: rgba(48, 35, 19, 1);--affine-background-success-color: rgba(20, 42, 34, 1);--affine-background-primary-color: rgb(20, 20, 20);--affine-background-secondary-color: rgba(37, 37, 37, 1);--affine-background-modal-color: rgba(0, 0, 0, .5);--affine-background-overlay-panel-color: rgb(30, 30, 30);--affine-tag-blue: rgba(8, 67, 136, 1);--affine-tag-green: rgba(44, 108, 63, 1);--affine-tag-teal: rgba(26, 115, 110, 1);--affine-tag-white: rgba(67, 67, 67, 1);--affine-tag-purple: rgba(47, 30, 113, 1);--affine-tag-red: rgba(111, 50, 50, 1);--affine-tag-pink: rgba(155, 106, 106, 1);--affine-tag-magenta: rgba(105, 47, 111, 1);--affine-tag-yellow: rgba(150, 132, 49, 1);--affine-tag-orange: rgba(185, 129, 46, 1);--affine-tag-gray: rgba(41, 41, 41, 1);--affine-tooltip: rgba(234, 234, 234, 1);--affine-menu-shadow: 0px 0px 16px rgba(0, 0, 0, .32), 0px 0px 0px .5px #2E2E2E inset;--affine-toolbar-shadow: 0px 6px 18px #00000052;--affine-active-shadow: 0px 0px 0px 2px rgba(28, 158, 228, .3);--affine-shadow-1: 0px 0px 4px 0px rgba(0, 0, 0, .24);--affine-shadow-2: 0px 0px 12px 0px rgba(0, 0, 0, .28);--affine-shadow-3: 0px 0px 20px 0px rgba(0, 0, 0, .32);--affine-shadow-4: 0px 6px 18px 0px rgba(0, 0, 0, .32);--affine-popover-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .1), 0px 0px 8px 0px rgba(0, 0, 0, .18), 0px 0px 0px .5px rgba(48, 48, 48, 1) inset;--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(0, 0, 0, .1), 0px 10px 12px -2px rgba(0, 0, 0, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(15, 15, 15, .1), 0px 6px 8px 1px rgba(15, 15, 15, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .6);--affine-cmd-shadow: 0px 16px 80px 0px rgba(0, 0, 0, .8);--affine-large-button-effect: 0px 12px 20px 4px rgba(28, 158, 228, .18);--affine-note-shadow-box: 0px 2px 12px 0px rgba(0, 0, 0, .26), 0px 0px 4px 0px rgba(0, 0, 0, .44);--affine-note-shadow-sticker: 0px 24px 26px -10px rgba(0, 0, 0, .11), 0px 26px 18px -20px rgba(0, 0, 0, .32);--affine-note-shadow-paper: 0px 0px 0px 10px rgba(255, 255, 255, .2), 0px 3px 6px 12px rgba(0, 0, 0, .22);--affine-note-shadow-float: 0px 12px 70px 0px rgba(0, 0, 0, .2), 0px 0px 0px 2px rgba(0, 0, 0, .1);--affine-note-shadow-film: 10px 10px 0px 6px #B2B2B2, 0px 0px 0px 6px #B2B2B2;--affine-button-gray-color: rgba(85, 85, 85, 1);--affine-card-background-blue: linear-gradient(180deg, #14171F 0%, #202020 100%);--affine-card-background-green: linear-gradient(180deg, #192023 0%, #202020 100%);--affine-card-background-grey: linear-gradient(180deg, #313131 0%, #202020 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(127, 93, 93, 1);--affine-text-highlight-red: rgba(108, 39, 39, 1);--affine-text-highlight-orange: rgba(112, 58, 21, 1);--affine-text-highlight-yellow: rgba(106, 84, 15, 1);--affine-text-highlight-green: rgba(26, 91, 50, 1);--affine-text-highlight-teal: rgba(14, 85, 97, 1);--affine-text-highlight-blue: rgba(56, 75, 122, 1);--affine-text-highlight-purple: rgba(80, 46, 111, 1);--affine-text-highlight-grey: rgba(64, 67, 74, 1);--affine-text-highlight-foreground-red: rgba(249, 141, 141, 1);--affine-text-highlight-foreground-orange: rgba(252, 168, 99, 1);--affine-text-highlight-foreground-yellow: rgba(251, 214, 68, 1);--affine-text-highlight-foreground-green: rgba(110, 229, 153, 1);--affine-text-highlight-foreground-teal: rgba(87, 221, 204, 1);--affine-text-highlight-foreground-blue: rgba(128, 183, 251, 1);--affine-text-highlight-foreground-purple: rgba(205, 157, 253, 1);--affine-text-highlight-foreground-grey: rgba(176, 181, 191, 1);--affine-embed-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .08);--affine-note-background-yellow: rgba(111, 65, 0, 1);--affine-note-background-orange: rgba(132, 59, 6, 1);--affine-note-background-red: rgba(118, 23, 23, 1);--affine-note-background-magenta: rgba(148, 21, 85, 1);--affine-note-background-purple: rgba(49, 46, 129, 1);--affine-note-background-blue: rgba(3, 95, 159, 1);--affine-note-background-teal: rgba(28, 107, 99, 1);--affine-note-background-green: rgba(59, 83, 21, 1);--affine-note-background-black: rgba(255, 255, 255, 1);--affine-note-background-grey: rgba(86, 86, 86, 1);--affine-note-background-white: rgba(0, 0, 0, 1)}@font-face{font-family:color-emoji;src:local("Apple Color Emoji"),local("Segoe UI Emoji"),local("Segoe UI Symbol"),local("Noto Color Emoji");unicode-range:U+1F000-1F644,U+203C-3299}.dg>ul{overflow:scroll}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--border-hover: #d0d0d0;--accent-primary: #333333;--accent-hover: #000000;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--tree-bg: #fafafa;--tree-hover: #f5f5f5;--tree-selected: #f0f0f0;--tree-selected-border: #333333;--tree-icon: #666666;--tree-text: #1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #222222;--bg-tertiary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #999999;--text-muted: #666666;--border-color: #333333;--border-hover: #444444;--accent-primary: #e0e0e0;--accent-hover: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--tree-bg: #222222;--tree-hover: #2a2a2a;--tree-selected: #2a2a2a;--tree-selected-border: #e0e0e0;--tree-icon: #999999;--tree-text: #e0e0e0}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}#root{min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-center{flex:1;display:flex;justify-content:center}.header-breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary)}.header-breadcrumb-item{display:flex;align-items:center;gap:4px}.header-breadcrumb-link{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:13px;transition:all .15s ease}.header-breadcrumb-link:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.header-breadcrumb-input{background:var(--bg-primary);border:1px solid var(--accent-primary);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:13px;outline:none;min-width:100px}.header-edit-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:2px;margin-left:4px;opacity:.7;transition:all .15s ease}.header-edit-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-primary);opacity:1}.header-center h1{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:8px}.sidebar-toggle,.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s}.sidebar-toggle:hover,.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.breadcrumbs{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.layout-body{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.create-document-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:var(--accent-primary);color:var(--bg-primary);cursor:pointer;transition:opacity .15s}.create-document-btn:hover{opacity:.8}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.tree-item{margin-bottom:1px}.tree-item-content{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:0 4px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s ease;min-height:28px}.tree-item-content:hover{background-color:var(--bg-tertiary)}.tree-item-content.selected{background-color:transparent;color:var(--accent-primary)}.tree-item-content.selected .tree-item-name{color:var(--accent-primary);font-weight:600}.tree-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px;flex-shrink:0}.tree-toggle button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:2px;transition:all .15s ease}.tree-toggle button:hover{background-color:var(--bg-tertiary)}.tree-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-weight:400;line-height:1.3}.tree-children{margin-left:12px;border-left:1px solid var(--border-color);padding-left:6px}.tree-actions{display:none;gap:2px}.tree-item-content:hover .tree-actions{display:flex}.tree-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:3px;transition:all .15s ease}.tree-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.main-content{flex:1;background-color:var(--bg-primary);transition:margin-left .2s ease;overflow:hidden}.main-content.sidebar-closed{margin-left:0}.document-editor{height:100%;display:flex;flex-direction:column}.editor-canvas{flex:1;padding:20px;overflow-y:auto;background-color:var(--bg-primary)}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:14px}@media (max-width: 768px){.sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:50;transform:translate(-100%)}.layout-body:has(.sidebar) .sidebar{transform:translate(0)}.main-content{margin-left:0!important}.header-center h1{font-size:16px}}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);height:100vh;overflow:hidden;display:flex;flex-direction:column;width:280px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-title{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--text-primary)}.create-document-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.create-document-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:12px 0}.tree-item{position:relative}.tree-item-content{display:flex;align-items:center;gap:8px;padding:4px 12px;margin:1px 8px;cursor:pointer;transition:background .1s;position:relative;min-height:28px;font-size:13px;color:var(--text-primary);border-radius:3px}.tree-item-content:hover{background:var(--tree-hover)}.tree-item-content.selected{background:var(--tree-selected);font-weight:500}.tree-icon-container{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.tree-icon-container.has-children{cursor:pointer}.tree-item-icon{color:var(--text-secondary);transition:all .15s ease}.tree-item-content.selected .tree-item-icon,.tree-item-content:hover .tree-item-icon{color:var(--accent-primary)}.tree-toggle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;color:var(--text-secondary);background:var(--bg-primary);border-radius:2px;padding:1px}.tree-icon-container.has-children:hover .tree-toggle-icon{opacity:1}.tree-icon-container.has-children:hover .tree-item-icon{opacity:0}.tree-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tree-actions{opacity:0;transition:opacity .15s ease}.tree-item-content:hover .tree-actions{opacity:1}.tree-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:background .1s}.tree-action-btn:hover{background:var(--accent-primary);color:var(--bg-primary)}.tree-children{margin-left:20px}.tree-item-content[draggable=true]{cursor:move}.tree-item-content.drag-over{background:var(--accent-primary);color:var(--bg-primary)}.tree-item-content.drag-over .tree-item-icon,.tree-item-content.drag-over .tree-item-name{color:var(--bg-primary)}.root-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 8px 8px;padding:12px;border:2px dashed var(--border-color);border-radius:4px;color:var(--text-muted);font-size:12px;transition:all .15s;opacity:.5}.root-drop-zone.active{border-color:var(--accent-primary);background:var(--tree-hover);color:var(--text-primary);opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state p{margin:0 0 20px;font-size:14px}.empty-state-btn{padding:8px 16px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s ease}.empty-state-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state p{margin:0 0 16px;font-size:14px}.empty-state-btn{padding:8px 16px;border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s ease}.empty-state-btn:hover{background:var(--accent-primary);color:#fff}.tree-item-content{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tree-toggle button:focus,.tree-action-btn:focus,.create-document-btn:focus,.empty-state-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.tree-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-muted);font-size:13px}.tree-loading:before{content:"";width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--accent-primary);border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-container{position:relative;height:100%}.editor-settings{position:absolute;top:20px;right:20px;z-index:10}.editor-settings-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow)}.editor-settings-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.editor-settings-menu{position:absolute;top:36px;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px var(--shadow);min-width:180px;z-index:20}.editor-settings-menu button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:13px;transition:background-color .15s ease}.editor-settings-menu button:hover{background:var(--bg-secondary)}.editor-settings-menu button.active{background:var(--accent-primary);color:#fff}.editor-settings-section{border-top:1px solid var(--border-color);padding-top:4px}.editor-settings-label{display:block;padding:6px 12px 2px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.editor-canvas{width:100%;height:100%;transition:all .2s ease}.editor-page-width{max-width:900px;margin:0 auto;padding:40px 96px}.editor-full-width{max-width:none;padding:40px 0}@media (max-width: 1200px){.editor-page-width{padding:40px 64px}.editor-full-width{padding:40px 0}}@media (max-width: 768px){.editor-page-width{padding:20px 24px}.editor-full-width{padding:20px 0}}.font-system,.font-system *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.font-serif,.font-serif *{font-family:Georgia,Times New Roman,Times,serif!important}.font-mono,.font-mono *{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--affine-background-primary-color);color:var(--affine-text-primary-color);border-radius:8px;padding:24px;min-width:320px;max-width:480px;box-shadow:0 4px 12px #00000026;border:1px solid var(--affine-border-color)}.modal-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--affine-text-primary-color)}.modal-content p{margin:0 0 16px;color:var(--affine-text-secondary-color)}.modal-content input{width:100%;padding:8px 12px;border:1px solid var(--affine-border-color);border-radius:4px;margin-bottom:16px;font-size:14px;background:var(--affine-background-primary-color);color:var(--affine-text-primary-color)}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-buttons button{padding:8px 16px;border:1px solid var(--affine-border-color);border-radius:4px;background:var(--affine-background-primary-color);color:var(--affine-text-primary-color);cursor:pointer;font-size:14px}.modal-buttons button:last-child{background:var(--affine-primary-color);color:#fff;border-color:var(--affine-primary-color)}.modal-buttons button:hover{opacity:.8}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:500px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:4px;border:1px solid var(--border-color);box-shadow:var(--shadow);animation:toast-slide-in .2s ease-out;pointer-events:auto;min-width:280px;max-width:400px;background:var(--bg-primary)}.toast-exit{animation:toast-slide-out .2s ease-in forwards}@keyframes toast-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:14px;line-height:1.5;word-break:break-word}.toast-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background .1s;color:var(--text-secondary)}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-info{border-left:3px solid #333333}@media (max-width: 768px){.toast-container{top:70px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:400px}.toast{min-width:auto;max-width:none;width:100%}}.editor-canvas .affine-editor-container,.editor-canvas .affine-page-root,.editor-canvas .affine-default-page,.editor-canvas .affine-page-viewport,.editor-canvas .affine-block-children-container,.editor-canvas .affine-note-block-container,.editor-canvas [data-block-id]{background-color:var(--bg-primary)!important}.editor-canvas .affine-paragraph-rich-text,.editor-canvas .affine-rich-text,.editor-canvas .inline-editor{color:var(--text-primary)!important}