*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f0f0f0;min-height:100vh;padding:24px 16px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Hiragino Sans CNS,Noto Sans TC,Microsoft JhengHei,sans-serif}.content{width:100%;max-width:36rem;margin:0 auto}h1{text-align:center;margin-bottom:.35rem;font-size:clamp(1.8rem,7vw,2.4rem);font-weight:700;line-height:1.3}.last-updated{color:#666;text-align:center;margin-bottom:.35rem;font-size:.92rem;line-height:1.5}.intro{color:#444;text-align:center;margin-bottom:1rem;font-size:.98rem;line-height:1.6}.notify-box{text-align:center;margin:0 auto 1.5rem}.notify-button{color:#fff;cursor:pointer;background:#2e7d6b;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:20rem;min-height:48px;margin-bottom:.75rem;padding:12px 20px;font-family:inherit;font-size:1.05rem;font-weight:700;display:inline-flex}.notify-button:disabled{opacity:.7;cursor:default}.notify-button:not(:disabled):active{transform:scale(.98)}.notify-hint,.notify-status{color:#555;margin-top:.75rem;font-size:.95rem;line-height:1.5}.notify-hint{margin-bottom:.75rem}.notify-hint-warning{color:#6b4f00;background:#fff8e6;border:1px solid #f0d98c;border-radius:8px;padding:12px}.filter-bar{gap:8px;margin-bottom:1rem;display:flex}.filter-button{color:#444;cursor:pointer;background:#fff;border:1.5px solid #ccc;border-radius:8px;flex:1;min-height:44px;padding:10px 8px;font-family:inherit;font-size:.92rem;font-weight:600}.filter-button.active{color:#fff;background:#2e7d6b;border-color:#2e7d6b}.filter-button:active{transform:scale(.98)}.sample-list{background:#fff;border:1px solid #ddd;border-radius:8px;list-style:none}.sample-list li{border-bottom:1px solid #e5e5e5;padding:16px}.sample-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:.35rem;display:flex}.sample-header .date{margin-bottom:0}.sample-content{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;display:flex}.type-badge{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.78rem;font-weight:700;line-height:1.4}.type-badge-unsat{color:#a65d00;background:#fff3e6}.type-badge-alert{color:#c62828;background:#fdeaea}.type-badge-allergen{color:#9b2c6b;background:#fce8f3}.sample-content .title{flex:1;min-width:0}.share-button{color:#2e7d6b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2e7d6b;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:.88rem;font-weight:700;line-height:1.2}.share-button:active{background:#eef7f4;transform:scale(.98)}.sample-list li:last-child{border-bottom:none}.date{color:#666;margin-bottom:.35rem;font-size:.9rem;display:block}.title{color:#222;font-size:1.05rem;font-weight:700;line-height:1.5;text-decoration:none;display:block}a.title:hover{text-decoration:underline}.status{text-align:center;color:#555;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px 16px;font-size:1rem}.status-panel{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px 16px}.status-panel p{color:#555;font-size:1rem;line-height:1.6}.loading-panel{flex-direction:column;align-items:center;gap:14px;display:flex}.loading-spinner{border:3px solid #dceee8;border-top-color:#2e7d6b;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-panel p{color:#8a1f1f;margin-bottom:16px}.empty-panel p{color:#666}.retry-button{color:#fff;cursor:pointer;background:#2e7d6b;border:none;border-radius:8px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:1rem;font-weight:700}.retry-button:active{transform:scale(.98)}.status.error{color:#8a1f1f}.site-footer{text-align:center;margin-top:2rem;padding-top:1.25rem}.site-footer p{color:#999;font-size:.78rem;line-height:1.7}.site-footer a{color:#888;text-underline-offset:2px;text-decoration:underline}