.header[data-v-985a0126]{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;z-index:9999;background-color:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.dark-mode{background-color:var(--header-bg);border-bottom-color:var(--border-color);box-shadow:0 4px 20px #0000004d}.header-title[data-v-985a0126]{font-size:18px;font-weight:700;color:#1e1e1e;margin:0;cursor:pointer}.tf-statusbar[data-v-985a0126]{height:56px;position:relative}.back-btn[data-v-985a0126]{position:absolute;left:16px;color:#1e1e1e;font-size:20px;display:flex;align-items:center;justify-content:center}.action-right-group[data-v-985a0126]{position:absolute;right:16px;display:flex;align-items:center;gap:14px}.action-right-btn[data-v-985a0126]{color:#1e1e1e;font-size:20px;display:flex;align-items:center;justify-content:center;position:relative}.notes-btn[data-v-985a0126]{color:#f2c71c}.notes-badge[data-v-985a0126]{position:absolute;top:-2px;right:-4px;width:8px;height:8px;background-color:#ea3434;border-radius:50%;border:1.5px solid #fff}.dark-mode{color:#f2c71c}.dark-mode{border-color:#1c1e22d9}.bottom-navigation-bar[data-v-7bd6f3f8]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;z-index:9999;background-color:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 20px #0000000a;padding:10px 0 env(safe-area-inset-bottom,10px);transition:all .3s ease}body.is-full-width{max-width:none!important}.dark-mode{background-color:var(--header-bg);border-top-color:var(--border-color);box-shadow:0 -4px 20px #0000004d}.dark-mode{background-color:transparent!important}.tf-navigation-bar[data-v-7bd6f3f8]{display:flex;justify-content:space-around;align-items:center;list-style:none;padding:0;margin:0}.nav-item-link[data-v-7bd6f3f8]{text-decoration:none;color:#717171;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s ease;padding:4px 12px;border-radius:12px}.nav-item-link[data-v-7bd6f3f8]:hover{color:#533dea;background-color:#533dea0d}.nav-item-link i[data-v-7bd6f3f8]{font-size:22px}.nav-icon[data-v-7bd6f3f8]{width:24px;height:24px;object-fit:contain}.dark-mode{color:#e0e0e0}.dark-mode{color:#816ef0;background-color:#816ef01a}.modal[data-v-bd23eca4]{z-index:30001}.modal-content[data-v-bd23eca4]{max-height:85vh;display:flex;flex-direction:column}.modal-body[data-v-bd23eca4]{overflow-y:auto;flex:1}.modal-backdrop[data-v-bd23eca4]{z-index:30000}.modal-dialog[data-v-bd23eca4]{z-index:30002;margin-top:5vh}.modal-title[data-v-bd23eca4]{margin:0;font-weight:700}.modal-header h4[data-v-bd23eca4]:last-child{font-size:24px;line-height:1;color:#999;transition:color .2s}.modal-header h4[data-v-bd23eca4]:last-child:hover{color:#333}