.digital-clock{--digital-clock-font-size: 16px;flex-shrink:0;display:flex;align-items:center;gap:calc(8px * var(--app-header-scale, 1));padding:4px;border-radius:calc(10px * var(--app-header-scale, 1));background:var(--surface-primary);border:1.5px solid var(--border-color-strong);box-shadow:var(--shadow-sm)}.digital-clock__date{display:flex;align-items:center;gap:calc(6px * var(--app-header-scale, 1))}.digital-clock__date-text{font-size:var(--digital-clock-font-size);font-weight:600;color:var(--text-primary);line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.digital-clock__weekday{padding:calc(2px * var(--app-header-scale, 1)) calc(6px * var(--app-header-scale, 1));border-radius:calc(6px * var(--app-header-scale, 1));background:var(--surface-secondary);font-size:var(--digital-clock-font-size);font-weight:600;color:var(--text-secondary);line-height:1.2;white-space:nowrap}.digital-clock__split{width:1px;height:calc(var(--digital-clock-font-size) * 1.2);background:var(--border-color);flex-shrink:0}.digital-clock__time{display:flex;align-items:center;flex-shrink:0}.digital-clock__part{display:flex;align-items:center}.digital-clock__digit-char{width:calc(var(--digital-clock-font-size) * .62);text-align:center;font-size:var(--digital-clock-font-size);font-weight:600;color:var(--text-primary);line-height:1.2;font-variant-numeric:tabular-nums}.digital-clock__colon{width:calc(var(--digital-clock-font-size) * .38);text-align:center;font-size:var(--digital-clock-font-size);font-weight:600;line-height:1.2;color:var(--text-primary)}.app-header{flex-shrink:0;line-height:normal;display:flex;align-items:center;padding:0 16px!important;border-bottom:1px solid var(--border-color);background:var(--surface-primary)!important;box-shadow:0 1px #1c203005}.app-header__brand{flex-shrink:0;display:flex;align-items:center;gap:10px}.app-header__logo{flex-shrink:0;border-radius:9px!important;background:conic-gradient(from 200deg,#ff5fa2,#7c4de0,#3c6bff,#ff5fa2)!important;font-size:var(--font-size-base);font-weight:700;color:#fff!important;box-shadow:0 4px 12px #7c4de059}.app-header__title{font-size:calc(var(--font-size-base) * 17 / 14);font-weight:700;color:var(--text-primary);letter-spacing:.5px}.app-header__banner{flex:1;min-width:0;margin:0 16px;display:flex;align-items:center;justify-content:center;text-align:center}.app-header__banner-text{max-width:100%;font-size:var(--font-size-base);font-weight:500;color:var(--text-secondary)}@keyframes fadeFragmentLoop{0%{opacity:0;text-shadow:12px 0 0 rgba(0,0,0,.4),-10px 0 0 rgba(0,0,0,.3),8px 0 0 rgba(0,0,0,.25),-9px 0 0 rgba(0,0,0,.35);transform:translate(6px)}14%{opacity:1;text-shadow:none;transform:translate(0)}49%{opacity:1;text-shadow:none;transform:translate(0)}63%{opacity:0;text-shadow:-14px 0 0 rgba(0,0,0,.4),11px 0 0 rgba(0,0,0,.3),-7px 0 0 rgba(0,0,0,.25),10px 0 0 rgba(0,0,0,.35);transform:translate(-7px)}to{opacity:0;text-shadow:none;transform:translate(0)}}.fade-in{animation:fadeFragmentLoop 14s ease-in-out infinite;animation-delay:0s}.app-header__info{flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;gap:12px}.app-header__username{flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.app-header__logout{flex-shrink:0;width:28px!important;height:28px!important;min-height:28px;padding:0!important;color:var(--text-secondary)}.app-header__logout:hover{color:var(--text-primary)!important;background:var(--surface-hover)!important}.app-footer{flex-shrink:0;height:var(--app-bar-height)!important;line-height:normal;padding:0 16px!important;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--border-color);background:var(--surface-primary)!important}.app-footer__actions{display:flex;align-items:center;gap:12px}.app-footer__font-controls{display:flex;align-items:center;gap:4px}.app-footer__font-btn{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--text-secondary)}.app-footer__font-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.app-footer__font-btn-text{font-size:var(--font-size-base);line-height:1;width:3.6rem;text-align:center}.app-footer__create{height:32px;line-height:32px;padding:0 14px;margin:0;border:none;border-radius:var(--radius-md);background:var(--accent-color);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2f6bed47;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.app-footer__create:hover{background:var(--accent-hover);box-shadow:0 6px 16px #2f6bed59;transform:translateY(-1px)}.app-footer__search{width:220px;height:32px;padding:0 12px;border-radius:var(--radius-md);border:1.5px solid var(--border-color-strong);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color .15s ease,background-color .15s ease}.app-footer__search:focus{outline:none;border-color:var(--accent-color);background:var(--surface-primary)}.app-footer__settings{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--text-secondary);font-size:calc(var(--font-size-base) * 16 / 14)}.app-footer__settings:hover{background:var(--surface-hover)}.note-list-item{min-height:72px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease}.note-list-item:hover{background:var(--surface-hover)}.note-list-item.is-selected{background:var(--emphasis-bg)}.note-list-item.is-selected .note-list-item__title.ant-typography{color:var(--emphasis-color)}.note-list-item__accent{width:4px;flex-shrink:0;align-self:stretch}.note-list-item__accent--theme-a{background:color-mix(in srgb,var(--accent-color) 25%,transparent)}.note-list-item__accent--theme-b{background:color-mix(in srgb,var(--emphasis-color) 25%,transparent)}.note-list-item__content{min-width:0;padding:12px;overflow:hidden}.note-list-item__title.ant-typography{display:block;margin:0 0 4px;font-size:calc(var(--font-size-base) * 18 / 14);font-weight:600;line-height:1.4;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-item__time{width:100%;gap:8px}.note-list-item__weekday.ant-typography,.note-list-item__datetime.ant-typography{margin:0;font-size:var(--font-size-base);line-height:1.4;color:var(--text-secondary)}.note-list-item__weekday.ant-typography{flex-shrink:0}.note-list-item__datetime.ant-typography{text-align:right;white-space:nowrap}.note-list-item__delete-wrap{flex-shrink:0;width:36px}.note-list-item__delete{opacity:0;transition:opacity .15s ease}.note-list-item:hover .note-list-item__delete,.note-list-item.is-selected .note-list-item__delete{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;text-align:center}.empty-state__title{font-size:calc(var(--font-size-base) * 20 / 14);font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state__description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.notes-list{float:left;flex-shrink:0;display:flex;height:100%;border-right:1px solid var(--border-color);overflow:hidden;transition:width .2s ease}.notes-list.is-collapsed{width:48px;min-width:48px;max-width:48px}.notes-list.is-expanded{width:300px;min-width:300px;max-width:300px}.notes-list__rail{width:48px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;border-right:1px solid var(--border-color);background:var(--surface-primary)}.notes-list__toggle{width:32px!important;height:32px!important;min-height:32px;padding:0!important;margin:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-primary);border:1px solid var(--border-color);font-size:calc(var(--font-size-base) * 16 / 14);color:var(--text-secondary);cursor:pointer;line-height:1}.notes-list__toggle:hover{background:var(--surface-hover)}.notes-list__rail-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--emphasis-color);color:#fff;font-size:var(--font-size-base);font-weight:600;line-height:20px;text-align:center}.notes-list__rail-label{writing-mode:vertical-rl;font-size:var(--font-size-base);color:var(--text-secondary);letter-spacing:.08em}.notes-list__panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease;background:var(--surface-primary)}.notes-list.is-expanded .notes-list__panel{opacity:1;pointer-events:auto}.notes-list.is-collapsed .notes-list__panel{flex:0 0 0;width:0;min-width:0;max-width:0;overflow:hidden;opacity:0;pointer-events:none}.notes-list.is-collapsed .notes-list__rail{border-right:none}.notes-list__header{flex-shrink:0;padding:12px 16px 4px}.notes-list__type-toggle .ant-segmented-item-label{min-height:24px;line-height:24px;font-size:calc(var(--font-size-base) * 12 / 14);font-weight:600}.notes-list__type-toggle .ant-segmented-item-selected{color:var(--emphasis-color)!important}.notes-list__heading-row{display:flex;align-items:center;gap:6px}.notes-list__total{font-size:calc(var(--font-size-base) * 12 / 14)}.notes-list__load-more{padding:8px 0 12px}.notes-list__heading{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.notes-list__sort{width:20px!important;height:20px!important;min-height:20px;padding:0!important;margin:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;line-height:1}.notes-list__sort:hover .notes-list__sort-icon--desc{border-top-color:var(--text-primary)}.notes-list__sort:hover .notes-list__sort-icon--asc{border-bottom-color:var(--text-primary)}.notes-list__sort-icon{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;transition:border-color .15s ease}.notes-list__sort-icon--desc{border-top:6px solid var(--text-secondary);border-bottom:none}.notes-list__sort-icon--asc{border-bottom:6px solid var(--text-secondary);border-top:none}.notes-list__items{flex:1;min-height:0;overflow-y:auto}.notes-list__empty{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.quick-sign-picker__panel{width:280px}.quick-sign-picker__menu-title{display:block;margin-bottom:8px;font-size:calc(var(--font-size-base) * 12 / 14)}.quick-sign-picker__grid{margin-bottom:4px}.quick-sign-picker__divider{margin:10px 0!important}.quick-sign-picker__time-list .ant-btn{height:auto;min-height:unset;padding:8px 10px;text-align:left}.quick-sign-picker__time-item{width:100%;gap:2px}.quick-sign-picker__time-value{font-variant-numeric:tabular-nums;line-height:1.4}.quick-sign-picker__time-label{font-size:calc(var(--font-size-base) * 12 / 14);line-height:1.3}.note-editor{height:100%;min-width:0;overflow:hidden;background:var(--surface-primary)}.note-editor--empty{justify-content:center}.note-editor__header{position:relative;z-index:2;flex-shrink:0;height:44px;padding:0 16px;border-bottom:1px solid var(--border-color);background:var(--surface-secondary)}.note-editor__header-text{flex-shrink:0;font-size:var(--font-size-base);color:var(--text-primary)}.note-editor__header-main{min-width:0;margin-right:12px}.note-editor__header-title{flex:1;min-width:0;font-size:var(--font-size-base)!important;font-weight:600;color:var(--text-primary)}.note-editor__header-title input{font-weight:600;color:var(--text-primary)}.note-editor__header-title input::placeholder{color:var(--text-muted)}.note-editor__edit-controls{flex-shrink:0}.note-editor__type-select{flex-shrink:0;width:72px}.note-editor__type-select .ant-select-selector{font-size:calc(var(--font-size-base) * 12 / 14)!important;font-weight:600;background:#ffffffb8!important;border:1px solid var(--border-color-strong)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--radius-sm)!important}.note-editor__preview-toggle{flex-shrink:0;background:#ffffffb8!important;box-shadow:var(--shadow-sm)}.note-editor__preview-toggle .ant-segmented-item-label{min-width:52px;padding:0 6px!important;font-size:calc(var(--font-size-base) * 12 / 14);font-weight:600}.note-editor__preview-toggle .ant-segmented-item-selected{color:var(--accent-color)!important}.note-editor__body{flex:1;min-height:0;--editor-font-size: 15px;padding:10px}.note-editor__content-surface{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-primary);transition:border-color .15s ease,box-shadow .15s ease}.note-editor__content-surface.is-editing{border-color:var(--accent-color);box-shadow:none}.note-editor__preview{flex:1;min-height:0;overflow-y:auto;padding:10px;color:var(--text-primary);line-height:1.7;font-family:inherit;font-size:var(--editor-font-size);cursor:default;-webkit-user-select:text;user-select:text}.note-editor__preview-placeholder{color:var(--text-secondary)}.note-editor__html-content{word-break:break-word}.note-editor__html-content a{color:var(--accent-color);text-decoration:underline}.note-editor__preview h1,.note-editor__preview h2,.note-editor__preview h3,.note-editor__preview h4,.note-editor__preview h5,.note-editor__preview h6{margin:.6em 0 .4em;font-weight:600;line-height:1.4}.note-editor__preview h1{font-size:1.6em}.note-editor__preview h2{font-size:1.4em}.note-editor__preview h3{font-size:1.2em}.note-editor__preview p{margin:0 0 .75em}.note-editor__preview p:last-child{margin-bottom:0}.note-editor__preview ul,.note-editor__preview ol{margin:0 0 .75em;padding-left:1.5em}.note-editor__preview li+li{margin-top:.25em}.note-editor__preview blockquote{margin:0 0 .75em;padding-left:12px;border-left:3px solid var(--border-color);color:var(--text-secondary)}.note-editor__preview code{padding:.1em .35em;border-radius:4px;background:var(--surface-secondary);font-family:Consolas,Courier New,monospace;font-size:.92em}.note-editor__preview pre{margin:0 0 .75em;padding:10px 12px;border-radius:6px;background:var(--surface-secondary);overflow-x:auto}.note-editor__preview pre code{padding:0;background:transparent}.note-editor__preview a{color:var(--accent-color);text-decoration:underline}.note-editor__preview hr{margin:1em 0;border:none;border-top:1px solid var(--border-color)}.note-editor__preview table{width:100%;margin:0 0 .75em;border-collapse:collapse}.note-editor__preview th,.note-editor__preview td{padding:6px 10px;border:1px solid var(--border-color)}.note-editor__preview th{background:var(--surface-secondary);font-weight:600}.note-editor__content-surface .ant-input-textarea{flex:1;min-height:0;display:flex;flex-direction:column}.note-editor__body .ant-input-textarea,.note-editor__body textarea,.note-editor__textarea.ant-input{flex:1;min-height:0;border:none!important;box-shadow:none!important;outline:none!important;resize:none;background:transparent!important;color:var(--text-primary);line-height:1.7;font-family:inherit;font-size:var(--editor-font-size)!important;padding:10px}.note-editor__body textarea::placeholder{color:var(--text-secondary)}.category-manager__label{display:block;font-weight:600}.category-manager__list{max-height:240px;overflow-y:auto}.category-manager__item-row{width:100%}.category-manager__item{padding-inline:0!important}.settings-panel__label{display:block;margin-bottom:8px}.settings-panel__options{margin-bottom:8px}.settings-panel__hint{margin-bottom:0!important}.settings-panel__divider{margin:16px 0!important}.settings-panel__sync-btn,.settings-panel__banner-row{margin-bottom:12px}.settings-panel__auto-sync{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-panel__auto-sync-label{font-weight:600}.login-page{min-height:100vh;padding:24px;background:var(--bg)}.login-page__card{width:100%;max-width:360px;padding:32px 28px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-primary);box-shadow:var(--shadow-sm)}.login-page__logo{border-radius:9px!important;background:conic-gradient(from 200deg,#ff5fa2,#7c4de0,#3c6bff,#ff5fa2)!important;font-size:calc(var(--font-size-base) * 18 / 14);font-weight:700;color:#fff!important;box-shadow:0 4px 12px #7c4de059}.login-page__title{margin:0!important;font-weight:600!important;color:var(--text-primary)!important}.login-page__subtitle{font-size:var(--font-size-base)}.login-page__form .ant-form-item{margin-bottom:16px}.login-page__form .ant-form-item-label>label{font-weight:600;color:var(--text-primary)}.login-page__error{display:block;margin-bottom:12px}.login-page__submit{margin-top:4px;height:36px;font-weight:600;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #2f6bed47}html,body,#root{height:100%;margin:0;overflow-x:hidden}*{box-sizing:border-box}:root,[data-theme=light]{--bg: #f4f5fa;--surface-primary: #ffffff;--surface-secondary: #f7f8fc;--surface-hover: #f7f8fc;--text-primary: #1c2030;--text-secondary: #737a91;--text-muted: #9aa0b4;--border-color: #eaecf4;--border-color-strong: #e3e6f0;--accent-color: #2f6bed;--accent-hover: #2560d4;--accent-bg: #e7eeff;--emphasis-color: #5b50e6;--emphasis-bg: #eeebff;--shadow-sm: 0 1px 2px rgba(28, 32, 48, .06), 0 1px 3px rgba(28, 32, 48, .04);--radius-sm: 8px;--radius-md: 10px;--scrollbar-size: 9px;--scrollbar-thumb: #d3d7e4;--scrollbar-thumb-hover: #bcc1d4;--scrollbar-track: transparent;--font-size-base: 14px;--app-bar-height: 48px;--app-header-height: calc(var(--app-bar-height) * 2);--app-header-scale: 2}[data-theme=dark]{--bg: #141722;--surface-primary: #1c2030;--surface-secondary: #252a3a;--surface-hover: #2e3448;--text-primary: #e8eaf0;--text-secondary: #9aa0b4;--text-muted: #737a91;--border-color: #2e3448;--border-color-strong: #383e52;--accent-color: #5b8def;--accent-hover: #4a7de0;--accent-bg: rgba(47, 107, 237, .18);--emphasis-color: #8b82f0;--emphasis-bg: rgba(91, 80, 230, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .14);--scrollbar-thumb: #4a4f63;--scrollbar-thumb-hover: #5c6278;--scrollbar-track: transparent}html{font-size:var(--font-size-base);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:var(--font-size-base);line-height:1.55;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}button,input,textarea{font-family:inherit;font-size:inherit}.sticky-notes-app.ant-layout{width:100%;max-width:100%;min-width:960px;min-height:100vh;overflow:hidden;background:var(--bg);font-family:inherit}.main-layout.ant-layout-content{min-height:0;height:calc(100vh - var(--app-header-height) - var(--app-bar-height));overflow:hidden;padding:0}