:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#243f36;background:#f6f5ef;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.file-button{cursor:pointer;min-height:46px;border:1px solid #d8ded5;border-radius:10px;background:#fff;color:#284c40;padding:10px 15px}button:hover,.file-button:hover{background:#edf2e9}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #a76730;outline-offset:3px}button:disabled{opacity:.5;cursor:default}input,textarea{width:100%;border:1px solid #d6ddd3;border-radius:8px;padding:12px;background:#fff;color:#243f36;font-size:16px}textarea{resize:vertical}header{max-width:1200px;margin:auto;padding:28px 32px;border-bottom:1px solid #dce1d7;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:inherit;font-size:28px;font-weight:700;letter-spacing:3px}.brand span{display:block;font-size:12px;letter-spacing:1px;font-weight:400}.pill{font-size:12px;background:#e7ecdf;border-radius:30px;padding:8px 14px}main{max-width:1200px;margin:auto;padding:32px}.intro{display:flex;justify-content:space-between;align-items:center;padding:4px 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;color:#657568}h1{font-size:clamp(26px,4vw,38px);font-weight:600;margin:6px 0}.intro p{color:#66776b;margin:5px 0}.ornament{font-size:90px;color:#a8b78c;line-height:1}.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entries button{text-align:left;padding:22px;background:#eef1e7;border:1px solid #dce1d2;border-radius:15px}.entries button:nth-child(2){background:#f2e9dc}.entries button:nth-child(3){background:#e7eeec}.entries span{display:block;font-size:27px;margin-bottom:12px}.entries strong{display:block;font-size:19px}.entries small{color:#627366}#notice{min-height:24px;font-size:14px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px;margin:0 0 14px}.section-heading span{font-size:12px}.filters{display:flex;gap:5px;margin:12px 0;flex-wrap:wrap}.filters button{font-size:13px;padding:7px 10px;border:0;background:transparent}.filters button[aria-pressed=true]{background:#294d40;color:white}.date-filter{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:14px}.date-filter input{min-width:0;flex:1;padding:8px}.date-filter button{padding:5px 8px;font-size:12px}.record{display:block;width:100%;text-align:left;margin-bottom:9px;padding:16px;border-radius:12px;background:#fafbf7}.record.active{border-color:#42694b;box-shadow:inset 3px 0 #42694b}.record strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record p{font-size:13px;color:#718071;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record small{font-size:11px;color:#73816f}.editor{background:#fff;border:1px solid #e1e5db;border-radius:16px;min-height:540px;padding:26px;box-shadow:0 5px 20px #35452d05;min-width:0}#empty{display:flex;min-height:480px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#798779}#empty span{font-size:52px;color:#a5b294}#empty p{font-size:14px}#empty[hidden],form[hidden]{display:none}.editor-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}#kind{letter-spacing:2px}#save-status{color:#466b45}#save-status.error{color:#b33725}.muted{font-size:11px;color:#748072}.editor label{font-size:12px;color:#68776a}#title{border:0;border-bottom:1px solid #eee;border-radius:0;font-size:22px;padding:8px 0}#body{border:0;min-height:285px;padding:20px 0;line-height:1.9}details{border-top:1px solid #e8eae4;padding-top:6px}summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:13px;color:#657660}.metadata{display:grid;gap:12px}.metadata label{display:block}.editor-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:20px}.editor-bottom button{font-size:12px}footer{border-top:1px solid #dce1d7;margin-top:36px;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#6b786a}footer p{margin:6px 0}.backup{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.backup button,.file-button{font-size:12px;text-align:center}.file-button input{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.warning{font-size:13px;color:#9a5628;background:#fbf1de;padding:10px;border-radius:8px}.empty-list{padding:25px 10px;color:#7a8578;font-size:14px;text-align:center}@media(max-width:740px){header{padding:20px}.pill{font-size:10px;padding:6px 9px}.brand{font-size:24px}main{padding:20px}.intro{padding-bottom:23px}.ornament{font-size:55px}.entries{gap:8px}.entries button{padding:14px 11px}.entries span{font-size:23px;margin-bottom:10px}.entries strong{font-size:16px}.entries small{font-size:11px}.workspace{display:flex;flex-direction:column}.editor{order:-1;padding:20px;min-height:200px}#empty{min-height:200px}#body{min-height:280px}.library{min-width:0}footer{flex-direction:column}.backup{width:100%}#record-time{overflow-wrap:anywhere}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.sync-panel{padding:18px;border:1px solid var(--line,#d5ded5);border-radius:16px;margin-bottom:20px;background:#edf2e9}.sync-panel button,.sync-panel a{display:inline-block;min-height:44px;padding:10px;margin:4px}.sync-panel label{display:block;margin:12px 0;overflow-wrap:anywhere}.sync-panel input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}.sync-panel details{margin-top:12px}.sync-panel small{display:block}.sync-panel [role=status]{overflow-wrap:anywhere}

.sync-panel [hidden]{display:none!important}

.sync-panel .login-primary{display:block;width:100%;min-height:54px;margin:0 0 14px;padding:13px 16px;background:#234c42;color:#fff;border:1px solid #234c42;text-align:center;font-size:17px;font-weight:700;text-decoration:none;border-radius:12px}.sync-panel .login-primary:hover{background:#173c32}#mode-label{display:block;overflow-wrap:anywhere}#apply-update{display:block;width:100%;margin:0 0 16px;background:#fff1d5;border-color:#b17d34;color:#5d3c13}

.record-sync{font-size:13px;white-space:pre-line;overflow-wrap:anywhere;background:#f0f4ed;border-radius:10px;padding:12px;margin:12px 0;line-height:1.7}.record-sync[data-state=error]{background:#fff1de;color:#824216}#sync-detail{font-size:13px;overflow-wrap:anywhere}#sync-state{font-weight:700;font-size:16px}

header{flex-wrap:wrap;gap:12px}.brand{min-width:0;max-width:100%;overflow-wrap:anywhere}.pill{max-width:100%;overflow-wrap:anywhere}

.metadata [hidden]{display:none!important}.metadata select{display:block;width:100%;max-width:100%;min-height:46px;font:inherit;border:1px solid #d6ddd3;border-radius:8px;padding:10px;background:#fff;color:#243f36}.metadata label{min-width:0;overflow-wrap:anywhere}.metadata small{color:#657568}