@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);body,h1{color:#1f2937}body{font-family:"Noto Sans TC",sans-serif;background-color:#fff;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{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:empty::before{content:attr(placeholder);color:#9ca3af;pointer-events:none}#main-editor:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}#ime-bar{position:absolute;background-color:rgba(255,255,255,.9);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{align-items:center;margin-bottom:1rem}#mode-indicator{font-weight:500;color:#d9534f;cursor:pointer}#editor-tabs{margin-right:15px;display:flex;gap:8px}.button-container,.mode-line,.tab-button{display:flex;justify-content:center}.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;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,body.dark-mode{background-color:#000}.button-container{margin-top:1rem;gap:10px}#copy-button,#description-button,#immersive-toggle-button,#restore-button,#save-md-button,#theme-toggle-button,#zoom-in-button,#zoom-out-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,#description-button:hover,#immersive-toggle-button:hover,#restore-button:hover,#save-md-button:hover,#theme-toggle-button:hover,#zoom-in-button:hover,#zoom-out-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.05)}#copy-button,#restore-button,#save-md-button{background-color:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}#copy-button:hover,#restore-button:hover,#save-md-button:hover{background-color:#dbeafe;border-color:#bfdbfe}#description-button,#immersive-toggle-button,#theme-toggle-button,#zoom-in-button,#zoom-out-button{background-color:#fff;color:#374151;border:1px solid #d1d5db}#description-button:hover,#immersive-toggle-button:hover,#theme-toggle-button:hover,#zoom-in-button:hover,#zoom-out-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 .subtitle,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{color:#e2e8f0}body.dark-mode h1{color:#22d3ee;text-shadow:0 0 6px rgba(34,211,238,.4)}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 rgba(34,211,238,.3)}body.dark-mode #ime-bar{background-color:rgba(16,16,16,.9);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 #restore-button,body.dark-mode #save-md-button{background-color:transparent;color:#22d3ee;border:1px solid #22d3ee;box-shadow:0 0 3px rgba(34,211,238,.4)}body.dark-mode #copy-button:hover,body.dark-mode #restore-button:hover,body.dark-mode #save-md-button:hover{background-color:rgba(34,211,238,.1);box-shadow:0 0 8px rgba(34,211,238,.6)}body.dark-mode #description-button,body.dark-mode #immersive-toggle-button,body.dark-mode #theme-toggle-button,body.dark-mode #zoom-in-button,body.dark-mode #zoom-out-button,body.dark-mode .tab-button{background-color:transparent;color:#94a3b8;border:1px solid #334155}body.dark-mode #description-button:hover,body.dark-mode #immersive-toggle-button:hover,body.dark-mode #theme-toggle-button:hover,body.dark-mode #zoom-in-button:hover,body.dark-mode #zoom-out-button:hover,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 #copy-button,body.immersive-mode .subtitle,body.immersive-mode h1{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:rgba(108,117,125,.8);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{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:0;border-radius:5px;cursor:pointer}@media (max-width:550px){#top-button-toggle{display:block}#top-button-container>a,#top-button-container>button:not(#top-button-toggle){display:none}#top-button-container.expanded{background-color:rgba(108,117,125,.9);padding:10px;border-radius:5px}body.dark-mode #top-button-container.expanded{background-color:rgba(16,16,16,.9);border:1px solid #334155}#top-button-container.expanded>a,#top-button-container.expanded>button:not(#top-button-toggle){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}