.pomodoro-timer-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.pomodoro-timer-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:500px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.pomodoro-timer-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.pomodoro-timer-content .pomodoro-timer-header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.pomodoro-timer-content .pomodoro-timer-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.timer-display{display:flex;justify-content:center;margin-bottom:16px}.timer-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Google Sans Code,monospace;position:relative;background-color:transparent}.timer-circle.focus .progress-ring__circle{stroke:#f80}.timer-circle.break .progress-ring__circle{stroke:#52c41a}.timer-circle.long-break .progress-ring__circle{stroke:#f80}.timer-circle .time-text{font-size:36px;font-weight:700;color:#343009;z-index:2}.timer-circle .timer-type{font-size:16px;color:#343009;margin-top:8px;text-transform:capitalize;z-index:2}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);z-index:1}.progress-ring__circle{transition:stroke-dashoffset .5s linear;stroke-linecap:round;stroke:#f80;fill:#ff880026;border-radius:50%}.timer-controls{display:flex;flex-direction:column;gap:16px}.timer-options{display:flex;justify-content:space-between;gap:8px}.timer-options .timer-option{flex:1;padding:10px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#343009;font-family:Google Sans,sans-serif;cursor:pointer;transition:all .2s ease}.timer-options .timer-option:hover:not(:disabled){background-color:#f6f0ac;border-color:#2e2fe3}.timer-options .timer-option:disabled{opacity:.6;cursor:not-allowed}.timer-options .timer-option.active{background-color:#f80;color:#fff;border-color:#f80}.timer-actions{display:flex;justify-content:center}.timer-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease;min-width:100px}.timer-button:hover{transform:translateY(-1px)}.timer-button:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-panel{display:flex;flex-direction:column;gap:16px}.settings-panel h3{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.settings-panel .setting-item{display:flex;flex-direction:column;gap:8px}.settings-panel .setting-item label{font-family:Google Sans,sans-serif;color:#343009;font-size:14px}.settings-panel .setting-item input[type=number]{padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans,sans-serif;color:#343009;background-color:#e7e6e4;width:100px}.settings-panel .setting-item input[type=number]:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.settings-panel .setting-item input[type=number]:disabled{background-color:#e8e8e8;opacity:.6}.settings-panel .settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.save-btn{background-color:#f80;color:#fff}.save-btn:hover{background-color:#cc6d00}.reset-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0}.reset-btn:hover{background-color:#e0e0e0}.pomodoro-timer-buttons{display:flex;gap:12px;justify-content:flex-end}.stopwatch-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.stopwatch-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:360px;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px}@media(max-width:1023px){.stopwatch-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.stopwatch-content .stopwatch-header{display:flex;align-items:center;gap:4px;width:100%}.stopwatch-content .stopwatch-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.stopwatch-display{display:flex;justify-content:center}.stopwatch-time{font-family:Google Sans Code,monospace;font-size:56px;font-weight:700;color:#343009;letter-spacing:2px;line-height:1}.stopwatch-last{font-family:Google Sans,sans-serif;font-size:14px;color:#343009;opacity:.6}.stopwatch-actions{display:flex;justify-content:center;gap:8px}.stopwatch-button{padding:10px 32px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease;min-width:120px}.stopwatch-button:hover{transform:translateY(-1px)}.stopwatch-button:active{transform:translateY(0)}.start-btn{background-color:#52c41a;color:#fff}.start-btn:hover{background-color:#3f9714}.stop-btn{background-color:#ff4d4f;color:#fff}.stop-btn:hover{background-color:#ff1a1d}.quick-tools{position:fixed;bottom:20px;right:20px;z-index:1000;transition:all .3s ease}.quick-tools .quick-tools-content{display:flex;align-items:center;gap:0;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;border-radius:4px;background:#ffffff8c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.quick-tools .quick-tools-content .quick-tools-toggle{background-color:transparent;border:none;border-right:1px solid #e0e0e0;border-radius:0 4px 4px 0;padding:11px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.quick-tools .quick-tools-content .quick-tools-toggle:hover{background-color:#f6f0ac}.quick-tools .quick-tools-content .quick-tools-toggle svg{transition:transform .2s ease}.quick-tools .quick-tools-content .quick-tools-panel{background-color:transparent;border:none;border-radius:4px 0 0 4px;height:42px;box-sizing:border-box;padding:2px 8px;display:flex;align-items:center;overflow:hidden;column-gap:12px}.quick-tools .quick-tools-content .quick-tools-items{display:flex;align-items:center;gap:8px;width:100%}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button{display:flex;align-items:center;gap:4px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:6px 10px;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;color:#343009;transition:all .2s ease}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button:hover{background-color:#f6f0ac;border-color:#2e2fe3}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button svg{display:inline-block;vertical-align:middle}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button span{display:inline-block;vertical-align:middle}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button.active{color:#c00}.quick-tools .quick-tools-content .tool-group{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px}.quick-tools .quick-tools-content .tool-group .tool-group-label{font-size:9pt;color:#343009;opacity:.6;text-transform:capitalize}.quick-tools.collapsed .quick-tools-content .quick-tools-toggle{border-radius:4px}.quick-tools.expanded .quick-tools-content .quick-tools-panel{height:60px}.quick-tools.expanded .quick-tools-content .pocket-display-container{height:48px;align-items:flex-start;padding-top:8px}.quick-tools.expanded .quick-tools-content .quick-tools-toggle{border-radius:0 4px 4px 0;height:60px;padding-left:14px}@media(max-width:1023px){.quick-tools .quick-tools-content .quick-tools-panel{column-gap:6px;padding:2px 4px}.quick-tools .quick-tools-content .quick-tools-items{gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-tools .quick-tools-content .quick-tools-items .quick-tool-button{padding:4px 6px;flex-shrink:0}.quick-tools .quick-tools-content .tool-group .tool-group-label{display:none}.quick-tools .quick-tools-content .pocket-display-container{width:32px;height:28px;padding:2px 4px 2px 0}.quick-tools .quick-tools-content .pocket-display-container .container{width:30px;height:26px}.quick-tools .quick-tools-content .quick-tools-toggle{padding:8px 6px}.quick-tools.expanded .quick-tools-content .quick-tools-panel{height:44px}.quick-tools.expanded .quick-tools-content .pocket-display-container{height:36px;padding-top:4px}.quick-tools.expanded .quick-tools-content .quick-tools-toggle{height:44px;padding-left:8px}}.quick-tools .tool-history-restore{display:inline-flex;align-items:center}.quick-tools .tool-history-restore .tool-history-restore-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;color:#343009;padding:0;transition:background-color .2s ease;opacity:.5}.quick-tools .tool-history-restore .tool-history-restore-btn:hover{opacity:1;background-color:#f6f0ac;border-color:#e0e0e0}.tool-history-restore-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.tool-history-restore-dialog{position:relative;background:#fffd;padding:20px;border-radius:5px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:360px;max-width:500px;max-height:80vh;overflow-y:auto}.tool-history-restore-close{position:absolute;top:10px;right:10px}.tool-history-restore-close button{color:#343009;border:none}.tool-history-restore-content .tool-history-restore-title{margin-top:0;margin-bottom:15px;color:#343009;font-family:Google Sans,sans-serif;font-size:16px}.tool-history-restore-content .tool-history-restore-item{display:flex;flex-direction:column;padding:8px 10px;cursor:pointer;border-bottom:1px solid #e0e0e0;transition:background-color .15s ease;position:relative}.tool-history-restore-content .tool-history-restore-item:last-child{border-bottom:none}.tool-history-restore-content .tool-history-restore-item:hover{background-color:#f6f0ac}.tool-history-restore-content .tool-history-restore-item:hover .tool-history-restore-item-actions{opacity:1}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-title{font-family:Google Sans,sans-serif;font-size:13px;color:#343009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-title-input{font-family:Google Sans,sans-serif;font-size:13px;color:#343009;background:#e7e6e4;border:1px solid #FF8800;border-radius:3px;padding:2px 6px;outline:none;width:100%;box-sizing:border-box}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-date{font-family:Google Sans,sans-serif;font-size:11px;color:#343009;opacity:.6;margin-top:2px}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-actions{position:absolute;top:6px;right:10px;display:flex;gap:2px;align-items:center;opacity:0;transition:opacity .15s ease}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-rename-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#343009;padding:0;transition:background-color .15s ease}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-rename-btn:hover{background-color:#e0e0e0}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-delete-btn .delete-button{padding:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tool-history-restore-content .tool-history-restore-item .tool-history-restore-item-delete-btn .delete-icon{width:12px!important;height:12px!important}.tool-history-restore-content .tool-history-restore-empty{padding:12px 10px;font-family:Google Sans,sans-serif;font-size:13px;color:#343009;opacity:.6;text-align:center}.tool-history-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 10px 0}.tool-history-pagination .tool-history-pagination-btn{font-family:Google Sans,sans-serif;font-size:12px;color:#343009;background:#fff;border:1px solid #e0e0e0;border-radius:3px;padding:4px 12px;cursor:pointer;transition:background-color .15s ease}.tool-history-pagination .tool-history-pagination-btn:hover:not(:disabled){background-color:#f6f0ac;border-color:#2e2fe3}.tool-history-pagination .tool-history-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.tool-history-pagination .tool-history-pagination-info{font-family:Google Sans,sans-serif;font-size:12px;color:#343009;opacity:.7;min-width:80px;text-align:center}.tool-history-clear-area{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 10px 0;border-top:1px solid #e0e0e0;margin-top:8px}.tool-history-clear-area .tool-history-clear-checkbox{display:flex;align-items:center;gap:4px;font-family:Google Sans,sans-serif;font-size:12px;color:#343009;cursor:pointer}.tool-history-clear-area .tool-history-clear-checkbox input[type=checkbox]{margin:0;cursor:pointer}.tool-history-clear-area .tool-history-clear-btn{font-family:Google Sans,sans-serif;font-size:12px;color:#ff4d4f;background:transparent;border:1px solid #ff4d4f;border-radius:3px;padding:3px 24px;height:30px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tool-history-clear-area .tool-history-clear-btn:hover{background-color:#ff4d4f;color:#fff}.randomizer-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.randomizer-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.randomizer-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.randomizer-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .randomizer-content{max-width:90vw;width:90vw;max-height:90vh}.randomizer-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.randomizer-header{display:flex;justify-content:space-between;align-items:center}.randomizer-header h2{margin:0;text-align:left}.randomizer-textarea{width:calc(100% - 24px);min-height:200px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.randomizer-textarea:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.is-expanded .randomizer-textarea{min-height:60vh;max-height:70vh}.randomizer-buttons{display:flex;gap:12px;justify-content:flex-end}.randomizer-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.randomizer-button:hover{transform:translateY(-1px)}.randomizer-button:active{transform:translateY(0)}.randomize-btn{background-color:#f80;color:#fff}.randomize-btn:hover{background-color:#cc6d00;color:#fff}.uuid-generator-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.uuid-generator-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.uuid-generator-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.uuid-generator-content .uuid-generator-header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.uuid-generator-content .uuid-generator-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.uuid-display-wrapper{display:flex;align-items:flex-start;gap:8px}.uuid-display{flex-grow:1;min-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4;word-break:break-all;resize:none}.uuid-display:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.uuid-generator-buttons{display:flex;gap:12px;justify-content:flex-end}.uuid-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.uuid-button:hover{transform:translateY(-1px)}.uuid-button:active{transform:translateY(0)}.generate-btn{background-color:#f80;color:#fff}.generate-btn:hover{background-color:#cc6d00;color:#fff}.copy-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;min-width:40px}.password-options{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#e7e6e4;border-radius:4px;border:1px solid #e0e0e0}.password-options-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:4px 0;font-weight:500;color:#343009;font-family:Google Sans,sans-serif;font-size:14px}.password-options-header:hover{color:#f80}.password-option-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.password-option-row label{display:flex;align-items:center;gap:6px;color:#343009;font-family:Google Sans,sans-serif;font-size:14px;cursor:pointer}.password-option-row label input[type=checkbox]{cursor:pointer;accent-color:#FF8800}.password-option-row:first-child label:first-child{min-width:100px}.password-option-row .generate-btn{width:100%;background-color:#f80;color:#fff}.password-option-row .generate-btn:hover{background-color:#cc6d00;color:#fff}.password-length-slider{flex-grow:1;max-width:200px;height:6px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.password-length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#f80;border-radius:50%;cursor:pointer}.password-length-slider::-webkit-slider-thumb:hover{background:#cc6d00}.password-length-slider::-moz-range-thumb{width:16px;height:16px;background:#f80;border-radius:50%;cursor:pointer;border:none}.password-length-slider::-moz-range-thumb:hover{background:#cc6d00}.password-generator-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.password-generator-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:600px;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.password-generator-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.password-generator-content .password-generator-header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.password-generator-content .password-generator-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.password-input-wrapper{display:flex;align-items:center;gap:8px}.password-input{flex-grow:1;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.password-input:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.password-actions{display:flex;gap:8px}.password-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-button:hover{transform:translateY(-1px)}.password-button:active{transform:translateY(0)}.visibility-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0;min-width:40px}.visibility-btn:hover{background-color:#e0e0e0}.copy-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0;min-width:40px}.copy-btn:hover{background-color:#e0e0e0}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.password-generator-buttons{display:flex;gap:12px;justify-content:flex-end}.change-type-button-container{position:relative;display:inline-block}.change-type-button-container .change-type-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.change-type-button-container .change-type-button:hover{background-color:#e0e0e0}.change-type-button-container .change-type-button:focus{outline:2px solid #2E2FE3;outline-offset:2px}.change-type-button-container .change-type-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.change-type-button-container .change-type-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}.note-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.note-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.note-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.note-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .note-content{max-width:90vw;width:90vw;max-height:90vh}.note-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.note-header{display:flex;justify-content:space-between;align-items:center}.note-header h2{margin:0;text-align:left}.note-tabs{display:flex;gap:8px;border-bottom:1px solid #e0e0e0;padding-bottom:8px;margin-bottom:8px}.note-tabs .note-tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:4px 4px 0 0;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;color:#343009;transition:all .2s ease}.note-tabs .note-tab:hover{background-color:#e0e0e0}.note-tabs .note-tab.active{background-color:#2e2fe3;color:#fff;font-weight:500}.note-preview{width:calc(100% - 24px);min-height:200px;max-height:400px;overflow:auto;padding:12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#e7e6e4}.is-expanded .note-preview{min-height:60vh;max-height:70vh}.note-textarea{width:calc(100% - 24px);min-height:200px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.note-textarea:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.is-expanded .note-textarea{min-height:60vh;max-height:70vh}.note-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.note-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.note-button:hover{transform:translateY(-1px)}.note-button:active{transform:translateY(0)}.clear-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0}.diary-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.diary-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.diary-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:500px;max-width:700px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.diary-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .diary-content{max-width:90vw;width:90vw;max-height:90vh}.diary-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.diary-header{display:flex;justify-content:space-between;align-items:center}.diary-header h2{margin:0;text-align:left}.diary-editor{padding:12px;font-family:Google Sans Code,monospace;max-height:400px;overflow-y:auto}.is-expanded .diary-editor{max-height:70vh}.diary-editor__add-form{padding:12px;border-radius:4px;margin-bottom:16px}.diary-editor__form-row{margin-bottom:12px;display:flex;gap:12px;align-items:flex-start}.diary-editor__label{display:block;margin-bottom:4px;font-weight:700;color:#343009}.diary-editor__textarea{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans Code,monospace;font-size:14px;resize:vertical;color:#343009}.diary-editor__textarea:focus{outline:none;border-color:#2e2fe3}.diary-editor__add-button{margin-top:8px}.diary-editor__clear-button{margin-bottom:12px}.diary-editor__list{margin-top:16px}.diary-editor__empty{padding:12px;color:#343009;opacity:.6;font-style:italic;text-align:center}.diary-editor__item{padding:12px;margin-bottom:8px;border-left:3px solid #2E2FE3}.diary-editor__item-header{display:flex;justify-content:space-between;margin-bottom:8px;color:#343009;opacity:.7;font-size:12px}.diary-editor__item-index{font-weight:700}.diary-editor__item-text{white-space:pre-wrap;color:#343009}.diary-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.diary-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.diary-button:hover{transform:translateY(-1px)}.diary-button:active{transform:translateY(0)}.days-between-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.days-between-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:450px;max-width:550px;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.days-between-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.days-between-content .days-between-header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.days-between-content .days-between-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.date-input-row{display:flex;align-items:center;gap:12px}.date-label{min-width:110px;color:#343009;font-family:Google Sans,sans-serif;font-size:14px}.date-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4;text-align:center}.date-input:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.date-input::placeholder{color:#34300980}.date-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.date-button:hover{transform:translateY(-1px)}.date-button:active{transform:translateY(0)}.today-btn{background-color:#f80;color:#fff}.today-btn:hover{background-color:#cc6d00;color:#fff}.calendar-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0}.calendar-btn:hover{background-color:#e0e0e0}.days-result{padding:12px 16px;background-color:#e7e6e4;border-radius:4px;border:1px solid #e0e0e0;text-align:center}.days-label{color:#343009;font-family:Google Sans,sans-serif;font-size:14px}.days-value{color:#f80;font-family:Google Sans Code,monospace;font-size:18px;font-weight:700}.days-value.invalid{color:#34300980}.days-between-buttons{display:flex;gap:12px;justify-content:flex-end}.days-between-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.days-between-button:hover{transform:translateY(-1px)}.days-between-button:active{transform:translateY(0)}.date-popup{position:absolute;background-color:#fffd;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;display:flex;flex-direction:column;gap:4px;padding:4px;z-index:1001}.popup-option{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;color:#343009;background-color:transparent;text-align:left;transition:background-color .2s ease}.popup-option:hover{background-color:#e0e0e0}.comments-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.comments-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.comments-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:500px;max-width:700px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.comments-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .comments-content{max-width:90vw;width:90vw;max-height:90vh}.comments-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.comments-content h3{margin:0;color:#343009;font-family:Google Sans,sans-serif;font-size:16px}.comments-header{display:flex;justify-content:space-between;align-items:center}.comments-header h2{margin:0;text-align:left}.comments-input-section{display:flex;flex-direction:column;gap:8px}.comments-textarea{width:calc(100% - 24px);min-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.comments-textarea:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.comments-input-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.comments-list-section{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow:hidden}.is-expanded .comments-list-section{max-height:500px}.comments-list-header{display:flex;justify-content:space-between;align-items:center}.comments-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto;padding:8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#e7e6e4}.comments-empty{text-align:center;color:#343009;font-style:italic;padding:20px}.comment-item{padding:12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fffd;display:flex;flex-direction:column;gap:8px}.comment-item:hover{border-color:#2e2fe3}.comment-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.comment-type{color:#343009;font-weight:500}.comment-date{color:#343009;opacity:.7}.comment-text{font-size:14px;color:#343009}.comment-markdown-preview,.comment-plaintext-preview{white-space:pre-wrap;word-break:break-word;max-height:60px;overflow:hidden}.comment-actions{display:flex;gap:8px;justify-content:flex-end}.comments-preview-mode{display:flex;flex-direction:column;gap:12px}.comments-preview-header{display:flex;justify-content:space-between;align-items:center}.comments-preview-date{color:#343009;font-size:14px;opacity:.7}.comments-preview-content{padding:12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#e7e6e4;max-height:300px;overflow-y:auto}.comments-plaintext-display{white-space:pre-wrap;word-break:break-word;font-family:Google Sans Code,monospace;font-size:14px;color:#343009}.comments-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.comments-button{padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.comments-button:hover{transform:translateY(-1px)}.comments-button:active{transform:translateY(0)}.comments-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-btn{background-color:#2e2fe3;color:#fff}.add-btn:hover:not(:disabled){background-color:#1a1bc4;color:#fff}.clear-btn{background-color:#fff;color:#343009}.clear-btn:hover{background-color:#e0e0e0}.back-btn{background-color:#fff;color:#343009}.back-btn:hover{background-color:#e0e0e0}.preview-btn{background-color:#fff;color:#343009}.preview-btn:hover{background-color:#e0e0e0}.delete-btn{background-color:#fff;color:#343009}.delete-btn:hover{background-color:#ccc}.close-btn{background-color:#fff;color:#343009}.comment-type-button{padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#343009;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;transition:all .2s ease}.comment-type-button:hover{background-color:#e0e0e0;transform:translateY(-1px)}.comment-type-button:active{transform:translateY(0)}.json-tool-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.json-tool-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.json-tool-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:500px;max-width:700px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.json-tool-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .json-tool-content{max-width:90vw;width:90vw;max-height:90vh}.json-tool-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.json-tool-header{display:flex;justify-content:space-between;align-items:center}.json-tool-header h2{margin:0;text-align:left}.json-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.json-buttons-left,.json-buttons-right{display:flex;gap:8px;align-items:center}.json-button{padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease;background-color:#fff;color:#343009}.json-button:hover:not(:disabled){transform:translateY(-1px);background-color:#e0e0e0}.json-button:active:not(:disabled){transform:translateY(0)}.json-button:disabled{opacity:.5;cursor:not-allowed}.json-icon-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;background-color:#fff;color:#343009;transition:all .2s ease}.json-icon-button:hover:not(:disabled){background-color:#e0e0e0;border-color:#2e2fe3}.json-icon-button:disabled{opacity:.5;cursor:not-allowed}.json-status{min-height:24px;font-size:14px;font-family:Google Sans,sans-serif}.json-status .json-status-valid{color:#52c41a;display:flex;align-items:center;gap:6px}.json-status .json-status-invalid{color:#ff4d4f;display:flex;align-items:center;gap:6px}.json-textarea{width:calc(100% - 24px);min-height:300px;max-height:400px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.json-textarea:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.is-expanded .json-textarea{min-height:60vh;max-height:70vh}.json-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.calculator-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.calculator-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:320px;max-width:400px;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.calculator-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.calculator-content .calculator-header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.calculator-content .calculator-header h2{margin:0;color:#343009;font-family:Google Sans,sans-serif;text-align:center;flex:1}.calculator-display{background-color:#e7e6e4;border:1px solid #e0e0e0;border-radius:4px;padding:16px;text-align:right;position:relative;min-height:60px;display:flex;flex-direction:column;justify-content:center}.display-previous{color:#34300999;font-family:Google Sans Code,monospace;font-size:14px;min-height:20px}.display-operation{margin-left:8px;color:#f80}.display-current{color:#343009;font-family:Google Sans Code,monospace;font-size:24px;font-weight:500;word-break:break-all}.display-memory{position:absolute;top:8px;left:8px;background-color:#f80;color:#fff;font-family:Google Sans Code,monospace;font-size:10px;padding:2px 6px;border-radius:2px}.calculator-buttons{display:flex;flex-direction:column;gap:8px}.button-row{display:flex;gap:8px}.calc-btn{flex:1;padding:12px 8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#343009;font-family:Google Sans Code,monospace;font-size:16px;cursor:pointer;transition:all .2s ease}.calc-btn:hover{background-color:#e0e0e0}.calc-btn:active{transform:scale(.98)}.memory-btn{background-color:#e7e6e4;font-size:12px;padding:8px 4px}.func-btn{background-color:#e7e6e4;font-weight:500}.op-btn{background-color:#f80;color:#fff;border-color:#f80}.op-btn:hover{background-color:#cc6d00}.num-btn{font-weight:500}.zero-btn{flex:2}.calculator-footer{display:flex;justify-content:space-between;align-items:center}.keyboard-hint{color:#34300980;font-family:Google Sans,sans-serif;font-size:11px}.close-btn{padding:8px 16px;background-color:#fff;color:#343009;border:1px solid #e0e0e0}.diagram-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.diagram-container.is-expanded{background-color:transparent;align-items:flex-start;padding:40px}.diagram-content{background-color:#fffe;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:500px;max-width:800px;max-height:80vh;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.diagram-content{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.is-expanded .diagram-content{max-width:90vw;width:90vw;max-height:90vh}.diagram-content h2{margin:0 0 16px;color:#343009;font-family:Google Sans,sans-serif;text-align:center}.diagram-header{display:flex;justify-content:space-between;align-items:center}.diagram-header h2{margin:0;text-align:left}.diagram-tabs{display:flex;gap:8px;border-bottom:1px solid #e0e0e0;padding-bottom:8px;margin-bottom:8px}.diagram-tabs .diagram-tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:4px 4px 0 0;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;color:#343009;transition:all .2s ease}.diagram-tabs .diagram-tab:hover{background-color:#e0e0e0}.diagram-tabs .diagram-tab.active{background-color:#2e2fe3;color:#fff;font-weight:500}.diagram-type-row{display:flex;gap:8px;align-items:center}.diagram-type-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-family:Google Sans,sans-serif;font-size:14px;color:#343009;background-color:#e7e6e4;cursor:pointer;flex:1}.diagram-type-select:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.diagram-examples-wrapper{position:relative}.diagram-examples-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-size:13px;font-weight:500;color:#343009;transition:all .2s ease}.diagram-examples-toggle:hover{background-color:#e0e0e0}.diagram-examples-toggle:focus{outline:none;border-color:#2e2fe3}.diagram-examples-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;max-height:300px;overflow-y:auto;background-color:#fffd;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px;z-index:10}.diagram-examples-group-label{padding:6px 10px 4px;font-family:Google Sans,sans-serif;font-size:11px;font-weight:600;color:#343009;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.diagram-examples-item{display:block;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;font-family:Google Sans,sans-serif;font-size:13px;color:#343009;transition:background .15s ease}.diagram-examples-item:hover{background-color:#f6f0ac}.diagram-examples-item:focus{outline:none}.diagram-textarea{width:calc(100% - 24px);min-height:250px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;font-family:Google Sans Code,monospace;font-size:14px;color:#343009;background-color:#e7e6e4}.diagram-textarea:focus{outline:none;border-color:#2e2fe3;box-shadow:0 0 0 2px #2e2fe333}.is-expanded .diagram-textarea{min-height:50vh;max-height:60vh}.diagram-render-area{position:relative;min-height:100px;border:1px solid #e0e0e0;border-radius:4px;background-color:#e7e6e4;padding:8px;display:flex;justify-content:center;align-items:center}.is-expanded .diagram-render-area{min-height:200px;height:62vh}.diagram-preview-scroll{position:absolute;inset:8px;overflow:auto;display:flex}.diagram-loading{color:#343009;font-family:Google Sans,sans-serif;font-size:14px;opacity:.7}.diagram-error{color:#ff4d4f;font-family:Google Sans,sans-serif;font-size:14px;padding:8px;text-align:center}.diagram-preview-image{max-width:100%;max-height:400px;object-fit:contain;margin:auto;transform-origin:top center;transition:transform .15s ease}.is-expanded .diagram-preview-image{max-height:70vh}.diagram-zoom-controls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px;background-color:#fffd;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diagram-zoom-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background-color:transparent;color:#343009;cursor:pointer;transition:background .15s ease}.diagram-zoom-button:hover{background-color:#e0e0e0}.diagram-zoom-button:focus{outline:none;border-color:#2e2fe3}.diagram-zoom-level{min-width:48px;padding:4px 8px;border:none;border-radius:4px;background-color:transparent;color:#343009;font-family:Google Sans,sans-serif;font-size:12px;font-weight:500;text-align:center;cursor:pointer;transition:background .15s ease}.diagram-zoom-level:hover{background-color:#e0e0e0}.diagram-zoom-level:focus{outline:none}.diagram-file-input{display:none}.diagram-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center}.diagram-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:Google Sans,sans-serif;font-weight:500;transition:all .2s ease}.diagram-button:hover{transform:translateY(-1px)}.diagram-button:active{transform:translateY(0)}.diagram-button:disabled{opacity:.5;cursor:not-allowed}.diagram-button:disabled:hover{transform:none}.diagram-button:disabled:active{transform:none}.close-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0}.close-btn:hover{background-color:#e0e0e0}.clear-btn,.save-btn,.load-btn,.export-btn{background-color:#fff;color:#343009;border:1px solid #e0e0e0}.clear-btn:hover,.save-btn:hover,.load-btn:hover,.export-btn:hover{background-color:#e0e0e0}.render-btn{background-color:#f80;color:#fff}.render-btn:hover{opacity:.9}