:root,html[data-theme=dark]{--bg: #111317;--bg-elevated: #1a1d22;--surface: #202124;--surface-2: #2b2d31;--surface-3: #35383d;--text: #eef2f7;--text-strong: #f5f7fb;--muted: #a8b0bb;--muted-strong: #b7c2cf;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--brand-bg: #111720;--brand-bg-soft: #1a2430;--brand-cover: #28313d;--brand-metal: #b5894b;--brand-metal-strong: #d8b273;--brand-ivory: #f3e7d2;--brand-ring: rgba(181, 137, 75, .24);--brand-border: rgba(181, 137, 75, .3);--brand-shadow: rgba(3, 6, 10, .42);--accent: #f6bf26;--accent-soft: rgba(246, 191, 38, .18);--accent-contrast: #111317;--accent-border: rgba(246, 191, 38, .78);--accent-border-soft: rgba(246, 191, 38, .35);--accent-border-faint: rgba(246, 191, 38, .26);--accent-ring: rgba(246, 191, 38, .28);--accent-active-bg: rgba(246, 191, 38, .14);--accent-active-strong: rgba(246, 191, 38, .16);--accent-text: #ffd95d;--danger: #ff8a80;--radius: 18px;--shadow: 0 18px 48px rgba(0, 0, 0, .32);--shadow-strong: 0 30px 90px rgba(0, 0, 0, .42);--page-sheen: rgba(255, 255, 255, .02);--topbar-bg: rgba(32, 33, 36, .94);--topbar-border: rgba(255, 255, 255, .08);--surface-overlay-soft: rgba(255, 255, 255, .04);--surface-overlay-mid: rgba(255, 255, 255, .06);--surface-overlay-strong: rgba(255, 255, 255, .08);--surface-overlay-press: rgba(255, 255, 255, .09);--surface-overlay-hairline: rgba(255, 255, 255, .025);--panel-bg: rgba(255, 255, 255, .04);--panel-bg-soft: rgba(255, 255, 255, .03);--panel-border: rgba(255, 255, 255, .08);--panel-border-soft: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .04);--input-placeholder: #8f98a3;--tooltip-bg: rgba(14, 16, 20, .96);--tooltip-border: rgba(255, 255, 255, .08);--tooltip-text: #f4f7fb;--overlay-bg: rgba(6, 8, 12, .62);--modal-backdrop: rgba(7, 9, 13, .68);--elevated-gradient: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));--selection-border: rgba(159, 208, 255, .38);--selection-ring: rgba(159, 208, 255, .24);--cover-badge-bg: rgba(17, 19, 23, .76);--cover-badge-text: #f5f7fb;--pin-overlay-bg: rgba(17, 19, 23, .42);--pin-overlay-bg-hover: rgba(17, 19, 23, .7);--preview-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03)), rgba(11, 15, 23, .34);--toast-bg: #2f3338;--toast-success: #285640;--toast-error: #6d3131;--toast-text: #fff;--auth-card-bg: rgba(32, 33, 36, .94)}html[data-theme=light]{--bg: #eef3f8;--bg-elevated: #f7f9fc;--surface: #ffffff;--surface-2: #f5f7fb;--surface-3: #e8edf4;--text: #22303c;--text-strong: #16202a;--muted: #607181;--muted-strong: #4b5b6b;--line: rgba(27, 41, 56, .12);--line-strong: rgba(27, 41, 56, .2);--accent: #d79a00;--accent-soft: rgba(215, 154, 0, .16);--accent-contrast: #241a00;--accent-border: rgba(215, 154, 0, .62);--accent-border-soft: rgba(215, 154, 0, .32);--accent-border-faint: rgba(215, 154, 0, .22);--accent-ring: rgba(215, 154, 0, .18);--accent-active-bg: rgba(215, 154, 0, .14);--accent-active-strong: rgba(215, 154, 0, .16);--accent-text: #9a6e00;--danger: #c45c55;--shadow: 0 18px 48px rgba(15, 23, 42, .12);--shadow-strong: 0 30px 90px rgba(15, 23, 42, .16);--page-sheen: rgba(255, 255, 255, .78);--topbar-bg: rgba(255, 255, 255, .9);--topbar-border: rgba(27, 41, 56, .08);--surface-overlay-soft: rgba(15, 23, 42, .03);--surface-overlay-mid: rgba(15, 23, 42, .05);--surface-overlay-strong: rgba(15, 23, 42, .08);--surface-overlay-press: rgba(15, 23, 42, .1);--surface-overlay-hairline: rgba(15, 23, 42, .025);--panel-bg: rgba(15, 23, 42, .035);--panel-bg-soft: rgba(15, 23, 42, .025);--panel-border: rgba(15, 23, 42, .08);--panel-border-soft: rgba(15, 23, 42, .06);--input-bg: rgba(15, 23, 42, .035);--input-placeholder: #7a8797;--tooltip-bg: rgba(20, 27, 36, .94);--tooltip-border: rgba(255, 255, 255, .1);--tooltip-text: #f8fafc;--overlay-bg: rgba(120, 134, 152, .28);--modal-backdrop: rgba(108, 118, 135, .28);--elevated-gradient: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 248, 252, .94));--selection-border: rgba(62, 118, 209, .3);--selection-ring: rgba(62, 118, 209, .18);--cover-badge-bg: rgba(20, 27, 36, .74);--cover-badge-text: #f8fafc;--pin-overlay-bg: rgba(255, 255, 255, .74);--pin-overlay-bg-hover: rgba(255, 255, 255, .92);--preview-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 248, 252, .94)), rgba(232, 238, 245, .92);--toast-bg: #24313d;--toast-success: #2c6a4c;--toast-error: #8d3f3f;--toast-text: #fff;--auth-card-bg: rgba(255, 255, 255, .94)}html[data-theme=warm]{--bg: #f3ecdf;--bg-elevated: #fbf5ea;--surface: #fff8ee;--surface-2: #f6eedf;--surface-3: #e8dcc7;--text: #352b23;--text-strong: #261e18;--muted: #776757;--muted-strong: #615244;--line: rgba(83, 63, 41, .14);--line-strong: rgba(83, 63, 41, .22);--accent: #d49624;--accent-soft: rgba(212, 150, 36, .18);--accent-contrast: #22170b;--accent-border: rgba(212, 150, 36, .62);--accent-border-soft: rgba(212, 150, 36, .34);--accent-border-faint: rgba(212, 150, 36, .24);--accent-ring: rgba(212, 150, 36, .18);--accent-active-bg: rgba(212, 150, 36, .14);--accent-active-strong: rgba(212, 150, 36, .16);--accent-text: #936718;--danger: #bd6656;--shadow: 0 18px 48px rgba(71, 49, 28, .14);--shadow-strong: 0 30px 90px rgba(71, 49, 28, .2);--page-sheen: rgba(255, 248, 238, .72);--topbar-bg: rgba(255, 248, 238, .9);--topbar-border: rgba(83, 63, 41, .1);--surface-overlay-soft: rgba(83, 63, 41, .04);--surface-overlay-mid: rgba(83, 63, 41, .06);--surface-overlay-strong: rgba(83, 63, 41, .09);--surface-overlay-press: rgba(83, 63, 41, .12);--surface-overlay-hairline: rgba(83, 63, 41, .03);--panel-bg: rgba(83, 63, 41, .045);--panel-bg-soft: rgba(83, 63, 41, .03);--panel-border: rgba(83, 63, 41, .1);--panel-border-soft: rgba(83, 63, 41, .08);--input-bg: rgba(83, 63, 41, .045);--input-placeholder: #8c7a67;--tooltip-bg: rgba(44, 31, 21, .95);--tooltip-border: rgba(255, 248, 238, .12);--tooltip-text: #fff8ee;--overlay-bg: rgba(101, 78, 55, .24);--modal-backdrop: rgba(96, 73, 51, .3);--elevated-gradient: linear-gradient(180deg, rgba(255, 250, 243, .98), rgba(247, 238, 223, .96));--selection-border: rgba(153, 109, 32, .28);--selection-ring: rgba(153, 109, 32, .18);--cover-badge-bg: rgba(44, 31, 21, .76);--cover-badge-text: #fff8ee;--pin-overlay-bg: rgba(255, 248, 238, .74);--pin-overlay-bg-hover: rgba(255, 248, 238, .94);--preview-bg: linear-gradient(180deg, rgba(255, 250, 243, .96), rgba(247, 238, 223, .94)), rgba(243, 233, 217, .9);--toast-bg: #4d3a29;--toast-success: #56683f;--toast-error: #8f4f42;--toast-text: #fff8ee;--auth-card-bg: rgba(255, 248, 238, .94)}html[data-theme=forest]{--bg: #0f1713;--bg-elevated: #16211b;--surface: #1b2821;--surface-2: #233229;--surface-3: #314238;--text: #eaf2ea;--text-strong: #f7fbf6;--muted: #a8baac;--muted-strong: #beccb9;--line: rgba(221, 239, 221, .12);--line-strong: rgba(221, 239, 221, .2);--accent: #9fbe68;--accent-soft: rgba(159, 190, 104, .18);--accent-contrast: #16210f;--accent-border: rgba(159, 190, 104, .62);--accent-border-soft: rgba(159, 190, 104, .34);--accent-border-faint: rgba(159, 190, 104, .24);--accent-ring: rgba(159, 190, 104, .22);--accent-active-bg: rgba(159, 190, 104, .16);--accent-active-strong: rgba(159, 190, 104, .18);--accent-text: #c8de97;--danger: #f08c7e;--shadow: 0 18px 48px rgba(0, 0, 0, .34);--shadow-strong: 0 30px 90px rgba(0, 0, 0, .46);--page-sheen: rgba(214, 236, 214, .03);--topbar-bg: rgba(27, 40, 33, .94);--topbar-border: rgba(221, 239, 221, .08);--surface-overlay-soft: rgba(221, 239, 221, .04);--surface-overlay-mid: rgba(221, 239, 221, .06);--surface-overlay-strong: rgba(221, 239, 221, .08);--surface-overlay-press: rgba(221, 239, 221, .1);--surface-overlay-hairline: rgba(221, 239, 221, .025);--panel-bg: rgba(221, 239, 221, .04);--panel-bg-soft: rgba(221, 239, 221, .03);--panel-border: rgba(221, 239, 221, .08);--panel-border-soft: rgba(221, 239, 221, .06);--input-bg: rgba(221, 239, 221, .04);--input-placeholder: #8ea090;--tooltip-bg: rgba(10, 17, 13, .96);--tooltip-border: rgba(221, 239, 221, .08);--tooltip-text: #f7fbf6;--overlay-bg: rgba(9, 15, 12, .64);--modal-backdrop: rgba(10, 16, 12, .68);--elevated-gradient: linear-gradient(180deg, rgba(221, 239, 221, .06), rgba(221, 239, 221, .02));--selection-border: rgba(176, 217, 158, .36);--selection-ring: rgba(176, 217, 158, .22);--cover-badge-bg: rgba(12, 19, 14, .76);--cover-badge-text: #f7fbf6;--pin-overlay-bg: rgba(12, 19, 14, .48);--pin-overlay-bg-hover: rgba(12, 19, 14, .74);--preview-bg: linear-gradient(180deg, rgba(221, 239, 221, .06), rgba(221, 239, 221, .03)), rgba(12, 20, 15, .34);--toast-bg: #263529;--toast-success: #335842;--toast-error: #6e3430;--toast-text: #f7fbf6;--auth-card-bg: rgba(27, 40, 33, .94)}html[data-theme=ocean]{--bg: #09141d;--bg-elevated: #0f1e29;--surface: #132635;--surface-2: #193245;--surface-3: #244459;--text: #eaf5fb;--text-strong: #f8fbff;--muted: #a9c0cf;--muted-strong: #bfd3df;--line: rgba(219, 240, 255, .12);--line-strong: rgba(219, 240, 255, .2);--accent: #5eb4e7;--accent-soft: rgba(94, 180, 231, .18);--accent-contrast: #081826;--accent-border: rgba(94, 180, 231, .66);--accent-border-soft: rgba(94, 180, 231, .34);--accent-border-faint: rgba(94, 180, 231, .24);--accent-ring: rgba(94, 180, 231, .22);--accent-active-bg: rgba(94, 180, 231, .16);--accent-active-strong: rgba(94, 180, 231, .18);--accent-text: #9ad5f5;--danger: #f09082;--shadow: 0 18px 48px rgba(0, 0, 0, .36);--shadow-strong: 0 30px 90px rgba(0, 0, 0, .48);--page-sheen: rgba(206, 232, 250, .03);--topbar-bg: rgba(19, 38, 53, .94);--topbar-border: rgba(219, 240, 255, .08);--surface-overlay-soft: rgba(219, 240, 255, .04);--surface-overlay-mid: rgba(219, 240, 255, .06);--surface-overlay-strong: rgba(219, 240, 255, .08);--surface-overlay-press: rgba(219, 240, 255, .1);--surface-overlay-hairline: rgba(219, 240, 255, .025);--panel-bg: rgba(219, 240, 255, .04);--panel-bg-soft: rgba(219, 240, 255, .03);--panel-border: rgba(219, 240, 255, .08);--panel-border-soft: rgba(219, 240, 255, .06);--input-bg: rgba(219, 240, 255, .04);--input-placeholder: #8ca4b3;--tooltip-bg: rgba(7, 16, 23, .96);--tooltip-border: rgba(219, 240, 255, .08);--tooltip-text: #f8fbff;--overlay-bg: rgba(7, 12, 18, .66);--modal-backdrop: rgba(7, 13, 19, .7);--elevated-gradient: linear-gradient(180deg, rgba(219, 240, 255, .06), rgba(219, 240, 255, .02));--selection-border: rgba(120, 201, 244, .36);--selection-ring: rgba(120, 201, 244, .22);--cover-badge-bg: rgba(8, 17, 25, .78);--cover-badge-text: #f8fbff;--pin-overlay-bg: rgba(8, 17, 25, .5);--pin-overlay-bg-hover: rgba(8, 17, 25, .76);--preview-bg: linear-gradient(180deg, rgba(219, 240, 255, .06), rgba(219, 240, 255, .03)), rgba(8, 16, 23, .34);--toast-bg: #203847;--toast-success: #245a58;--toast-error: #6f3235;--toast-text: #f8fbff;--auth-card-bg: rgba(19, 38, 53, .94)}html[data-theme=graphite]{--bg: #121315;--bg-elevated: #1a1b1f;--surface: #222428;--surface-2: #2a2d33;--surface-3: #393d44;--text: #eceff3;--text-strong: #fbfcfd;--muted: #adb3bd;--muted-strong: #c0c6cf;--line: rgba(245, 247, 250, .12);--line-strong: rgba(245, 247, 250, .2);--accent: #d2a35f;--accent-soft: rgba(210, 163, 95, .18);--accent-contrast: #18120b;--accent-border: rgba(210, 163, 95, .62);--accent-border-soft: rgba(210, 163, 95, .34);--accent-border-faint: rgba(210, 163, 95, .24);--accent-ring: rgba(210, 163, 95, .22);--accent-active-bg: rgba(210, 163, 95, .16);--accent-active-strong: rgba(210, 163, 95, .18);--accent-text: #e4bf88;--danger: #ef8b83;--shadow: 0 18px 48px rgba(0, 0, 0, .36);--shadow-strong: 0 30px 90px rgba(0, 0, 0, .5);--page-sheen: rgba(255, 255, 255, .02);--topbar-bg: rgba(34, 36, 40, .94);--topbar-border: rgba(245, 247, 250, .08);--surface-overlay-soft: rgba(245, 247, 250, .04);--surface-overlay-mid: rgba(245, 247, 250, .06);--surface-overlay-strong: rgba(245, 247, 250, .08);--surface-overlay-press: rgba(245, 247, 250, .1);--surface-overlay-hairline: rgba(245, 247, 250, .025);--panel-bg: rgba(245, 247, 250, .04);--panel-bg-soft: rgba(245, 247, 250, .03);--panel-border: rgba(245, 247, 250, .08);--panel-border-soft: rgba(245, 247, 250, .06);--input-bg: rgba(245, 247, 250, .04);--input-placeholder: #8d949e;--tooltip-bg: rgba(15, 16, 18, .96);--tooltip-border: rgba(245, 247, 250, .08);--tooltip-text: #fbfcfd;--overlay-bg: rgba(9, 10, 12, .66);--modal-backdrop: rgba(9, 10, 12, .7);--elevated-gradient: linear-gradient(180deg, rgba(245, 247, 250, .06), rgba(245, 247, 250, .02));--selection-border: rgba(205, 216, 229, .28);--selection-ring: rgba(205, 216, 229, .18);--cover-badge-bg: rgba(15, 16, 18, .76);--cover-badge-text: #fbfcfd;--pin-overlay-bg: rgba(15, 16, 18, .48);--pin-overlay-bg-hover: rgba(15, 16, 18, .74);--preview-bg: linear-gradient(180deg, rgba(245, 247, 250, .06), rgba(245, 247, 250, .03)), rgba(15, 16, 18, .34);--toast-bg: #303238;--toast-success: #335248;--toast-error: #6d3131;--toast-text: #fbfcfd;--auth-card-bg: rgba(34, 36, 40, .94)}html[data-theme=paper]{--bg: #f7f1e4;--bg-elevated: #fffaf0;--surface: #fffdf7;--surface-2: #f7f2e8;--surface-3: #e7dfd1;--text: #322c24;--text-strong: #201b15;--muted: #746858;--muted-strong: #5f5447;--line: rgba(70, 56, 40, .14);--line-strong: rgba(70, 56, 40, .22);--accent: #b98a36;--accent-soft: rgba(185, 138, 54, .18);--accent-contrast: #1d1407;--accent-border: rgba(185, 138, 54, .56);--accent-border-soft: rgba(185, 138, 54, .3);--accent-border-faint: rgba(185, 138, 54, .22);--accent-ring: rgba(185, 138, 54, .18);--accent-active-bg: rgba(185, 138, 54, .14);--accent-active-strong: rgba(185, 138, 54, .16);--accent-text: #8b641f;--danger: #b85c54;--shadow: 0 18px 48px rgba(63, 45, 27, .12);--shadow-strong: 0 30px 90px rgba(63, 45, 27, .16);--page-sheen: rgba(255, 253, 247, .72);--topbar-bg: rgba(255, 253, 247, .92);--topbar-border: rgba(70, 56, 40, .08);--surface-overlay-soft: rgba(70, 56, 40, .035);--surface-overlay-mid: rgba(70, 56, 40, .05);--surface-overlay-strong: rgba(70, 56, 40, .08);--surface-overlay-press: rgba(70, 56, 40, .1);--surface-overlay-hairline: rgba(70, 56, 40, .025);--panel-bg: rgba(70, 56, 40, .04);--panel-bg-soft: rgba(70, 56, 40, .025);--panel-border: rgba(70, 56, 40, .08);--panel-border-soft: rgba(70, 56, 40, .06);--input-bg: rgba(70, 56, 40, .04);--input-placeholder: #8c7d6b;--tooltip-bg: rgba(35, 28, 22, .95);--tooltip-border: rgba(255, 250, 240, .12);--tooltip-text: #fffaf0;--overlay-bg: rgba(97, 79, 59, .24);--modal-backdrop: rgba(97, 79, 59, .28);--elevated-gradient: linear-gradient(180deg, rgba(255, 255, 252, .98), rgba(247, 242, 232, .95));--selection-border: rgba(145, 114, 52, .28);--selection-ring: rgba(145, 114, 52, .18);--cover-badge-bg: rgba(35, 28, 22, .74);--cover-badge-text: #fffaf0;--pin-overlay-bg: rgba(255, 253, 247, .78);--pin-overlay-bg-hover: rgba(255, 253, 247, .94);--preview-bg: linear-gradient(180deg, rgba(255, 255, 252, .96), rgba(247, 242, 232, .94)), rgba(244, 236, 224, .92);--toast-bg: #4c4031;--toast-success: #516344;--toast-error: #8f4a43;--toast-text: #fffaf0;--auth-card-bg: rgba(255, 253, 247, .94)}html[data-theme=high-contrast]{--bg: #000000;--bg-elevated: #050505;--surface: #0c0c0c;--surface-2: #141414;--surface-3: #222222;--text: #ffffff;--text-strong: #ffffff;--muted: #d7d7d7;--muted-strong: #f0f0f0;--line: rgba(255, 255, 255, .32);--line-strong: rgba(255, 255, 255, .52);--accent: #ffe600;--accent-soft: rgba(255, 230, 0, .18);--accent-contrast: #000000;--accent-border: rgba(255, 230, 0, .86);--accent-border-soft: rgba(255, 230, 0, .5);--accent-border-faint: rgba(255, 230, 0, .38);--accent-ring: rgba(255, 230, 0, .32);--accent-active-bg: rgba(255, 230, 0, .18);--accent-active-strong: rgba(255, 230, 0, .22);--accent-text: #ffe600;--danger: #ff8e8e;--shadow: 0 18px 48px rgba(0, 0, 0, .44);--shadow-strong: 0 30px 90px rgba(0, 0, 0, .62);--page-sheen: rgba(255, 255, 255, .01);--topbar-bg: rgba(12, 12, 12, .98);--topbar-border: rgba(255, 255, 255, .2);--surface-overlay-soft: rgba(255, 255, 255, .06);--surface-overlay-mid: rgba(255, 255, 255, .08);--surface-overlay-strong: rgba(255, 255, 255, .12);--surface-overlay-press: rgba(255, 255, 255, .16);--surface-overlay-hairline: rgba(255, 255, 255, .05);--panel-bg: rgba(255, 255, 255, .04);--panel-bg-soft: rgba(255, 255, 255, .03);--panel-border: rgba(255, 255, 255, .24);--panel-border-soft: rgba(255, 255, 255, .16);--input-bg: rgba(255, 255, 255, .04);--input-placeholder: #c9c9c9;--tooltip-bg: rgba(255, 255, 255, .96);--tooltip-border: rgba(0, 0, 0, .22);--tooltip-text: #000000;--overlay-bg: rgba(0, 0, 0, .8);--modal-backdrop: rgba(0, 0, 0, .82);--elevated-gradient: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));--selection-border: rgba(0, 214, 255, .8);--selection-ring: rgba(0, 214, 255, .34);--cover-badge-bg: rgba(0, 0, 0, .88);--cover-badge-text: #ffffff;--pin-overlay-bg: rgba(0, 0, 0, .74);--pin-overlay-bg-hover: rgba(0, 0, 0, .92);--preview-bg: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02)), rgba(0, 0, 0, .42);--toast-bg: #111111;--toast-success: #14522f;--toast-error: #6b1e1e;--toast-text: #ffffff;--auth-card-bg: rgba(12, 12, 12, .98)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);accent-color:var(--accent)}input,textarea,select,button{font:inherit}button{color:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--text);padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}textarea{resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:.93rem}.page{min-height:100dvh;background:var(--surface)}.app-shell{min-height:100dvh;background:linear-gradient(180deg,var(--page-sheen),transparent 160px),var(--bg)}.app-shell.focus-mode-active .page-body,.app-shell.focus-mode-active .topbar,.app-shell.focus-mode-active .workspace-strip,.app-shell.focus-mode-active .board-section,.app-shell.focus-mode-active .label-filters,.app-shell.focus-mode-active .empty-state,.app-shell.focus-mode-active .global-status{filter:blur(2px)}.page-body{max-width:1240px;margin:0 auto;padding:20px 18px 80px}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{max-width:1360px;margin:0 auto;padding:14px 20px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:16px;align-items:center}.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-copy{display:grid;gap:3px}.brand-mark{width:46px;height:46px;border-radius:16px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,var(--brand-bg-soft),var(--brand-bg));border:1px solid var(--brand-border);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 34px -24px var(--brand-shadow),0 0 0 4px color-mix(in srgb,var(--brand-ring) 34%,transparent),inset 0 1px #ffffff14}.brand-mark svg{width:30px;height:30px;display:block}.brand h1{margin:0;letter-spacing:-.08em;font-size:1.42rem;font-weight:650;line-height:1;white-space:nowrap}.topbar-sync-status{margin:0;color:var(--muted);font-size:.8rem}.topbar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.search-panel{display:flex;align-items:center;gap:14px;min-width:0}.search-shell{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:56px;padding:0 18px;border-radius:16px;background:var(--input-bg);border-color:var(--panel-border);border:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--surface-overlay-hairline)}.search-shell input{border:0;background:transparent;padding:0;height:54px;border-radius:0;box-shadow:none}.search-shell input:focus{outline:none}.search-icon{color:var(--muted-strong)}.search-summary{margin:0;flex-shrink:0;white-space:nowrap}.workspace-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.shortcut-help-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:var(--overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90}.shortcut-help-modal{width:min(920px,100%);max-height:min(82vh,920px);overflow:auto;border-radius:24px;border:1px solid var(--panel-border);background:var(--elevated-gradient),var(--bg-elevated);box-shadow:var(--shadow-strong)}.shortcut-help-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:start;padding:22px 24px 18px;border-bottom:1px solid var(--panel-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shortcut-help-head h2{margin:4px 0 0;font-size:1.3rem}.shortcut-help-eyebrow{margin:0;color:var(--muted-strong);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.shortcut-help-body{display:grid;gap:18px;padding:20px 24px 24px}.shortcut-help-section{display:grid;gap:12px}.shortcut-help-section h3{margin:0;font-size:.9rem;color:var(--text-strong);letter-spacing:.04em;text-transform:uppercase}.shortcut-help-grid{display:grid;gap:10px}.shortcut-help-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--panel-bg-soft);border:1px solid var(--panel-border-soft)}.shortcut-help-copy{display:grid;gap:4px;min-width:0}.shortcut-help-note{color:var(--muted);font-size:.82rem}.shortcut-help-keys{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.shortcut-help-keys kbd{border-radius:999px;padding:6px 10px;background:var(--surface-overlay-strong);border:1px solid var(--panel-border);color:var(--text-strong);font:inherit;font-size:.82rem;white-space:nowrap}.command-palette-modal{width:min(640px,100%);border-radius:24px;border:1px solid var(--panel-border);background:var(--elevated-gradient),var(--bg-elevated);box-shadow:var(--shadow-strong)}.command-palette-body{display:grid;gap:16px;padding:20px 24px 24px}.command-palette-search input{width:100%;height:54px;border-radius:16px;border:1px solid var(--panel-border);background:var(--panel-bg-soft);color:var(--text);padding:0 16px;font:inherit}.command-palette-search input:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.command-palette-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.command-palette-item{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--panel-border-soft);background:var(--panel-bg-soft);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.command-palette-item:hover,.command-palette-item.active{background:var(--surface-overlay-strong);border-color:var(--accent-border);transform:translateY(-1px)}.command-palette-empty{margin:0;padding:12px 4px 2px}.tool-button{border:1px solid var(--line);border-radius:12px;background:var(--panel-bg);color:var(--text);padding:9px 13px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.tool-button:hover{background:var(--surface-overlay-strong);border-color:var(--line-strong)}.tool-button:disabled{opacity:.55;cursor:not-allowed}.tool-button.primary{background:var(--accent);border-color:var(--accent-border);color:var(--accent-contrast)}.tool-button.primary:hover{filter:brightness(1.05)}.tool-button.secondary{background:var(--surface-overlay-strong)}.tool-button.danger{border-color:#ff8a8059;color:var(--danger)}.tool-button.small{padding:6px 9px;font-size:.84rem}.view-mode-toggle{display:inline-flex;align-items:center}.topbar-icon-button,.view-mode-toggle{width:42px;height:42px;padding:0;justify-content:center;border-radius:999px;background:transparent;border-color:transparent}.topbar-icon-button,.view-mode-toggle,.composer-pin-button,.note-pin-button,.composer-icon-button,.composer-color-swatch,.composer-theme-tile,.note-action-button,.note-drag-handle{position:relative}.topbar-icon-button,.view-mode-toggle{--tooltip-top: calc(100% + 10px) ;--tooltip-bottom: auto;--tooltip-shift-hidden: -6px;--tooltip-shift-visible: 0;--tooltip-arrow-top: calc(100% + 4px) ;--tooltip-arrow-bottom: auto}.topbar-icon-button[data-tooltip]:after,.view-mode-toggle[data-tooltip]:after,.composer-pin-button[data-tooltip]:after,.note-pin-button[data-tooltip]:after,.composer-icon-button[data-tooltip]:after,.composer-color-swatch[data-tooltip]:after,.composer-theme-tile[data-tooltip]:after,.note-action-button[data-tooltip]:after,.note-drag-handle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;top:var(--tooltip-top, auto);bottom:var(--tooltip-bottom, calc(100% + 10px) );transform:translate(-50%,var(--tooltip-shift-hidden, 6px));min-width:max-content;max-width:min(220px,calc(100vw - 32px));padding:6px 9px;border-radius:10px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);color:var(--tooltip-text);font-size:.76rem;line-height:1.35;text-align:center;box-shadow:0 12px 28px #00000047;white-space:normal;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:12}.topbar-icon-button[data-tooltip]:before,.view-mode-toggle[data-tooltip]:before,.composer-pin-button[data-tooltip]:before,.note-pin-button[data-tooltip]:before,.composer-icon-button[data-tooltip]:before,.composer-color-swatch[data-tooltip]:before,.composer-theme-tile[data-tooltip]:before,.note-action-button[data-tooltip]:before,.note-drag-handle[data-tooltip]:before{content:"";position:absolute;left:50%;top:var(--tooltip-arrow-top, auto);bottom:var(--tooltip-arrow-bottom, calc(100% + 4px) );width:8px;height:8px;border-right:1px solid var(--tooltip-border);border-bottom:1px solid var(--tooltip-border);background:var(--tooltip-bg);transform:translate(-50%,6px) rotate(45deg);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:11}.topbar-icon-button[data-tooltip]:hover:after,.topbar-icon-button[data-tooltip]:hover:before,.topbar-icon-button[data-tooltip]:focus-visible:after,.topbar-icon-button[data-tooltip]:focus-visible:before,.view-mode-toggle[data-tooltip]:hover:after,.view-mode-toggle[data-tooltip]:hover:before,.view-mode-toggle[data-tooltip]:focus-visible:after,.view-mode-toggle[data-tooltip]:focus-visible:before,.composer-pin-button[data-tooltip]:hover:after,.composer-pin-button[data-tooltip]:hover:before,.composer-pin-button[data-tooltip]:focus-visible:after,.composer-pin-button[data-tooltip]:focus-visible:before,.note-pin-button[data-tooltip]:hover:after,.note-pin-button[data-tooltip]:hover:before,.note-pin-button[data-tooltip]:focus-visible:after,.note-pin-button[data-tooltip]:focus-visible:before,.composer-icon-button[data-tooltip]:hover:after,.composer-icon-button[data-tooltip]:hover:before,.composer-icon-button[data-tooltip]:focus-visible:after,.composer-icon-button[data-tooltip]:focus-visible:before,.composer-color-swatch[data-tooltip]:hover:after,.composer-color-swatch[data-tooltip]:focus-visible:after,.composer-theme-tile[data-tooltip]:hover:after,.composer-theme-tile[data-tooltip]:focus-visible:after,.note-action-button[data-tooltip]:hover:after,.note-action-button[data-tooltip]:focus-visible:after,.note-drag-handle[data-tooltip]:hover:after{opacity:1;transform:translate(-50%,var(--tooltip-shift-visible, 0))}.topbar-icon-button[data-tooltip]:hover:before,.topbar-icon-button[data-tooltip]:focus-visible:before,.view-mode-toggle[data-tooltip]:hover:before,.view-mode-toggle[data-tooltip]:focus-visible:before,.composer-pin-button[data-tooltip]:hover:before,.composer-pin-button[data-tooltip]:focus-visible:before,.note-pin-button[data-tooltip]:hover:before,.note-pin-button[data-tooltip]:focus-visible:before,.composer-icon-button[data-tooltip]:hover:before,.composer-icon-button[data-tooltip]:focus-visible:before,.composer-color-swatch[data-tooltip]:hover:before,.composer-color-swatch[data-tooltip]:focus-visible:before,.composer-theme-tile[data-tooltip]:hover:before,.composer-theme-tile[data-tooltip]:focus-visible:before,.note-action-button[data-tooltip]:hover:before,.note-action-button[data-tooltip]:focus-visible:before,.note-drag-handle[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) rotate(45deg)}@media(hover:none){.topbar-icon-button[data-tooltip]:after,.topbar-icon-button[data-tooltip]:before,.view-mode-toggle[data-tooltip]:after,.view-mode-toggle[data-tooltip]:before,.composer-pin-button[data-tooltip]:after,.composer-pin-button[data-tooltip]:before,.note-pin-button[data-tooltip]:after,.note-pin-button[data-tooltip]:before,.composer-icon-button[data-tooltip]:after,.composer-icon-button[data-tooltip]:before,.composer-color-swatch[data-tooltip]:after,.composer-color-swatch[data-tooltip]:before,.composer-theme-tile[data-tooltip]:after,.composer-theme-tile[data-tooltip]:before,.note-action-button[data-tooltip]:after,.note-action-button[data-tooltip]:before,.note-drag-handle[data-tooltip]:after,.note-drag-handle[data-tooltip]:before{display:none}}.topbar-icon-button[aria-pressed=true],.view-mode-toggle[aria-pressed=true]{background:var(--surface-overlay-press);border-color:var(--panel-border)}.topbar-icon,.view-mode-toggle-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.topbar-icon svg,.view-mode-toggle-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-button.tiny{padding:5px 8px;font-size:.78rem}.file-trigger{position:relative;overflow:hidden}.auth-mode{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:var(--elevated-gradient),var(--auth-card-bg);border:1px solid var(--line);border-radius:24px;padding:30px 26px 26px;box-shadow:var(--shadow)}.auth-brand{display:grid;justify-items:start;gap:12px;margin-bottom:10px}.auth-brand-mark{width:64px;height:64px;border-radius:22px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,var(--brand-bg-soft),var(--brand-bg));border:1px solid var(--brand-border);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 22px 42px -28px var(--brand-shadow),0 0 0 6px color-mix(in srgb,var(--brand-ring) 28%,transparent),inset 0 1px #ffffff14}.auth-brand-mark svg{width:40px;height:40px;display:block}.auth-brand-copy{display:grid;gap:6px}.auth-brand-copy h1{margin:0;font-size:clamp(1.95rem,5vw,2.25rem);letter-spacing:-.09em;line-height:.95}.auth-brand-copy p{margin:0;max-width:24ch;color:var(--muted);line-height:1.5}.auth-form{display:grid;gap:12px;margin-top:12px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0 14px;color:var(--muted)}.auth-divider span{height:1px;background:var(--line)}.auth-divider small{font-size:.78rem}.auth-google-button{width:100%}.auth-helper-note{margin-top:12px}.helper{color:var(--muted);font-size:.88rem}.auth-card>.helper:first-of-type{margin:0 0 2px}.helper.error,.global-status.error{color:var(--danger)}.account-settings-modal{width:min(560px,100%);max-height:min(82vh,920px);overflow:auto;border-radius:24px;border:1px solid var(--panel-border);background:var(--elevated-gradient),var(--bg-elevated);box-shadow:var(--shadow-strong)}.account-settings-body{display:grid;gap:18px;padding:22px 24px 24px}.account-settings-section{display:grid;gap:12px;padding:16px 18px;border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border-soft)}.account-settings-section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.account-settings-label{margin:0 0 4px;color:var(--muted-strong);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.account-identity-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.account-identity-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--panel-border-soft)}.account-identity-row:first-child{border-top:0;padding-top:0}.account-identity-row:last-child{padding-bottom:0}.account-identity-row .helper{margin:4px 0 0}.account-identity-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--accent-active-bg);color:var(--accent-text);font-size:.82rem}.theme-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-option-button{border:1px solid var(--panel-border);border-radius:16px;background:var(--panel-bg-soft);color:var(--text);padding:14px;text-align:left;display:grid;gap:4px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.theme-option-button strong{color:var(--text-strong)}.theme-option-button span{color:var(--muted);font-size:.84rem;line-height:1.45}.theme-option-button:hover,.theme-option-button:focus-visible{border-color:var(--line-strong);background:var(--surface-overlay-soft);transform:translateY(-1px);outline:none}.theme-option-button.active{border-color:var(--accent-border-soft);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-ring)}.label-filters{background:var(--surface-overlay-hairline);border:1px solid var(--panel-border-soft);border-radius:18px;padding:14px 16px;margin-bottom:18px;box-shadow:inset 0 1px 0 var(--surface-overlay-hairline)}.label-filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.label-filter-title{margin:0;color:var(--text-strong);font-size:.92rem;font-weight:600}.label-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.label-chip-item{display:inline-flex;align-items:center;gap:6px}.label-chip{border:1px solid var(--line);border-radius:999px;background:var(--panel-bg);color:var(--text);padding:6px 10px;font-size:.82rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.label-chip:disabled{opacity:.55;cursor:not-allowed}.label-chip.active{background:var(--accent-soft);border-color:var(--accent-border-soft);color:var(--text-strong)}.label-chip.passive{background:var(--panel-bg);color:var(--muted)}.reminder-chip-button{border:1px solid var(--line);border-radius:999px;background:var(--panel-bg);color:var(--text);min-height:32px;padding:0 10px;font-size:.78rem;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.reminder-chip-button:hover,.reminder-chip-button:focus-visible{background:var(--surface-overlay-soft);border-color:var(--line-strong);outline:none}.reminder-chip-button.overdue{border-color:#ff8a805c;background:#ff8a8014;color:var(--danger)}.label-chip-delete{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,138,128,.22);border-radius:999px;background:#ff8a8014;color:var(--danger);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.label-chip-delete:hover{background:#ff8a8024;border-color:#ff8a8057}.label-chip-delete:disabled{opacity:.55;cursor:not-allowed}.label-chip-delete svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer{width:min(100%,680px);margin:0 auto 22px}.composer-form{margin:0}.composer.collapsed{background:var(--topbar-bg);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 12px 28px #00000024}.composer.expanded{margin-bottom:26px}.composer.modal{width:min(100%,720px);min-width:0;margin:0}.composer.focus{width:min(100%,980px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:36px;min-height:calc(100dvh - (clamp(16px,2vw,28px)*2))}.composer-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px}.composer-backdrop{position:absolute;inset:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.composer-dialog{--composer-modal-max-height: calc(100dvh - 48px) ;position:relative;z-index:1;width:min(100%,720px);min-width:0}.composer-dialog .composer-surface{max-height:var(--composer-modal-max-height)}.composer-dialog .composer-surface.has-sticky-footer,.composer.focus .composer-surface.has-sticky-footer{display:flex;flex-direction:column;overflow:hidden}.composer-dialog .composer-scroll-content.sticky-footer-reserve,.composer.focus .composer-scroll-content.sticky-footer-reserve{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--note-ui) 58%,transparent) transparent}.composer-dialog .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar,.composer.focus .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar{width:14px}.composer-dialog .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-track,.composer.focus .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-track{margin-block:10px;background:transparent}.composer-dialog .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-thumb,.composer.focus .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:999px;background-clip:padding-box;background-color:color-mix(in srgb,var(--note-ui) 58%,transparent)}.composer-dialog .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-thumb:hover,.composer.focus .composer-scroll-content.sticky-footer-reserve::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--note-ui-hover) 68%,transparent)}.composer-focus-shell{position:fixed;inset:0;z-index:95;display:grid;place-items:stretch;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 42%),#04060abd}.composer-focus-backdrop{position:fixed;inset:0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:none}.composer-focus-dialog{position:relative;z-index:1;min-height:100dvh;padding:clamp(16px,2vw,28px);overflow:visible}.composer-collapsed-shell{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 18px}.composer-collapsed-main{border:0;background:transparent;padding:10px 0;text-align:left;cursor:pointer;color:var(--text);font-size:.98rem}.composer-collapsed-placeholder{display:inline-block;letter-spacing:-.01em}.composer-collapsed-actions{display:flex;align-items:center;gap:4px}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme){--note-tint: var(--surface);--note-line: var(--panel-border);--note-text: var(--text);--note-title: var(--text-strong);--note-muted: var(--muted);--note-ui: var(--muted-strong);--note-ui-hover: var(--text-strong);--note-divider: var(--line);--note-link-preview-border: var(--panel-border);--note-link-preview-background: var(--preview-bg);--note-link-preview-site: var(--muted);--note-link-preview-title: var(--text-strong);--note-link-preview-description: var(--text);--note-cover-badge-bg: var(--cover-badge-bg);--note-cover-badge-text: var(--cover-badge-text);--note-surface-bg: var(--note-tint);--rt-color-default: var(--note-text);--rt-color-red: #a3363c;--rt-color-orange: #b25a00;--rt-color-yellow: #7a6400;--rt-color-green: #256846;--rt-color-blue: #2459b5;--rt-color-purple: #7250c9;--rt-color-pink: #b13c7f}.composer-surface,.note-card{background:var(--note-surface-bg);border:1px solid var(--note-line);color:var(--note-text)}.note-appearance-preview,.composer-appearance-token.theme{background:var(--note-surface-bg);border:1px solid var(--note-line)}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-default{--note-tint: var(--surface);--note-line: var(--panel-border);--note-surface-bg: var(--surface)}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-red,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-orange,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-yellow,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-green,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-teal,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-blue,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-purple,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-pink,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-mint,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-sky,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-lavender,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-sand,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-gray{--note-text: #eef2f7;--note-title: #f5f7fb;--note-muted: #d6dde5;--note-ui: #c2c8d0;--note-ui-hover: #fff;--note-divider: rgba(255, 255, 255, .1);--note-link-preview-border: rgba(255, 255, 255, .08);--note-link-preview-background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03)), rgba(11, 15, 23, .34);--note-link-preview-site: #b7c2cf;--note-link-preview-title: #f5f7fb;--note-link-preview-description: #d8dfe6;--note-cover-badge-bg: rgba(17, 19, 23, .76);--note-cover-badge-text: #f5f7fb;--rt-color-default: var(--note-text);--rt-color-red: #ff9ea3;--rt-color-orange: #ffc27a;--rt-color-yellow: #ffe782;--rt-color-green: #87e1a8;--rt-color-blue: #8dc1ff;--rt-color-purple: #ccb0ff;--rt-color-pink: #ff9fd0}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-monokai,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-nord,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-solarized,:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-dracula{--note-ui-hover: #fff;--note-divider: rgba(255, 255, 255, .1);--rt-color-default: var(--note-text);--rt-color-red: #ff9ea3;--rt-color-orange: #ffcc7c;--rt-color-yellow: #ffe67d;--rt-color-green: #8ee39e;--rt-color-blue: #93c6ff;--rt-color-purple: #d1b0ff;--rt-color-pink: #ff9fd0}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-red{--note-tint: #5b2b29;--note-line: rgba(255, 173, 163, .24);--note-surface-bg: #5b2b29}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-orange{--note-tint: #614431;--note-line: rgba(255, 198, 133, .26);--note-surface-bg: #614431}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-yellow{--note-tint: #635d19;--note-line: rgba(255, 236, 153, .24);--note-surface-bg: #635d19}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-green{--note-tint: #34503b;--note-line: rgba(170, 219, 181, .24);--note-surface-bg: #34503b}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-teal{--note-tint: #16504c;--note-line: rgba(143, 228, 223, .24);--note-surface-bg: #16504c}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-blue{--note-tint: #274255;--note-line: rgba(159, 208, 255, .24);--note-surface-bg: #274255}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-purple{--note-tint: #4b3b67;--note-line: rgba(213, 188, 255, .24);--note-surface-bg: #4b3b67}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-pink{--note-tint: #5b3242;--note-line: rgba(255, 182, 213, .24);--note-surface-bg: #5b3242}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-mint{--note-tint: #2f4d41;--note-line: rgba(166, 220, 192, .24);--note-surface-bg: #2f4d41}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-sky{--note-tint: #29455f;--note-line: rgba(162, 206, 250, .24);--note-surface-bg: #29455f}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-lavender{--note-tint: #4e406a;--note-line: rgba(216, 200, 255, .24);--note-surface-bg: #4e406a}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-sand{--note-tint: #5d4a32;--note-line: rgba(236, 204, 154, .24);--note-surface-bg: #5d4a32}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-gray{--note-tint: #3c3f43;--note-line: rgba(255, 255, 255, .14);--note-surface-bg: #3c3f43}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-monokai{--note-tint: #272822;--note-line: rgba(166, 226, 46, .24);--note-text: #f8f8f2;--note-title: #f8f8f2;--note-muted: #cfd3c8;--note-ui: #cfd3c8;--note-link-preview-site: #cfd3c8;--note-link-preview-title: #f8f8f2;--note-link-preview-description: #f8f8f2;--note-link-preview-border: rgba(102, 217, 239, .18);--note-link-preview-background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)), rgba(22, 24, 20, .46);--note-cover-badge-bg: rgba(20, 22, 18, .76);--note-cover-badge-text: #f8f8f2;--note-surface-bg: radial-gradient(circle at 20% 20%, rgba(166, 226, 46, .16) 0 2px, transparent 2.5px), radial-gradient(circle at 82% 28%, rgba(249, 38, 114, .14) 0 1.8px, transparent 2.4px), linear-gradient(140deg, rgba(102, 217, 239, .18), transparent 42%), linear-gradient(180deg, #34352e 0%, #272822 100%)}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-nord{--note-tint: #2e3440;--note-line: rgba(136, 192, 208, .24);--note-text: #d8dee9;--note-title: #eceff4;--note-muted: #b8c1d1;--note-ui: #c7d0df;--note-link-preview-site: #b8c1d1;--note-link-preview-title: #eceff4;--note-link-preview-description: #d8dee9;--note-link-preview-border: rgba(129, 161, 193, .2);--note-link-preview-background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)), rgba(26, 31, 40, .52);--note-cover-badge-bg: rgba(25, 30, 38, .76);--note-cover-badge-text: #eceff4;--note-surface-bg: radial-gradient(circle at 16% 20%, rgba(136, 192, 208, .18) 0 2px, transparent 2.6px), linear-gradient(145deg, rgba(94, 129, 172, .26), transparent 44%), linear-gradient(180deg, #3a4558 0%, #2e3440 100%)}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-solarized{--note-tint: #16323c;--note-line: rgba(181, 137, 0, .26);--note-text: #eee8d5;--note-title: #fdf6e3;--note-muted: #93a1a1;--note-ui: #93a1a1;--note-link-preview-site: #93a1a1;--note-link-preview-title: #fdf6e3;--note-link-preview-description: #eee8d5;--note-link-preview-border: rgba(42, 161, 152, .2);--note-link-preview-background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)), rgba(14, 26, 31, .48);--note-cover-badge-bg: rgba(14, 26, 31, .76);--note-cover-badge-text: #fdf6e3;--note-surface-bg: linear-gradient(135deg, rgba(181, 137, 0, .2), transparent 42%), repeating-linear-gradient(135deg, rgba(38, 139, 210, .08) 0 8px, transparent 8px 16px), linear-gradient(180deg, #21404a 0%, #16323c 100%)}:is(.composer-surface,.note-card,.note-appearance-preview,.composer-appearance-token.theme).appearance-dracula{--note-tint: #282a36;--note-line: rgba(189, 147, 249, .26);--note-text: #f8f8f2;--note-title: #f8f8f2;--note-muted: #c9c3dd;--note-ui: #c9c3dd;--note-link-preview-site: #c9c3dd;--note-link-preview-title: #f8f8f2;--note-link-preview-description: #f1eff8;--note-link-preview-border: rgba(255, 121, 198, .18);--note-link-preview-background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)), rgba(18, 19, 25, .48);--note-cover-badge-bg: rgba(18, 19, 25, .78);--note-cover-badge-text: #f8f8f2;--note-surface-bg: radial-gradient(circle at 24% 18%, rgba(255, 121, 198, .18) 0 2px, transparent 2.5px), radial-gradient(circle at 74% 76%, rgba(189, 147, 249, .2) 0 2px, transparent 2.7px), linear-gradient(135deg, rgba(80, 250, 123, .12), transparent 44%), linear-gradient(180deg, #433a5d 0%, #282a36 100%)}.composer-surface{--composer-footer-reserve: 0px;--composer-surface-inline-padding: 16px;--composer-surface-bottom-padding: 12px;border-radius:18px;box-shadow:var(--shadow);padding:14px 16px 12px;transition:box-shadow .16s ease,border-color .16s ease}.composer-surface:focus-within{border-color:var(--accent-border-faint);box-shadow:0 24px 42px #0000005c}.composer.focus .composer-surface{--composer-footer-reserve: 0px;--composer-surface-inline-padding: clamp(20px, 4vw, 44px);--composer-surface-bottom-padding: clamp(20px, 4vw, 44px);border-radius:28px;padding:clamp(20px,4vw,44px);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),var(--note-surface-bg);box-shadow:0 40px 90px #00000052,inset 0 1px #ffffff0a}.composer.focus .composer-surface:focus-within{box-shadow:0 48px 110px #00000061,0 0 0 1px var(--accent-border-faint),inset 0 1px #ffffff0d}.composer-scroll-content{min-width:0}.composer-scroll-content.sticky-footer-reserve{padding-bottom:24px}.composer-surface.has-sticky-footer{min-height:0}.composer.focus .composer-surface.has-sticky-footer{height:100%}.composer-focus-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 4px 6px}.composer-focus-status{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center}.composer-focus-note-type{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--panel-border-soft);color:var(--text-strong);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.composer-surface-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:8px}.composer-pin-button,.note-pin-button,.composer-icon-button,.note-action-button,.note-drag-handle{width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--note-ui);display:inline-flex;align-items:center;justify-content:center;transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.composer-pin-button,.note-pin-button,.composer-icon-button,.note-action-button{cursor:pointer}.composer-pin-button:hover,.note-pin-button:hover,.composer-icon-button:hover,.note-action-button:hover{background:var(--surface-overlay-press);color:var(--note-ui-hover)}.composer-pin-button.active,.note-pin-button.active{background:var(--accent-active-bg);color:var(--accent-text)}.composer-pin-button svg,.note-pin-button svg,.composer-icon-button svg,.note-action-button svg,.note-drag-handle svg,.note-completed-chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-primary{display:grid;gap:10px}.composer.focus .composer-primary{gap:18px}.composer-title-input,.composer-body-input{border:0;background:transparent;padding:0;border-radius:0;color:var(--note-text, var(--text))}.composer-title-input{font-size:1.16rem;font-weight:600;min-width:0;min-height:36px;color:var(--note-title, var(--text-strong))}.composer.focus .composer-title-input{font-size:clamp(1.6rem,2.7vw,2.4rem);font-weight:680;letter-spacing:-.04em;min-height:56px}.composer-body-input{min-height:118px;line-height:1.6}.composer-title-input:focus,.composer-body-input:focus{outline:none}.rich-text-editor-shell{display:grid;gap:12px}.rich-text-editor-frame{position:relative}.rich-text-editor-input{min-height:118px;display:block;width:100%;min-width:0;color:var(--note-text, var(--text));line-height:1.6;outline:none;caret-color:currentColor;cursor:text}.composer.focus .rich-text-editor-input{min-height:min(58dvh,540px);font-size:clamp(1.04rem,1.3vw,1.16rem);line-height:1.82}.composer.focus .rich-text-block-heading-1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.22}.composer.focus .rich-text-block-heading-2{font-size:clamp(1.26rem,2vw,1.62rem);line-height:1.3}.composer.focus .rich-text-block-paragraph{font-size:clamp(1.02rem,1.2vw,1.12rem);line-height:1.82}.rich-text-editor-placeholder{position:absolute;inset:0 auto auto 0;color:var(--note-muted, var(--muted));pointer-events:none;transition:opacity .12s ease}.rich-text-editor-frame:focus-within .rich-text-editor-placeholder{opacity:0}.rich-text-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg)}.rich-text-toolbar-button{border:0;border-radius:10px;min-width:34px;height:34px;padding:0 10px;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:600}.rich-text-toolbar-button:hover,.rich-text-toolbar-button:focus-visible{background:var(--surface-overlay-strong);outline:none}.rich-text-toolbar-button.active{background:var(--accent-active-strong);color:var(--accent-text)}.rich-text-toolbar-divider{width:1px;height:22px;background:var(--line);margin-inline:2px}.rich-text-toolbar-color-group,.rich-text-toolbar-link-group{position:relative}.rich-text-toolbar-color-button{display:inline-flex;align-items:center;gap:8px}.rich-text-color-palette{position:absolute;top:calc(100% + 8px);right:0;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:168px;padding:8px;border:1px solid var(--panel-border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.rich-text-link-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:4;display:grid;gap:10px;min-width:240px;padding:12px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.rich-text-link-field{display:grid;gap:6px;font-size:.8rem;color:var(--muted)}.rich-text-link-field input{width:100%;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);color:var(--text);padding:10px 12px;font:inherit}.rich-text-link-field input:focus{outline:none;border-color:var(--accent-border)}.rich-text-link-actions{display:flex;gap:8px;flex-wrap:wrap}.rich-text-link-action{border:0;border-radius:10px;padding:8px 12px;background:var(--panel-bg);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600}.rich-text-link-action.primary{background:var(--accent-active-strong);color:var(--accent-text)}.rich-text-link-action:disabled{opacity:.48;cursor:not-allowed}.rich-text-color-option{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;min-height:34px;padding:0 10px;background:transparent;color:var(--text);cursor:pointer;font-size:.92rem;font-weight:600;text-align:left}.rich-text-color-option:hover,.rich-text-color-option:focus-visible{background:var(--surface-overlay-strong);outline:none}.rich-text-color-option.active{background:var(--accent-active-strong);color:var(--accent-text)}.rich-text-color-chip{flex:0 0 auto;width:14px;height:14px;border-radius:999px;background:var(--note-text);box-shadow:inset 0 0 0 1px #ffffff24}.rich-text-color-chip.token-default{background:linear-gradient(135deg,transparent 0 44%,var(--note-text) 44% 56%,transparent 56% 100%);box-shadow:inset 0 0 0 1px var(--note-line)}.rich-text-color-chip.token-mixed{background:linear-gradient(135deg,var(--rt-color-red) 0 50%,var(--rt-color-blue) 50% 100%);box-shadow:inset 0 0 0 1px #ffffff1f}.rich-text-color-chip.token-red{background:var(--rt-color-red)}.rich-text-color-chip.token-orange{background:var(--rt-color-orange)}.rich-text-color-chip.token-yellow{background:var(--rt-color-yellow)}.rich-text-color-chip.token-green{background:var(--rt-color-green)}.rich-text-color-chip.token-blue{background:var(--rt-color-blue)}.rich-text-color-chip.token-purple{background:var(--rt-color-purple)}.rich-text-color-chip.token-pink{background:var(--rt-color-pink)}.rich-text-content,.rich-text-editor-input{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.rich-text-block{margin:0}.rich-text-block+.rich-text-block{margin-top:8px}.rich-text-block-heading-1{font-size:1.34rem;font-weight:700;line-height:1.36}.rich-text-block-heading-2{font-size:1.13rem;font-weight:650;line-height:1.42}.rich-text-block-paragraph{font-size:1rem;line-height:1.6}.rich-text-format-bold{font-weight:700}.rich-text-format-italic{font-style:italic}.rich-text-format-underline{text-decoration:underline}.rich-text-format-strikethrough{text-decoration:line-through}.rich-text-link{color:var(--accent-text);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.rich-text-link:hover,.rich-text-link:focus-visible{color:var(--note-ui-hover, var(--accent-text))}.composer-meta-panels{display:grid;gap:10px;padding-top:12px}.composer-appearance-groups{display:grid;gap:12px}.composer-appearance-group{display:grid;gap:8px}.composer-appearance-group-title{font-size:.8rem;color:var(--muted)}.composer-color-palette{display:flex;flex-wrap:wrap;gap:8px}.composer-color-swatch{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e}.composer-color-swatch.active{border-color:var(--accent-border);box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 2px var(--accent-ring)}.composer-theme-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.composer-theme-tile{display:grid;gap:8px;align-content:start;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--panel-bg);color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.composer-theme-tile:hover,.composer-theme-tile:focus-visible{border-color:var(--line-strong);background:var(--surface-overlay-soft)}.composer-theme-tile.active{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-ring);background:var(--surface-overlay-soft)}.note-appearance-preview{display:block;width:100%;min-height:54px;border-radius:12px;box-shadow:inset 0 1px #ffffff0f}.composer-theme-label{color:var(--text-strong);font-size:.82rem}.composer-label-field{display:grid;gap:6px}.composer-label-field span{font-size:.84rem;color:var(--muted)}.checklist-editor{display:grid;gap:12px}.composer.focus .checklist-editor{gap:18px}.checklist-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.focus-checklist{gap:14px}.checklist-wrap{display:grid;gap:14px}.checklist-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-inline-start:calc(var(--checklist-indent-level, 0) * 18px);color:var(--note-text);transition:padding-inline-start .12s ease,color .16s ease}.checklist-item-content{min-width:0;overflow-wrap:anywhere;word-break:break-word}.checklist-item-content .rich-text-block+.rich-text-block{margin-top:4px}.checklist-editor-input-wrap{min-width:0}.checklist-editor-input-wrap .rich-text-editor-shell{gap:8px}.checklist-editor-input-wrap .rich-text-editor-input{min-height:22px;line-height:1.45}.composer.focus .checklist-editor-input-wrap .rich-text-editor-input,.composer.focus .checklist-create-input-wrap .rich-text-editor-input{min-height:22px;font-size:1rem;line-height:1.55}.checklist-editor-input-wrap .rich-text-editor-placeholder{inset:9px 12px auto}.checklist-editor-input-wrap .rich-text-editor-frame{min-height:var(--checklist-editor-row-height, 44px);display:flex;align-items:flex-start;padding:9px 12px;border-radius:14px;background:var(--panel-bg);border:1px solid var(--panel-border-soft);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;cursor:text}.composer.focus .checklist-editor-input-wrap .rich-text-editor-frame,.composer.focus .checklist-create-input-wrap .rich-text-editor-frame{background:#ffffff0a;border-color:#ffffff14}.checklist-editor-input-wrap .rich-text-editor-frame:focus-within{border-color:var(--accent-border-soft);box-shadow:0 0 0 3px var(--accent-ring)}.checklist-create-input-wrap .rich-text-editor-shell{gap:0}.checklist-create-input-wrap .rich-text-editor-frame{min-height:var(--checklist-editor-row-height, 44px);display:flex;align-items:center;padding:0 12px}.checklist-create-input-wrap .rich-text-editor-input{flex:1 1 auto;min-height:22px;min-width:0;line-height:1.45}.checklist-create-input-wrap .rich-text-editor-placeholder{top:50%;left:12px;inset-inline-start:12px;inset-block-start:50%;transform:translateY(-50%)}.checklist-item input[type=checkbox]{width:18px;height:18px;margin:0}.checklist-sortable-item{list-style:none}.checklist-sortable-item.dragging{z-index:2}.checklist-sortable-item.dragging .checklist-item-editor{opacity:.82}.checklist-sortable-item.drag-over .checklist-item-editor{background:color-mix(in srgb,var(--panel-bg) 78%,transparent)}.checklist-item-editor{--checklist-editor-row-height: 44px;--checklist-checkbox-offset: calc((var(--checklist-editor-row-height) - 18px) / 2);--checklist-drag-handle-offset: calc((var(--checklist-editor-row-height) - 28px) / 2);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:flex-start;border-radius:16px;transition:background-color .16s ease,opacity .16s ease}.checklist-item-editor>input[type=checkbox]{display:block;margin-top:var(--checklist-checkbox-offset)}.checklist-item-editor>.checklist-drag-handle{margin-top:var(--checklist-drag-handle-offset)}.checklist-sortable-item.dragging .checklist-editor-input-wrap .rich-text-editor-frame,.checklist-sortable-item.drag-over .checklist-editor-input-wrap .rich-text-editor-frame{border-color:transparent;box-shadow:none}.checklist-drag-handle{width:28px;height:28px;border:none;border-radius:999px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:grab;transition:color .16s ease,background-color .16s ease,opacity .16s ease;opacity:.55}.checklist-drag-handle:hover,.checklist-drag-handle:focus-visible{opacity:1;color:var(--foreground);background:var(--panel-bg)}.checklist-drag-handle:active{cursor:grabbing}.checklist-drag-handle svg{width:16px;height:16px;fill:currentColor}.checklist-item-actions{display:inline-flex;flex-wrap:wrap;align-items:center;align-self:center;justify-content:flex-end;justify-self:end;gap:6px;opacity:0;transition:opacity .16s ease}.checklist-sortable-item:hover .checklist-item-actions,.checklist-sortable-item:focus-within .checklist-item-actions{opacity:1}.focus-checklist-item-editor{gap:14px}.focus-checklist-item-editor[data-checked=true]{opacity:.6}.composer.focus .checklist-item-actions{opacity:1}@media(hover:none){.checklist-item-actions{opacity:1}}.checklist .done{text-decoration:line-through;color:var(--note-muted)}.checklist-item-content.done{color:var(--note-muted)}.checklist-preview-overflow{grid-template-columns:18px minmax(0,1fr);color:var(--note-muted);pointer-events:none}.checklist-preview-overflow-marker{width:18px;height:18px}.checklist-preview-overflow-text{min-width:0;font-size:1rem;line-height:1.4;letter-spacing:.04em}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.composer.focus .attachments-grid{padding-top:8px}.attachment-card{position:relative;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:8px;display:grid;gap:8px}.attachment-card.cover{grid-column:1 / -1}.attachment-card.deleted{opacity:.45}.attachment-cover-badge{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--note-cover-badge-bg);color:var(--note-cover-badge-text);font-size:.74rem;font-weight:600;letter-spacing:.01em}.attachment-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid var(--panel-border)}.attachment-card.cover img{aspect-ratio:16 / 7;object-position:center top}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--note-divider);margin-top:14px;padding-top:12px;flex-wrap:wrap}.composer-footer.sticky{position:relative;z-index:4;flex-shrink:0;margin-inline:calc(var(--composer-surface-inline-padding) * -1);margin-bottom:calc(var(--composer-surface-bottom-padding) * -1);padding-inline:var(--composer-surface-inline-padding);padding-bottom:calc(var(--composer-surface-bottom-padding) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0a0c1208,#0a0c121f),var(--note-surface-bg);box-shadow:0 -14px 28px #00000024}.composer.modal .composer-footer.sticky{margin-top:0}.composer-footer.hidden{display:none}.composer-footer.focus-utility-tray{margin-top:18px;padding-top:18px}.composer-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.composer-footer.sticky .reminder-picker{z-index:5}.composer-icon-button.active{background:var(--accent-active-bg);color:var(--accent)}.reminder-picker{position:relative;display:inline-flex;align-items:center;gap:6px}.reminder-menu{position:absolute;top:calc(100% + 10px);z-index:8;min-width:260px;display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--panel-border);background:var(--bg-elevated);box-shadow:var(--shadow)}.composer-footer.sticky .reminder-menu{z-index:9}.reminder-menu.align-end{right:0}.reminder-menu.align-start{left:0}.reminder-menu-title{color:var(--text-strong);font-size:.86rem}.reminder-menu-option{border:1px solid var(--panel-border-soft);border-radius:12px;background:var(--panel-bg);color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.reminder-menu-option:hover,.reminder-menu-option:focus-visible{background:var(--surface-overlay-soft);border-color:var(--line-strong);outline:none}.reminder-menu-custom{display:grid;gap:6px;color:var(--muted);font-size:.82rem}.reminder-menu-custom input{width:100%}.reminder-menu-actions{display:flex;justify-content:flex-end;gap:8px}.composer-color-indicator{display:inline-flex;align-items:center;gap:8px;margin-left:6px;color:var(--muted);font-size:.84rem}.composer-color-dot{width:12px;height:12px;border-radius:999px;background:var(--swatch);border:1px solid rgba(255,255,255,.18)}.composer-appearance-token.theme{width:22px;height:14px;border-radius:6px;box-shadow:inset 0 1px #ffffff0f}.composer-footer-actions{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}.composer-footer-actions .helper{min-width:0;overflow-wrap:anywhere;text-align:right}.board-section{margin-top:20px}.board-section h2{margin:0 0 12px;font-size:.84rem;font-weight:700;letter-spacing:.12em;color:var(--muted-strong);text-transform:uppercase}.notes-board{display:grid;gap:14px;align-items:start}.notes-board[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.notes-board[data-view-mode=list]{grid-template-columns:minmax(0,1fr);max-width:860px}.notes-loading-skeleton{display:grid;gap:20px}.note-card{--note-card-inline-padding: 14px;position:relative;border-radius:18px;overflow:visible;min-width:0;padding:14px var(--note-card-inline-padding) 12px;display:grid;gap:12px;touch-action:pan-y;box-shadow:0 14px 36px #00000029;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.note-card:hover,.note-card:focus-within{transform:translateY(-2px);box-shadow:0 22px 36px #0003;border-color:var(--line-strong)}.note-card.active{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-ring),0 22px 38px #00000042}.note-card.selected{border-color:var(--selection-border);box-shadow:0 0 0 1px var(--selection-ring),0 20px 38px #0000003d}.note-card.dragging-source{opacity:.72;z-index:3;box-shadow:0 20px 40px #00000047}.note-card.dragging-source .note-drag-handle{color:var(--accent-text)}.note-card.sorting-active{transition-duration:.14s}.note-card:not(.sortable-disabled){cursor:grab}.note-card>*{min-width:0}.note-card-skeleton{cursor:default;pointer-events:none;overflow:hidden}.note-card-skeleton:hover,.note-card-skeleton:focus-within{transform:none;box-shadow:0 14px 36px #00000029;border-color:var(--note-border)}.note-skeleton-header{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px}.note-skeleton-copy{display:grid;gap:8px}.note-skeleton-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-skeleton-chips{display:flex;align-items:center;gap:8px}.note-skeleton-block,.note-skeleton-line,.note-skeleton-chip,.note-skeleton-meta{position:relative;overflow:hidden;background:var(--surface-overlay-mid)}.note-skeleton-block:after,.note-skeleton-line:after,.note-skeleton-chip:after,.note-skeleton-meta:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--surface-overlay-strong),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}.note-skeleton-title{height:18px;width:64%;border-radius:10px}.note-skeleton-icon{width:18px;height:18px;border-radius:999px}.note-skeleton-line{display:block;height:10px;border-radius:999px}.note-skeleton-line-wide{width:100%}.note-skeleton-line-medium{width:78%}.note-skeleton-line-short{width:52%}.note-skeleton-chip{width:72px;height:12px;border-radius:999px}.note-skeleton-chip-secondary{width:46px}.note-skeleton-meta{width:84px;height:12px;border-radius:999px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.note-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0}.note-header.with-cover{grid-template-columns:minmax(0,1fr)}.note-header h3{flex:1;margin:0;min-width:0;min-height:1.35em;font-size:1.04rem;font-weight:600;line-height:1.35;color:var(--note-title);overflow-wrap:anywhere;word-break:break-word}.note-header>.note-pin-button{justify-self:end;align-self:start}.note-cover-shell{position:relative;min-width:0}.note-cover-link{position:relative;display:block;width:100%;overflow:hidden;border-radius:16px;background:var(--panel-bg)}.note-cover-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 45%);pointer-events:none}.note-cover-image{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center top}.note-cover-count{position:absolute;right:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--note-cover-badge-bg);color:var(--note-cover-badge-text);font-size:.72rem;font-weight:600;letter-spacing:.01em}.note-pin-button-overlay{position:absolute;top:10px;right:10px;z-index:1;background:var(--pin-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.note-pin-button-overlay:hover,.note-pin-button-overlay:focus-visible{background:var(--pin-overlay-bg-hover)}.note-body{display:grid;gap:0;min-width:0;color:var(--note-text);line-height:1.58}.note-body.preview-truncated .rich-text-block+.rich-text-block{margin-top:6px}.note-body .rich-text-block-heading-1{font-size:1.12rem}.note-body .rich-text-block-heading-2{font-size:1.02rem}.note-link-preview{display:grid;gap:10px;min-width:0;max-width:100%;color:inherit;text-decoration:none;padding:10px;border-radius:14px;border:1px solid var(--note-link-preview-border);background:var(--note-link-preview-background);transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.note-link-preview:hover,.note-link-preview:focus-visible{border-color:var(--line-strong);transform:translateY(-1px)}.note-link-preview-image-wrap{min-width:0;border-radius:12px;overflow:hidden;background:var(--panel-bg)}.note-link-preview-image{display:block;width:100%;max-height:180px;object-fit:cover}.note-link-preview-copy{display:grid;gap:4px;min-width:0}.note-link-preview-site,.note-link-preview-url{color:var(--note-link-preview-site);font-size:.76rem;line-height:1.4}.note-link-preview-title{color:var(--note-link-preview-title);line-height:1.45}.note-link-preview-description{color:var(--note-link-preview-description);font-size:.9rem;line-height:1.5}.note-link-preview-title,.note-link-preview-description,.note-link-preview-site,.note-link-preview-url{overflow-wrap:anywhere;word-break:break-word}.completed-block{display:grid;gap:10px;border-top:1px solid var(--note-divider);padding-top:12px}.note-completed-toggle{border:0;background:transparent;color:var(--note-muted);padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.note-completed-chevron{color:var(--muted);transition:transform .16s ease}.note-completed-chevron.open{transform:rotate(180deg)}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;min-width:0}.note-actions{display:flex;align-items:center;flex:0 0 auto;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.note-card:hover .note-actions,.note-card:focus-within .note-actions,.note-card.active .note-actions,.note-card.selected .note-actions,.note-card.touch-mode .note-actions{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s,0s,0s}.note-card.overdue-reminder{box-shadow:0 0 0 1px #ff8a8038,var(--shadow)}.note-reminder-picker .reminder-chip-button{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-drag-handle{color:var(--note-muted);cursor:grab}.note-card.dragging-source,.note-card.dragging-source *{cursor:grabbing}.note-drag-handle.disabled{opacity:.42;cursor:not-allowed}.note-action-button.danger{color:var(--danger)}.note-pin-button:disabled,.note-action-button:disabled{opacity:.42;cursor:not-allowed}.note-meta{min-width:0;width:auto;margin-inline-start:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:.76rem;color:var(--muted)}.global-status,.empty-state{color:var(--muted)}.empty-state{margin-top:18px}.toast-container{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:100}.toast{background:var(--toast-bg);color:var(--toast-text);border-radius:12px;padding:10px 12px;min-width:220px;border:1px solid var(--panel-border);box-shadow:0 10px 30px #00000047}.toast.success{background:var(--toast-success)}.toast.error{background:var(--toast-error)}@media(max-width:720px){.page-body{padding:14px 12px 70px}.topbar-inner{grid-template-columns:1fr;gap:12px;padding:12px}.topbar-leading,.topbar-actions,.workspace-strip{justify-content:space-between}.topbar-actions{flex-wrap:wrap}.search-panel{flex-wrap:wrap;gap:8px}.search-summary{width:100%;white-space:normal}.search-shell input{height:48px}.shortcut-help-backdrop{padding:14px}.shortcut-help-head,.shortcut-help-body,.command-palette-body{padding-inline:16px}.shortcut-help-row,.theme-option-grid{grid-template-columns:1fr}.shortcut-help-keys{justify-content:flex-start}.command-palette-modal,.composer{width:100%}.composer-modal{padding:12px}.composer-dialog{width:100%;--composer-modal-max-height: calc(100dvh - 24px) }.composer-collapsed-shell{padding-inline:14px 10px}.composer-surface{--composer-surface-inline-padding: 14px;--composer-surface-bottom-padding: 12px;padding-inline:14px}.composer-focus-dialog{padding:12px}.composer.focus{width:100%;gap:22px;min-height:calc(100dvh - 24px)}.composer-focus-topbar{grid-template-columns:1fr auto;align-items:start}.composer-focus-status{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;text-align:left}.composer.focus .composer-surface{--composer-surface-inline-padding: 16px;--composer-surface-bottom-padding: 18px;padding:18px 16px;border-radius:22px}.composer-scroll-content.sticky-footer-reserve{padding-bottom:20px}.composer.focus .composer-title-input{font-size:1.48rem;min-height:48px}.composer.focus .rich-text-editor-input{min-height:44dvh}.note-card{--note-card-inline-padding: 12px;gap:10px}.note-cover-count{right:10px;bottom:10px;padding:5px 9px}.note-pin-button-overlay{top:8px;right:8px}.note-link-preview{padding:9px}.note-link-preview-image{max-height:160px}.note-footer{align-items:start}.note-actions{transform:translateY(4px)}.note-meta{text-align:right;white-space:normal;overflow-wrap:anywhere}.composer-footer-actions{width:100%;justify-content:flex-end}.notes-board{grid-template-columns:1fr;max-width:none}}