body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Hiragino Sans,Microsoft JhengHei,Heiti TC,Noto Sans TC,Helvetica Neue,Arial,sans-serif;background-color:#fff;color:#1f2937;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;transition:background-color .3s,color .3s}.container{width:90%;max-width:800px;text-align:center;transition:all .3s ease-in-out}h1{color:#1f2937;font-weight:700}.title-short{display:none}.subtitle{color:#6b7280;margin-bottom:2rem}#ime-container{position:relative}#main-editor{width:100%;height:300px;padding:15px;border:1px solid #d1d5db;border-radius:.75rem;font-size:1.2rem;line-height:1.6;box-sizing:border-box;transition:border-color .3s,height .3s ease-in-out,font-size .2s ease-in-out;text-align:left;overflow-y:auto}#main-editor[data-empty]:before{content:attr(placeholder);color:#9ca3af;pointer-events:none}#main-editor:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}#ime-bar{position:absolute;background-color:#ffffffe6;border:1px solid #eee;border-radius:4px;padding:5px 10px;font-size:1rem;display:none;align-items:center;z-index:10}#input-buffer{color:#0056b3;font-weight:500;margin-right:10px}#candidate-list{color:#444}.mode-line{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}#mode-indicator{font-weight:500;color:#d9534f;cursor:pointer}#editor-tabs{margin-right:15px;display:flex;gap:8px}.tab-button{font-weight:500;border-radius:.5rem;transition:all .2s ease-in-out;background-color:transparent;color:#374151;border:1px solid #9ca3af;width:40px;height:28px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tab-button:hover{transform:translateY(-1px);color:#3b82f6;border-color:#3b82f6}.tab-button.active{background-color:#1f2937;color:#fff;border-color:#1f2937;box-shadow:none}.tab-button.active:hover{background-color:#000}.button-container{margin-top:1rem;display:flex;justify-content:center;gap:10px}#copy-button,#zoom-in-button,#zoom-out-button,#save-md-button,#restore-button,#save-temp-button,#description-button,#immersive-toggle-button,#hackmd-open-button,#hackmd-save-button,#theme-toggle-button{padding:8px 15px;font-size:.9rem;font-family:inherit;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}#copy-button:hover,#zoom-in-button:hover,#zoom-out-button:hover,#save-md-button:hover,#restore-button:hover,#save-temp-button:hover,#description-button:hover,#immersive-toggle-button:hover,#hackmd-open-button:hover,#hackmd-save-button:hover,#theme-toggle-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}#copy-button,#save-md-button,#restore-button,#hackmd-open-button,#hackmd-save-button,#save-temp-button{background-color:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}#copy-button:hover,#save-md-button:hover,#restore-button:hover,#hackmd-open-button:hover,#hackmd-save-button:hover,#save-temp-button:hover{background-color:#dbeafe;border-color:#bfdbfe}#zoom-in-button,#zoom-out-button,#description-button,#immersive-toggle-button,#theme-toggle-button{background-color:#fff;color:#374151;border:1px solid #d1d5db}#zoom-in-button:hover,#zoom-out-button:hover,#description-button:hover,#immersive-toggle-button:hover,#theme-toggle-button:hover{background-color:#f9fafb;border-color:#9ca3af}#zoom-in-button{margin-left:10px}#logo-container{position:fixed;top:10px;left:20px;z-index:1001;display:flex;align-items:center;cursor:pointer}#logo-container img{height:45px;width:auto;transition:filter .3s ease-in-out}#logo-container img.disabled-logo{filter:grayscale(100%) opacity(.6)}.version-text{font-size:.9rem;color:#6b7280;margin-left:8px;font-weight:500}body.dark-mode .version-text{color:#94a3b8}#description-button{left:190px}#theme-toggle-button{right:20px}#immersive-toggle-button{right:130px}#restore-button{left:80px}body.dark-mode{background-color:#000;color:#e2e8f0}body.dark-mode h1{color:#22d3ee;text-shadow:0 0 6px rgba(34,211,238,.4)}body.dark-mode .subtitle{color:#94a3b8}body.dark-mode #logo-container img{filter:invert(1) hue-rotate(180deg)}body.dark-mode #logo-container img.disabled-logo{filter:invert(1) grayscale(100%) opacity(.5)}body.dark-mode #main-editor{background-color:#101010;color:#e2e8f0;border-color:#334155;border-radius:.75rem}body.dark-mode #main-editor:focus{border-color:#22d3ee;box-shadow:0 0 8px #22d3ee4d}body.dark-mode #ime-bar{background-color:#101010e6;border-color:#334155}body.dark-mode #input-buffer{color:#22d3ee}body.dark-mode #candidate-list{color:#e2e8f0}body.dark-mode #mode-indicator{color:#94a3b8}body.dark-mode #copy-button,body.dark-mode #save-md-button,body.dark-mode #restore-button,body.dark-mode #hackmd-open-button,#hackmd-save-button,body.dark-mode #save-temp-button{background-color:transparent;color:#22d3ee;border:1px solid #22d3ee;box-shadow:0 0 3px #22d3ee66}body.dark-mode #copy-button:hover,body.dark-mode #save-md-button:hover,body.dark-mode #restore-button:hover,body.dark-mode #hackmd-open-button:hover,#hackmd-save-button:hover,body.dark-mode #save-temp-button:hover{background-color:#22d3ee1a;box-shadow:0 0 8px #22d3ee99}body.dark-mode #zoom-in-button,body.dark-mode #zoom-out-button,body.dark-mode #description-button,body.dark-mode #immersive-toggle-button,body.dark-mode #theme-toggle-button{background-color:transparent;color:#94a3b8;border:1px solid #334155}body.dark-mode #zoom-in-button:hover,body.dark-mode #zoom-out-button:hover,body.dark-mode #description-button:hover,body.dark-mode #immersive-toggle-button:hover,body.dark-mode #theme-toggle-button:hover{color:#22d3ee;border-color:#22d3ee}body.dark-mode .tab-button{background-color:transparent;color:#94a3b8;border:1px solid #334155}body.dark-mode .tab-button:hover{color:#22d3ee;border-color:#22d3ee}body.dark-mode .tab-button.active{background-color:#22d3ee;color:#000;border-color:#22d3ee;text-shadow:none}body.dark-mode .tab-button.active:hover{background-color:#5fffff;border-color:#5fffff}body.immersive-mode .container{width:100%;max-width:100%;height:100vh;padding:20px;box-sizing:border-box}body.immersive-mode #main-editor{height:calc(100vh - 150px)}body.immersive-mode h1,body.immersive-mode .subtitle,body.immersive-mode #copy-button{display:none}body.immersive-mode .mode-line{padding-top:50px}body.immersive-mode .button-container{position:fixed;bottom:20px;right:20px;margin-top:0;z-index:1001;align-items:flex-end;flex-direction:column;gap:8px}#button-toggle{display:none;cursor:pointer;padding:5px 10px;background-color:#6c757dcc;color:#fff;border-radius:50%;font-weight:700;line-height:1}body.immersive-mode #button-toggle{display:block}body.immersive-mode .button-container>button{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,visibility .3s,transform .3s;pointer-events:none}body.immersive-mode .button-container.expanded>button{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mode-text{padding:3px 8px;border-radius:5px;font-weight:500;transition:background-color .3s,color .3s}body:not(.dark-mode) .mode-text.boshiamy{background-color:#e0eafc;color:#1c59b8}body.dark-mode .mode-text.boshiamy{background-color:#2a4b7b;color:#dce9fa}body:not(.dark-mode) .mode-text.english{background-color:#e5e7eb;color:#374151}body.dark-mode .mode-text.english{background-color:#4b5563;color:#f3f4f6}body:not(.dark-mode) .mode-text.disabled{background-color:#fee2e2;color:#991b1b}body.dark-mode .mode-text.disabled{background-color:#7f1d1d;color:#fecaca}#restore-button:disabled,#save-temp-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#top-button-container{position:fixed;top:10px;right:10px;z-index:1001}#top-button-toggle{display:none;padding:8px 12px;font-size:1.2rem;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer}@media(max-width:550px){#top-button-toggle{display:block}#top-button-container>button:not(#top-button-toggle),#top-button-container>a{display:none}#top-button-container.expanded{background-color:#6c757de6;padding:10px;border-radius:5px}body.dark-mode #top-button-container.expanded{background-color:#101010e6;border:1px solid #334155}#top-button-container.expanded>button:not(#top-button-toggle),#top-button-container.expanded>a{display:block;position:static;width:100%;margin-bottom:5px;text-align:center;box-sizing:border-box}#top-button-container.expanded>:last-child{margin-bottom:0}.font-size-indicator,.title-full{display:none}.title-short{display:inline}}footer{margin-top:2rem;margin-bottom:1rem;font-size:.8rem;color:#9ca3af;text-align:center}body.dark-mode footer{color:#6b7280}body.immersive-mode footer{margin-top:-1.5rem;margin-bottom:.5rem}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);background-color:#1f2937;color:#fff;padding:10px 18px;border-radius:.5rem;font-size:.9rem;max-width:80vw;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:1002}#toast.visible{opacity:1;transform:translate(-50%)}#hackmd-browser-modal,#hackmd-save-modal{width:min(560px,92vw);border:1px solid #d1d5db;border-radius:.75rem;padding:20px 24px;background-color:#fff;color:#1f2937;box-shadow:0 10px 30px #0003}#hackmd-browser-modal::backdrop,#hackmd-save-modal::backdrop{background-color:#00000073}#hackmd-browser-modal h2,#hackmd-save-modal h2{margin:0 0 12px;font-size:1.25rem}#hackmd-browser-modal label,#hackmd-save-modal label{display:block;font-size:.85rem;font-weight:500;margin:10px 0 4px}#hackmd-browser-modal label a,#hackmd-save-modal label a{font-weight:400;margin-left:4px}#hackmd-browser-modal input[type=text],#hackmd-browser-modal input[type=password],#hackmd-browser-modal input[type=search],#hackmd-save-modal input[type=text],#hackmd-save-modal input[type=password],#hackmd-save-modal textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9rem;font-family:inherit;background-color:#fff;color:#1f2937}#hackmd-save-modal textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}#hackmd-browser-modal input:focus,#hackmd-save-modal input:focus,#hackmd-save-modal textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.hackmd-token-line{display:flex;gap:8px}.hackmd-token-line input{flex:1;min-width:0}.hackmd-token-line button{flex:0 0 auto;padding:8px 14px;font-size:.9rem;font-family:inherit;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid #dbeafe;background-color:#eff6ff;color:#3b82f6}.hackmd-token-line button:hover{background-color:#dbeafe;border-color:#bfdbfe}.hackmd-remember{display:flex;align-items:center;gap:6px;font-weight:400}.hackmd-remember input{width:auto}.hackmd-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.hackmd-buttons button{padding:8px 15px;font-size:.9rem;font-family:inherit;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid #d1d5db;background-color:#fff;color:#374151}.hackmd-buttons button:hover{background-color:#f9fafb;border-color:#9ca3af}.hackmd-buttons #hackmd-save-submit{background-color:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}.hackmd-buttons #hackmd-save-submit:hover{background-color:#dbeafe;border-color:#bfdbfe}#hackmd-browser-token-row{display:none;margin-bottom:8px}.hackmd-browser-toolbar{display:flex;gap:8px;margin-bottom:10px}.hackmd-browser-toolbar input{flex:1;min-width:0}.hackmd-browser-toolbar button{flex:0 0 auto;padding:8px 14px;font-size:.9rem;font-family:inherit;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid #d1d5db;background-color:#fff;color:#374151}.hackmd-browser-toolbar button:hover{background-color:#f9fafb;border-color:#9ca3af}#hackmd-browser-list{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;border:1px solid #e5e7eb;border-radius:.5rem;padding:8px;background-color:#f9fafb}.hackmd-note-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;text-align:left;padding:8px 10px;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .15s ease-in-out;font-family:inherit}.hackmd-note-item:hover{border-color:#3b82f6;background-color:#eff6ff}.hackmd-note-title{font-size:.92rem;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hackmd-note-meta{flex:0 0 auto;font-size:.75rem;color:#6b7280}#hackmd-browser-status{margin:10px 0 0;font-size:.85rem;color:#b45309;min-height:1em}#hackmd-save-bound-note{margin:0 0 8px;font-size:.9rem;color:#3b82f6;font-weight:500;display:none}.tab-button.hackmd-bound{position:relative}.tab-button.hackmd-bound:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background-color:#3b82f6}body.dark-mode .tab-button.hackmd-bound:after{background-color:#22d3ee}body.dark-mode #hackmd-browser-modal,body.dark-mode #hackmd-save-modal{background-color:#111827;color:#e5e7eb;border-color:#334155}body.dark-mode #hackmd-browser-modal input[type=text],body.dark-mode #hackmd-browser-modal input[type=password],body.dark-mode #hackmd-browser-modal input[type=search],body.dark-mode #hackmd-save-modal input[type=text],body.dark-mode #hackmd-save-modal input[type=password],body.dark-mode #hackmd-save-modal textarea{background-color:#1f2937;color:#e5e7eb;border-color:#334155}body.dark-mode .hackmd-buttons button,body.dark-mode .hackmd-browser-toolbar button{background-color:transparent;color:#e5e7eb;border-color:#334155}body.dark-mode .hackmd-buttons button:hover,body.dark-mode .hackmd-browser-toolbar button:hover{background-color:#1f2937;border-color:#22d3ee}body.dark-mode .hackmd-buttons #hackmd-save-submit,body.dark-mode .hackmd-token-line button{background-color:transparent;color:#22d3ee;border-color:#22d3ee}body.dark-mode .hackmd-buttons #hackmd-save-submit:hover,body.dark-mode .hackmd-token-line button:hover{background-color:#22d3ee1a}body.dark-mode #hackmd-browser-list{background-color:#0b1220;border-color:#334155}body.dark-mode .hackmd-note-item{background-color:#1f2937;border-color:#334155}body.dark-mode .hackmd-note-item:hover{border-color:#22d3ee;background-color:#22d3ee14}body.dark-mode .hackmd-note-title{color:#e5e7eb}body.dark-mode .hackmd-note-meta{color:#94a3b8}body.dark-mode #hackmd-browser-status{color:#fbbf24}body.dark-mode #hackmd-save-bound-note{color:#22d3ee}#main-editor h1,#main-editor h2,#main-editor h3{margin:.5em 0 .3em;font-weight:700;line-height:1.35}#main-editor h1{font-size:1.5em}#main-editor h2{font-size:1.3em}#main-editor h3{font-size:1.15em}#main-editor ul,#main-editor ol{margin:.3em 0;padding-left:2em}#main-editor ul{list-style-type:disc}#main-editor ol{list-style-type:decimal}#main-editor li{margin:.15em 0}#main-editor blockquote{margin:.4em 0;padding:.2em .9em;border-left:3px solid #93c5fd;color:#6b7280}#main-editor code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background-color:#f3f4f6;border-radius:.25rem;padding:0 .3em}#main-editor pre{margin:.4em 0;padding:.6em .8em;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto;white-space:pre-wrap}#main-editor pre code{background-color:transparent;padding:0}#main-editor a{color:#3b82f6}#main-editor hr{border:none;border-top:1px solid #d1d5db;margin:.8em 0}#main-editor del{color:#9ca3af}body.dark-mode #main-editor blockquote{border-left-color:#22d3ee;color:#9ca3b8}body.dark-mode #main-editor code,body.dark-mode #main-editor pre{background-color:#1f2937;border-color:#334155}body.dark-mode #main-editor a{color:#22d3ee}body.dark-mode #main-editor hr{border-top-color:#334155}body.dark-mode #main-editor del{color:#64748b}body.dark-mode #toast{background-color:#22d3ee;color:#000}