:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;--blue:#106eea;--ink:#202124;--muted:#5f6368;--line:#dadce0;--panel:#fff;--hover:#f1f3f4;--selected:#e8f0fe}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}[hidden]{display:none!important}.icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:50%;color:var(--muted);flex-shrink:0}.icon:hover{background:var(--hover);color:var(--ink)}.icon.active{color:var(--blue);background:var(--selected)}.header{height:78px;border-top:4px solid var(--blue);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 24px 8px 14px;background:var(--panel);position:fixed;inset:0 0 auto;z-index:30}.brand{display:flex;align-items:center;gap:13px;min-width:275px}.brand img{width:96px;height:auto;display:block}.brand-title{font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.3px}.brand-title small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:1.3px;margin-top:5px}.search{background:var(--hover);border-radius:8px;display:flex;align-items:center;gap:13px;max-width:720px;flex:1;padding:0 13px;height:48px;color:var(--muted)}.search:focus-within{background:var(--panel);box-shadow:0 1px 5px #0003}.search input{width:100%;border:0;background:transparent;outline:0;font-size:16px}.header-actions{display:flex;gap:4px;margin-left:auto}.local-mark{height:33px;border:1px solid var(--line);border-radius:5px;padding:0 9px;font-size:11px;background:none;color:var(--muted);white-space:nowrap}.side{position:fixed;left:0;top:78px;bottom:0;width:248px;padding-top:14px;z-index:25;background:var(--panel);overflow:auto;transition:width .15s}.nav-item{height:48px;width:100%;border:0;background:none;border-radius:0 25px 25px 0;display:flex;align-items:center;gap:28px;padding:0 24px;color:var(--ink);font-size:14px;font-weight:500;text-align:left;white-space:nowrap}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--selected);color:#1459b5}.nav-item svg{width:24px;height:24px}.side-note{font-size:11px;line-height:1.65;color:#80868b;margin:32px 24px 15px;max-width:180px}.main{margin:78px 0 0 248px;padding:32px 36px 70px;transition:margin .15s}.composer{max-width:600px;border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px #0003,0 2px 6px #0002;margin:0 auto 38px;background:var(--panel);overflow:hidden}.compose-collapsed{display:flex;align-items:center;min-height:48px;padding:3px 9px 3px 16px}.take-note{border:0;background:none;flex:1;text-align:left;color:var(--muted);font-size:16px;font-weight:500;padding:10px 0}.compose-inner{padding:15px 16px 0}.title-input,.body-input{background:none;width:100%;border:0;outline:0;resize:none;line-height:1.6}.title-input{font-size:16px;font-weight:600;padding:0 36px 12px 0}.body-input{font-size:14px;min-height:75px;padding:0}.compose-top{position:relative}.compose-top .pin{position:absolute;right:-5px;top:-8px}.tool-row{display:flex;align-items:center;gap:3px;padding:7px 8px;flex-wrap:wrap}.tool-row .icon{width:34px;height:34px}.tool-row .icon svg{width:19px;height:19px}.text-button{border:0;border-radius:4px;background:none;padding:9px 17px;font-size:14px;font-weight:600}.text-button:hover{background:var(--hover)}.text-button.primary{background:var(--blue);color:#fff}.text-button.primary:hover{background:#0e56d6}.right{margin-left:auto}.board-title{font-size:12px;letter-spacing:1px;font-weight:600;color:var(--muted);margin:0 0 15px 8px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:start;margin-bottom:30px}.note{border:1px solid var(--line);border-radius:8px;position:relative;background:var(--note,#fff);overflow:visible;min-width:0;transition:box-shadow .15s;break-inside:avoid}.note:hover,.note:focus-within{box-shadow:0 2px 5px #0002}.note.selected{outline:2px solid var(--blue)}.note.dragging{opacity:.4}.note.drag-over{outline:2px dashed var(--blue)}.note-content{padding:16px 16px 8px;cursor:pointer;min-height:90px;outline:none;overflow-wrap:anywhere}.note-content:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);border-radius:8px}.note h2{font-size:16px;line-height:1.45;margin:0 24px 10px 0;font-weight:600;white-space:pre-wrap}.note p{white-space:pre-wrap;line-height:1.6;font-size:14px;margin:0 0 9px}.note .pin{position:absolute;right:5px;top:5px;width:32px;height:32px;opacity:0}.note .pin.active,.note:hover .pin,.note:focus-within .pin{opacity:1}.note .select-note{position:absolute;top:-10px;left:-10px;background:#5f6368;color:#fff;width:23px;height:23px;opacity:0;z-index:2}.note.selected .select-note{opacity:1;background:var(--blue)}.note:hover .select-note,.note:focus-within .select-note{opacity:1}.select-note svg{width:16px;height:16px}.note-tools{opacity:0;display:flex;justify-content:space-around;padding:0 5px 5px;min-height:36px}.note:hover .note-tools,.note:focus-within .note-tools{opacity:1}.note-tools .icon{width:30px;height:30px}.note-tools svg{width:18px;height:18px}.chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 16px 10px}.chip{border:0;background:#0000000c;border-radius:14px;font-size:11px;font-weight:600;padding:5px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.chip svg{width:13px;height:13px}.note-image{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:7px 7px 0 0;cursor:pointer}.checks{margin:0 0 8px}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.55;padding:3px 0}.check-row input[type=checkbox]{width:16px;height:16px;margin:3px 0 0;accent-color:var(--blue);flex-shrink:0}.check-row.done span{text-decoration:line-through;color:var(--muted)}.completed{border-top:1px solid #0001;padding-top:7px;margin-top:9px;color:var(--muted);font-size:12px}.list-edit .check-row{align-items:center}.list-edit input[type=text]{border:0;outline:0;flex:1;min-width:0;background:none;font-size:14px;padding:4px 0}.list-edit .icon{width:28px;height:28px}.list-add{border:0;background:none;font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:center;padding:9px 0}.empty{padding:85px 10px;text-align:center;color:var(--muted)}.empty svg{width:65px;height:65px;opacity:.3;margin-bottom:22px}.empty p{font-size:18px}:is(.view-list,.list-view) .grid{display:block;max-width:600px;margin:0 auto 30px}:is(.view-list,.list-view) .note{margin-bottom:16px}.compact-side .side{width:72px}.compact-side .nav-item{padding-left:24px;gap:35px}.compact-side .nav-item span,.compact-side .side-note{display:none}.compact-side .main{margin-left:72px}.selection-bar{position:fixed;top:4px;left:0;right:0;height:73px;background:var(--panel);z-index:35;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:16px}.selection-bar strong{font-size:19px;font-weight:500}.popover{position:fixed;z-index:100;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px #0003;padding:9px;min-width:170px;max-width:calc(100vw - 24px)}.menu-item{display:block;text-align:left;border:0;background:none;padding:10px 12px;width:100%;border-radius:4px;font-size:13px}.menu-item:hover{background:var(--hover)}.palette{display:flex;gap:7px;padding:5px;max-width:240px;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;border:1px solid #0003;position:relative}.swatch:hover,.swatch.selected{outline:2px solid var(--blue);outline-offset:2px}.pop-heading{font-size:13px;font-weight:600;margin:5px 5px 10px}.popover label{font-size:13px;display:flex;gap:8px;padding:7px 5px}.popover input[type=text],.popover input[type=datetime-local]{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:9px;font-size:13px;margin:4px 0 10px}.popover .small{font-size:11px;line-height:1.6;color:var(--muted);max-width:240px;margin:3px 5px 10px}.edit-label-row{display:flex;align-items:center;gap:6px}.edit-label-row span{flex:1}.editor-dialog{padding:0;border:1px solid var(--line);border-radius:8px;max-width:600px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 14px 45px #0004;background:var(--note,#fff);color:var(--ink)}dialog::backdrop{background:#2021248c}.editor-dialog .compose-inner{padding:20px 22px 0}.editor-dialog .body-input{min-height:130px}.editor-dialog .tool-row{padding:10px 12px}.editor-image{max-height:300px;object-fit:contain;width:100%;display:block}.editor-meta{padding:3px 20px 7px;font-size:10px;color:var(--muted);text-align:right}.modal-small{width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:10px;padding:24px;color:var(--ink);background:var(--panel)}.modal-small h2{font-size:20px;margin:0 0 18px}.modal-small p{font-size:14px;line-height:1.7;color:var(--muted)}.modal-small .field{display:block;font-size:13px;margin:12px 0}.modal-small .field input{display:block;width:100%;border:1px solid var(--line);padding:10px;margin-top:8px;border-radius:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#303134;color:#fff;box-shadow:0 3px 10px #0003;padding:14px 20px;border-radius:6px;z-index:200;display:flex;align-items:center;gap:20px;font-size:13px;max-width:calc(100vw - 24px)}.toast button{background:none;border:0;color:#9fc1ff;font-weight:600}.floating-add{display:none}.status{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;padding:0 8px}.status svg{width:13px;height:13px}.backdrop{display:none}.drawing canvas{border:1px solid var(--line);border-radius:4px;width:100%;touch-action:none;background:#fff}.draw-controls{display:flex;gap:12px;align-items:center;margin-bottom:12px}.draw-controls input[type=color]{border:0;padding:0;width:32px;height:32px;background:none}.dark{--ink:#e8eaed;--muted:#bdc1c6;--line:#52565d;--panel:#202124;--hover:#303134;--selected:#243a59;color:var(--ink);background:#202124}.dark .note,.dark .editor-dialog{color:#202124}.dark .note-tools,.dark .note .icon,.dark .editor-dialog .icon{color:#5f6368}.dark .side-note{color:#9aa0a6}.dark .nav-item.active{color:#adcfff}.dark .title-input,.dark .body-input{color:inherit}@media(min-width:1500px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.main{padding-left:50px;padding-right:50px}}@media(max-width:1100px){.brand{min-width:235px}.brand img{width:80px}.brand-title{font-size:16px}.header{gap:8px;padding-right:12px}.local-mark{display:none}.side{width:210px}.main{margin-left:210px;padding:30px 24px}.nav-item{gap:23px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:760px){.header{height:64px;padding:6px 12px 6px 6px;gap:4px}.brand{min-width:0;flex:1;gap:9px}.brand img{width:66px}.brand-title{font-size:15px}.brand-title small{font-size:8px;letter-spacing:.7px;margin-top:3px}.header-actions{gap:0}.header-actions .refresh,.header-actions .settings{display:none}.search{position:absolute;top:76px;left:16px;right:16px;max-width:none;height:46px;border:1px solid var(--line);box-shadow:none}.header:after{content:"";position:absolute;top:60px;left:0;right:0;height:70px;background:var(--panel);z-index:-1}.side,.compact-side .side{top:64px;width:260px;transform:translate(-100%);box-shadow:5px 0 20px #0002;transition:transform .15s}.mobile-nav .side{transform:translate(0)}.mobile-nav .backdrop{display:block;position:fixed;inset:64px 0 0;background:#0006;z-index:24}.compact-side .nav-item span,.compact-side .side-note{display:block}.compact-side .nav-item{gap:28px}.main,.compact-side .main{margin:134px 0 0;padding:15px 16px 100px}.composer{margin-bottom:28px}.compose-collapsed{padding-left:14px}.compose-collapsed .draw-new{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.note-content{padding:13px 12px 6px}.note h2{font-size:14px;margin-right:18px}.note p,.check-row{font-size:13px;line-height:1.55}.note-tools{opacity:1;justify-content:flex-end;padding:1px 5px 5px;overflow:visible}.note-tools button[data-action=reminder],.note-tools button[data-action=collaborate],.note-tools button[data-action=image]{display:none}.note-tools .icon{width:28px;height:30px;min-width:28px}.note-tools svg{width:16px;height:16px}.note .pin{opacity:1;width:26px;height:26px;right:2px;top:4px}.note .pin svg{width:17px;height:17px}.chips{padding:0 11px 8px;gap:4px}.chip{font-size:10px;padding:4px 7px}.note .select-note{opacity:0}.note.selected .select-note{opacity:1}.board-title{font-size:10px;margin:0 0 12px 1px}.floating-add{display:flex;position:fixed;bottom:22px;right:22px;width:56px;height:56px;border:0;border-radius:16px;background:var(--blue);color:#fff;align-items:center;justify-content:center;box-shadow:0 3px 9px #0004;z-index:20}.floating-add svg{width:28px;height:28px}.editor-dialog{max-height:92dvh}.editor-dialog .title-input{font-size:18px}.editor-dialog .body-input,.list-edit input[type=text]{font-size:16px}.tool-row{gap:1px}.selection-bar{height:60px;padding:0 8px;gap:4px}.selection-bar strong{font-size:16px}.selection-bar .icon{width:36px}.selection-bar .select-hide-mobile{display:none}.toast{bottom:90px;width:max-content}.status{max-width:260px;line-height:1.6;font-size:10px}.popover{max-height:70dvh;overflow:auto}}@media(max-width:340px){.grid{grid-template-columns:1fr}.brand-title{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.header,.side,.composer,.note-tools,.status,.floating-add,.board-title{display:none!important}.main{margin:0;padding:0}.grid{display:block;columns:3}.note{margin-bottom:14px;break-inside:avoid}.note .pin,.note .select-note{display:none}}.nav-item.active,.dark .nav-item.active{background:#106eea;color:#fff}.search:focus-within{outline:2px solid #106eea;outline-offset:-2px}.icon.active,.note .pin.active{background:#106eea;color:#fff}.meeting-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #106eea;background:#106eea;color:#fff;border-radius:6px;padding:10px 13px;min-height:40px;font-size:12px;font-weight:600;white-space:nowrap}.meeting-button:hover{background:#0e56d6}.meeting-button svg{width:19px;height:19px}.header{gap:10px}.brand{min-width:265px}.local-mark{display:none}.empire-note{color:#fff!important;--line:#106eea}.empire-note .icon,.dark .empire-note .icon,.empire-note .note-tools,.empire-note .completed{color:#fff}.empire-note .icon:hover,.empire-note .text-button:hover,.empire-note .chip{background:#ffffff26;color:#fff}.empire-note .completed{border-top-color:#ffffff40}.empire-note .check-row.done span{color:#e4eeff}.empire-note .title-input::placeholder,.empire-note .body-input::placeholder,.empire-note input::placeholder{color:#e0ebff}.empire-note .title-input,.empire-note .body-input,.empire-note .list-edit input{color:#fff}.empire-note .list-add{color:#e4eeff}.empire-note .check-row input[type=checkbox]{accent-color:#172b50}.empire-note button:focus-visible{outline-color:#fff}.empire-note .pin.active{background:#ffffff2b;color:#fff}.empire-note .popover{color:var(--ink);--line:#dadce0}:is(.meeting-mode,.meeting) .header{padding-left:28px;padding-right:28px;gap:20px}:is(.meeting-mode,.meeting) #menu,:is(.meeting-mode,.meeting) .search,:is(.meeting-mode,.meeting) .header-actions,:is(.meeting-mode,.meeting) .side,:is(.meeting-mode,.meeting) .composer,:is(.meeting-mode,.meeting) .floating-add,:is(.meeting-mode,.meeting) .backdrop{display:none!important}:is(.meeting-mode,.meeting) .brand{flex:1}:is(.meeting-mode,.meeting) .brand-title{font-size:20px}:is(.meeting-mode,.meeting) .brand img{width:104px}:is(.meeting-mode,.meeting) .meeting-button{font-size:14px;padding:12px 18px}:is(.meeting-mode,.meeting) .main{margin:78px 0 0!important;padding:34px 36px 50px}:is(.meeting-mode,.meeting) .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}:is(.meeting-mode,.meeting) .board-title{font-size:14px;letter-spacing:1.4px;margin-bottom:20px;color:var(--blue)}:is(.meeting-mode,.meeting) .note-content{padding:24px;min-height:140px}:is(.meeting-mode,.meeting) .note h2{font-size:24px;line-height:1.35;margin:0 0 16px}:is(.meeting-mode,.meeting) .note p{font-size:20px;line-height:1.6}:is(.meeting-mode,.meeting) .check-row{font-size:19px;padding:6px 0;gap:12px}:is(.meeting-mode,.meeting) .check-row input[type=checkbox]{width:20px;height:20px;margin-top:5px}:is(.meeting-mode,.meeting) .chips{padding:0 24px 20px}:is(.meeting-mode,.meeting) .chip{font-size:13px;padding:6px 11px}:is(.meeting-mode,.meeting) .completed{font-size:15px}:is(.meeting-mode,.meeting) .note-tools,:is(.meeting-mode,.meeting) .note>.pin,:is(.meeting-mode,.meeting) .note>.select-note{display:none}:is(.meeting-mode,.meeting) .status{font-size:12px}:is(.meeting-mode,.meeting) .note-image{max-height:330px}:is(.meeting-mode,.meeting) .editor-dialog .check-row{font-size:14px}:is(.meeting-mode,.meeting) .editor-dialog .chip{font-size:11px}:is(.meeting-mode,.meeting) .editor-dialog .chips{padding:0 16px 10px}:is(.meeting-mode,.meeting) .editor-dialog .check-row input[type=checkbox]{width:16px;height:16px}:is(.meeting-mode,.meeting) .editor-dialog .completed{font-size:12px}@media(min-width:1600px){:is(.meeting-mode,.meeting) .grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}:is(.meeting-mode,.meeting) .note h2{font-size:28px}:is(.meeting-mode,.meeting) .note p{font-size:23px}:is(.meeting-mode,.meeting) .check-row{font-size:22px}}@media(max-width:1100px){.brand{min-width:235px}.meeting-button{padding:10px}.header-actions .refresh{display:none}}@media(max-width:760px){.brand{min-width:0}.meeting-button{padding:9px;min-height:38px}.meeting-button #meeting-label{display:none}.meeting-button svg{width:20px;height:20px}:is(.meeting-mode,.meeting) .header{height:70px;padding:6px 14px;gap:12px}:is(.meeting-mode,.meeting) .header:after{display:none}:is(.meeting-mode,.meeting) .brand{gap:8px}:is(.meeting-mode,.meeting) .brand img{width:64px}:is(.meeting-mode,.meeting) .brand-title{font-size:14px}:is(.meeting-mode,.meeting) .meeting-button{font-size:12px;padding:9px 11px}:is(.meeting-mode,.meeting) .meeting-button #meeting-label{display:inline}:is(.meeting-mode,.meeting) .meeting-button #meeting-icon{display:none}:is(.meeting-mode,.meeting) .main{margin-top:70px!important;padding:24px 16px 40px}:is(.meeting-mode,.meeting) .grid{grid-template-columns:1fr;gap:18px}:is(.meeting-mode,.meeting) .note-content{padding:20px}:is(.meeting-mode,.meeting) .note h2{font-size:22px}:is(.meeting-mode,.meeting) .note p{font-size:18px}:is(.meeting-mode,.meeting) .check-row{font-size:17px}:is(.meeting-mode,.meeting) .chips{padding:0 20px 18px}:is(.meeting-mode,.meeting) .board-title{font-size:12px;margin-bottom:16px}:is(.meeting-mode,.meeting) .status{max-width:none;font-size:11px}}.header .meeting-button{display:none}:is(.meeting-mode,.meeting) .header .meeting-button{display:inline-flex}.header{gap:14px}.brand{min-width:260px;gap:16px}.brand img{width:96px}.brand-title{padding-left:16px;border-left:1px solid #dbe5f2;line-height:1.05;white-space:nowrap}.brand-title small{font-size:9px;letter-spacing:2.1px;color:#657790;margin:0 0 4px;font-weight:700}.brand-title strong{display:block;font-size:23px;letter-spacing:-.7px;font-weight:650;color:#0e56b5}.side{background:#f7faff;border-right:1px solid #edf2f9}.nav-item{gap:26px}.nav-item.active{box-shadow:0 3px 10px #106eea20}.category-dot{display:inline-block;width:14px;height:14px;border-radius:4px;flex:0 0 14px;box-shadow:0 0 0 4px #fff8;margin:0 5px}.nav-item.active .category-dot{box-shadow:0 0 0 3px #ffffff35}.side .nav-item[data-section=meeting-mode]{margin-top:18px;border-top:1px solid #e2eaf5;border-radius:0;height:58px;color:#0e56b5;font-weight:600}.composer{border-color:#b9cfe9;border-left:3px solid #106eea;box-shadow:0 2px 6px #1b478014}.note{border-top:3px solid var(--category-accent,#a9bfda)}.note.empire-note{border-top-color:#106eea}.chip.category-chip{font-weight:600}.empire-note .chip.category-chip{background:#ffffff26!important;color:#fff!important;border-color:#fff3!important}.category-help{font-size:12px!important;line-height:1.6!important;margin-top:-5px}.edit-label-row{padding:9px 0;border-bottom:1px solid var(--line);gap:8px}.edit-label-row .category-dot{flex:0 0 12px;width:12px;height:12px;margin:0 5px}.edit-label-row .category-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.edit-label-row select{border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:12px;padding:7px 5px;width:108px;max-width:35%}.edit-label-row .icon{width:32px;height:32px}.edit-label-row .icon svg{width:18px;height:18px}.dark .side{background:#202833;border-color:#303c4c}.dark .brand-title{border-color:#42516a}.dark .brand-title strong{color:#8fb9ff}.dark .brand-title small{color:#a9b8cc}.dark .category-chip{background:#ffffff18!important;color:#e2ebfa!important}:is(.meeting-mode,.meeting) .brand-title strong{font-size:24px}:is(.meeting-mode,.meeting) .brand-title{border-left:1px solid #dbe5f2}:is(.meeting-mode,.meeting) .note{border-top-width:4px}:is(.meeting-mode,.meeting) .note.empire-note{border-top-width:4px}@media(max-width:1100px){.brand{min-width:240px}.brand img{width:82px}.brand-title strong{font-size:22px}.header-actions .refresh{display:inline-flex}}@media(max-width:760px){.header{gap:7px}.brand{min-width:0;gap:11px}.brand img{width:70px}.brand-title{padding-left:11px}.brand-title small{font-size:8px;letter-spacing:1.6px;margin-bottom:3px}.brand-title strong{font-size:20px;letter-spacing:-.5px}.header-actions .refresh{display:none}:is(.meeting-mode,.meeting) .brand-title strong{font-size:19px}:is(.meeting-mode,.meeting) .brand-title small{font-size:7px}:is(.meeting-mode,.meeting) .brand{gap:8px}:is(.meeting-mode,.meeting) .brand-title{padding-left:8px}:is(.meeting-mode,.meeting) .brand img{width:60px}.category-help{font-size:12px!important}.edit-label-row{gap:5px}.edit-label-row select{width:100px}.side .nav-item[data-section=meeting-mode]{margin-top:10px}}.compact-side .nav-item .category-dot{display:inline-block}.note.empire-note,.editor-dialog.empire-note,#composer-expanded.empire-note{color:#202124!important;background:#edf4ff!important;--line:#cadbf1;border-color:#cadbf1;border-top-color:#106eea}.empire-note .icon,.dark .empire-note .icon,.empire-note .note-tools,.empire-note .completed{color:#46617f}.empire-note .icon:hover,.empire-note .text-button:hover{background:#dce9fa;color:#173a65}.empire-note .chip{background:#dce8f8;color:#284e7c}.empire-note .chip.category-chip,.dark .empire-note .chip.category-chip{background:var(--category-tint)!important;color:var(--category-color)!important;border-color:var(--category-border)!important}.empire-note .completed{border-top-color:#c8d9ec}.empire-note .check-row.done span{color:#62748a}.empire-note .title-input::placeholder,.empire-note .body-input::placeholder,.empire-note input::placeholder{color:#677b94}.empire-note .title-input,.empire-note .body-input,.empire-note .list-edit input{color:#202124}.empire-note .list-add{color:#496787}.empire-note .check-row input[type=checkbox]{accent-color:#106eea}.empire-note button:focus-visible{outline-color:#106eea}.empire-note .pin.active{background:#106eea;color:#fff}.empire-note .popover{background:var(--panel);color:var(--ink)}.development{display:none}.note button.note-content,.note button.note-text{display:block;width:100%;text-align:left;border:0;background:none;color:inherit}.note button.note-text{padding:16px 16px 8px;min-height:90px;overflow-wrap:anywhere}.note .chip-button{border:0;padding:0;background:none;display:inline-flex}.note>.check-row{margin:0 16px}.note>details{margin:9px 16px 8px}.note input.select-note{accent-color:var(--blue);margin:0;cursor:pointer}#editor:not(.editor-dialog){padding:0;border:1px solid var(--line);border-radius:8px;max-width:600px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 14px 45px #0004;background:var(--note,#fff);color:#202124}#note-form{padding:20px 22px 14px}#title,#body{display:block;background:none;width:100%;border:0;outline:0;resize:vertical;line-height:1.6;color:inherit}#title{font-size:16px;font-weight:600;padding:0 36px 12px 0}#body{font-size:14px;min-height:130px;padding:0}#draft-image img{max-height:300px;object-fit:contain;width:100%;display:block;margin:8px auto}.image-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:8px -8px}.image-tools button,#add-item{border:0;background:none;border-radius:4px;padding:8px;font-size:13px;color:var(--muted)}.image-tools button:hover,#add-item:hover{background:var(--hover)}.check-edit{display:flex;align-items:center;gap:9px;padding:3px 0}.check-edit input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--blue);flex-shrink:0}.check-edit input:not([type=checkbox]){border:0;outline:0;flex:1;min-width:0;background:none;font-size:14px;padding:4px 0}.check-edit button{border:0;background:none;width:28px;height:28px;border-radius:50%;color:var(--muted)}#edit-categories{padding:4px 0;margin:4px 0}#edit-categories label{display:flex;align-items:center;gap:3px;font-size:12px}.details{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 7px}.details label{font-size:12px;color:#5f6368}.details input,.details select{border:1px solid #dadce0;border-radius:4px;padding:5px;background:transparent;color:#202124;max-width:160px}.details input[type=checkbox]{accent-color:var(--blue)}.hint{font-size:10px;color:#80868b;line-height:1.6;margin:8px 0}#save-error,#category-error{font-size:12px;color:#a32929;line-height:1.6}dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}dialog button:not(.icon):not(.menu-item){border:0;border-radius:4px;background:none;padding:9px 13px;font-size:13px;font-weight:600}dialog button:not(.icon):not(.menu-item):hover{background:var(--hover)}#save,#import-confirm,#drawing-save{background:var(--blue);color:#fff}#save:hover,#import-confirm:hover,#drawing-save:hover{background:#0e56d6}dialog:not(#editor){max-width:calc(100vw - 32px);max-height:88dvh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--panel);color:var(--ink);width:440px}dialog:not(#editor) h2{font-size:20px;margin:0 0 18px}dialog:not(#editor) p{font-size:12px;line-height:1.6;color:var(--muted)}.category-row{display:flex;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid var(--line)}.category-row input{border:0;background:none;flex:1;min-width:0;font-size:13px;padding:7px 0}.category-row select,#category-color{border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:12px;padding:7px 5px;max-width:100px}.category-row button{padding:7px!important;font-size:12px!important}#category-form{display:flex;align-items:center;gap:6px;margin:16px 0 8px}#category-name{flex:1;min-width:0;border:1px solid var(--line);border-radius:4px;padding:9px;background:var(--panel);font-size:13px}#drawing-dialog{width:min(748px,calc(100vw - 32px))}#canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;touch-action:none;background:#fff}#import-summary{white-space:pre-wrap;overflow-wrap:anywhere;max-height:42vh;overflow:auto;font:12px/1.6 monospace;background:var(--hover);padding:12px}#selection:not(.selection-bar){position:fixed;top:4px;left:0;right:0;height:73px;background:var(--panel);z-index:35;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:16px}#selection-count{font-size:19px;font-weight:500;margin-right:auto}#selection button{border:0;border-radius:4px;background:none;padding:9px 12px;font-size:13px}#selection button:hover{background:var(--hover)}#toast:not(.toast){position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#303134;color:#fff;box-shadow:0 3px 10px #0003;padding:14px 20px;border-radius:6px;z-index:200;display:flex;align-items:center;gap:20px;font-size:13px;max-width:calc(100vw - 24px)}#undo{background:none;border:0;color:#9fc1ff;font-weight:600}#login{border:0;background:var(--blue);color:#fff;border-radius:5px;padding:12px 18px;font-size:14px;margin:20px 8px}:is(.meeting-mode,.meeting) #selection{display:none!important}:is(.meeting-mode,.meeting) .main>#exit-meeting{position:fixed;top:18px;right:24px;z-index:40;border:1px solid #106eea;border-radius:6px;background:#106eea;color:#fff;padding:12px 18px;font-size:14px;font-weight:600}@media(max-width:760px){.mobile-nav .search{visibility:hidden}.mobile-nav #backdrop{display:block!important;position:fixed;inset:64px 0 0;background:#0006;z-index:24;border:0;width:100%;padding:0}.note button.note-text{padding:13px 12px 6px}.note>.check-row{margin:0 12px}.note>details{margin:9px 12px 8px}#title{font-size:18px}#body,.check-edit input:not([type=checkbox]){font-size:16px}.details{gap:8px}.details input,.details select{max-width:145px}#selection:not(.selection-bar){height:60px;padding:0 8px;gap:4px}#selection-count{font-size:16px}#selection button{padding:8px;font-size:12px}#toast:not(.toast){bottom:90px;width:max-content}.category-row{gap:5px}.category-row select{width:90px}:is(.meeting-mode,.meeting) .main>#exit-meeting{top:15px;right:14px;font-size:12px;padding:9px 11px}}.note button.note-text{min-height:0}#status{font-size:11px;color:var(--muted);text-align:center;margin:32px 0 0}#meeting>span:first-child{display:flex}#meeting>span:first-child svg{width:24px;height:24px}.mobile-settings{display:none}@media(max-width:760px){.mobile-settings{display:block;font-size:11px;padding:8px 0}}dialog:not(#editor),#editor{border-radius:14px;box-shadow:0 18px 60px #172b5033;border:1px solid #dbe5f2}dialog:not(#editor){padding:26px}dialog:not(#editor) h2{color:#173a65;letter-spacing:-.35px;font-size:21px;margin-bottom:18px}dialog footer{border-top:1px solid #e3eaf4;padding-top:16px;margin-top:20px}dialog button:not(.icon):not(.menu-item){border-radius:7px;min-height:36px}dialog footer button:last-child{background:#106eea;color:#fff;min-width:78px}dialog footer button:last-child:hover{background:#0e56d6}.settings-options{display:grid;gap:8px}.settings-options>button:not(.icon){display:flex;align-items:center;width:100%;text-align:left;background:#f4f8fe;border:1px solid #e0eafa;padding:14px 16px;font-size:14px;font-weight:500;color:#173a65;gap:14px}.settings-options>button:before{content:"";width:8px;height:8px;border-radius:3px;background:#106eea;box-shadow:0 0 0 5px #e3eeff;margin:0 5px}.settings-options>button:after{content:"›";font-size:20px;color:#8296b0;margin-left:auto}.settings-options>#logout{margin-top:8px;background:transparent;border-color:#e3eaf4;color:#5f6368}.settings-options>#logout:before{background:#8296b0}.settings-options p{margin:3px 10px 8px}#categories-dialog{width:520px}.category-row{gap:8px;padding:10px 0}.category-row input{padding:9px 10px;border:1px solid transparent;border-radius:7px;background:#f4f8fe;font-size:14px}.category-row input:focus{outline:2px solid #106eea;outline-offset:0}.category-row select,#category-color{padding:9px 7px;border-radius:7px;background:#f4f8fe;color:#173a65}.category-row button:first-of-type{background:#e8f0fe;color:#0e56b5}.category-row button:last-child{color:#8b4e51}#category-form{gap:8px;padding:14px;background:#f4f8fe;border-radius:9px;margin-top:20px}#category-name{background:#fff;border-radius:7px}#note-form{padding:24px 24px 0}#title{font-size:19px;padding-bottom:10px}#body{min-height:70px;resize:none;max-height:220px;line-height:1.65}#draft-image img{max-height:230px;border-radius:9px;border:1px solid #e3eaf4;margin:12px auto;background:#fff}.image-tools{margin:10px 0;gap:7px}.image-tools button:not(.icon),#add-item{background:#edf4ff;color:#28568e;padding:9px 12px;border-radius:7px;font-weight:500}.image-tools button:hover,#add-item:hover{background:#dce9fa}#checklist{margin:12px 0}.check-edit{padding:6px 0}.check-edit input:not([type=checkbox]){border-bottom:1px solid #e3eaf4;padding:7px 0}.note-options{margin-top:18px;border-top:1px solid #dde7f3;padding-top:14px}.note-options>summary{font-size:13px;font-weight:600;color:#416082;cursor:pointer;padding:3px 0 8px}.option-heading{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6d7e94;margin:13px 0 8px}#edit-categories{gap:8px}#edit-categories label{cursor:pointer;border:1px solid #dde7f3;border-radius:20px;padding:3px 6px;background:#fff}#edit-categories label:has(input:checked){border-color:#106eea;background:#edf4ff}#edit-categories input{accent-color:#106eea}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.details label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#586d88}.details label:first-child{grid-column:1/-1;flex-direction:row;align-items:center}.details input,.details select{width:100%;max-width:none;background:#f7faff;border-color:#d7e2f0;border-radius:7px;padding:9px}.details input[type=checkbox]{width:16px;height:16px;margin:0 4px 0 0}.hint{font-size:11px;color:#76869b}.editor-dialog #note-form>footer{position:sticky;bottom:0;background:var(--note,#fff);padding:14px 0;margin-top:16px;z-index:2}.editor-dialog #save-error:empty{display:none}#save-error{margin:12px 0}#editor{scrollbar-width:thin}#editor .title-input:focus-visible,#editor .body-input:focus-visible{outline:none}.dark .settings-options>button{background:#29394e;color:#d7e6fa;border-color:#3d4b60}.dark #categories-dialog input,.dark #categories-dialog select,.dark #category-form{background:#29394e;color:#d7e6fa}.dark dialog:not(#editor) h2{color:#b9d4fc}@media(max-width:600px){dialog:not(#editor){padding:20px}.category-row{flex-wrap:wrap}.category-row input{flex-basis:calc(100% - 95px)}.category-row select{max-width:85px}.category-row button:first-of-type{margin-left:auto}.category-row button{min-height:32px}#category-form{padding:10px;flex-wrap:wrap}#category-name{flex-basis:60%}#note-form{padding:20px 18px 0}.details{grid-template-columns:1fr 1fr}.details input,.details select{min-width:0;max-width:100%}#draft-image img{max-height:200px}}dialog footer button:last-child:not(.icon):not(.menu-item){background:#106eea;color:#fff}dialog footer button:last-child:not(.icon):not(.menu-item):hover{background:#0e56d6}.settings-options>button:not(.icon):not(.menu-item){background:#f4f8fe;border:1px solid #e0eafa}.settings-options>button:not(.icon):not(.menu-item):hover{background:#e8f0fe}#category-form button{background:#106eea;color:#fff}.dark .settings-options>button:not(.icon):not(.menu-item){background:#29394e;color:#d7e6fa;border-color:#3d4b60}#editor .image-tools button{background:#edf4ff;color:#28568e;border-radius:7px;font-weight:500}#editor .image-tools button:hover{background:#dce9fa}#category-list .category-row button:first-of-type{background:#e8f0fe;color:#0e56b5}#category-list .category-row button:last-child{color:#8b4e51}:root{--board-side:248px;--board-gutter:36px}.compact-side{--board-side:72px}.header .search{position:absolute;left:calc(var(--board-side) + (100% - var(--board-side))/2);transform:translate(-50%);width:min(600px,calc(100% - var(--board-side) - var(--board-gutter)*2));max-width:600px;flex:none}.brand-title small{font-size:13px;letter-spacing:1.8px;margin-bottom:4px;color:#416082}.brand-title strong{font-size:23px}@media(min-width:1500px){:root{--board-gutter:50px}}@media(max-width:1100px){:root{--board-side:210px;--board-gutter:24px}}@media(min-width:761px)and (max-width:1250px){.header{height:134px;align-items:flex-start;padding-top:10px}.header .brand{height:48px}.header .header-actions{margin-top:4px}.header .search{top:76px}.side{top:134px}.main{margin-top:134px}.header #menu{margin-top:4px}:is(.meeting-mode,.meeting) .header{height:78px;align-items:center;padding-top:8px}:is(.meeting-mode,.meeting) .main{margin-top:78px!important}}@media(max-width:760px){:root,.compact-side{--board-side:0px;--board-gutter:16px}.header .search{left:50%;right:auto;width:min(600px,calc(100% - 32px));top:76px}.brand-title small{font-size:11px;letter-spacing:1.3px}.brand-title strong{font-size:20px}}.note[draggable=true]{cursor:grab}.note.dragging{opacity:.45;cursor:grabbing}.note.drop-before{box-shadow:-5px 0 #106eea}.note.drop-after{box-shadow:5px 0 #106eea}.list-view .note.drop-before{box-shadow:0 -5px #106eea}.list-view .note.drop-after{box-shadow:0 5px #106eea}.drag-handle{touch-action:none;cursor:grab!important}.drag-handle svg{width:17px;height:17px}.reordering-notes,.reordering-notes .note{-webkit-user-select:none;user-select:none}#status{width:fit-content;max-width:100%;margin:34px auto 0;padding:9px 14px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:20px;background:#f4f8fe;color:#60748e;font-size:12px;line-height:1.4;border:1px solid #e3ebf6}#status:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#8ba0ba;flex:none}#status[data-state=saved]{background:#f0f8f3;border-color:#deeee3;color:#35704a}#status[data-state=saved]:before{background:#469862}#status[data-state=saving]{color:#106eea;background:#edf4ff}#status[data-state=saving]:before{width:12px;height:12px;border:2px solid #bfd6f7;border-top-color:#106eea;background:transparent;animation:save-spin .8s linear infinite}#status[data-state=error]{color:#a14545;background:#fff4f3;border-color:#f2d7d4}#status[data-state=error]:before{background:#c66363}@keyframes save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#status[data-state=saving]:before{animation:none}}@media(max-width:760px){.note-tools button[aria-label="Remind me"],.note-tools button[aria-label="Owner and due date"],.note-tools button[aria-label="Add image"]{display:none}.note-tools .drag-handle{margin-right:auto}}.draft-save-hint{font-size:11px;color:#6b7e97;margin-right:auto;align-self:center;max-width:180px;line-height:1.4}@media(max-width:460px){.draft-save-hint{max-width:115px;font-size:10px}}