:root{--ink: #132a2f;--screen: #fafcf7;--header: #e7f3ee;--focus: #d6f1e7;--focus-stroke: #007c72;--divider: #b9c9c5;--warning: #fff2c7;--danger: #b6382e;--danger-soft: #fce5e3;--success: #2b7653;--success-soft: #ddf3e7;--secondary: #60716e}.device-shell{width:240px;height:320px;display:grid;grid-template-rows:40px 240px 40px;overflow:hidden;color:var(--ink);background:var(--screen);outline:none}.app-header,.softkey-bar{-webkit-user-select:none;user-select:none}.app-header{height:40px;padding:0 10px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;color:var(--ink);background:var(--header)}.app-header--emergency{color:#8f241e;background:var(--danger-soft)}.app-header h1{grid-column:2;max-width:180px;margin:0;overflow:hidden;font-size:24px;font-weight:900;line-height:32px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-meta{font-family:Roboto,Arial,sans-serif;font-size:11px;font-weight:900}.header-meta:last-child{text-align:right}.screen-content{height:240px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden;background:var(--screen)}.screen-content button,.softkey-bar button,.manual-form input,.manual-form textarea{font:inherit}.list-row,.medicine-row,.decision button,.quantity-picker{border:1px solid var(--divider);border-radius:8px;color:var(--ink);background:#fff}.list-row,.medicine-row{width:100%;min-height:43px;padding:7px 10px;display:flex;align-items:center;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.list-row{justify-content:space-between;font-size:16px;font-weight:500;line-height:22px}.list-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dense-list,.medicine-list{width:100%;display:flex;flex-direction:column;gap:6px}.dense-list .list-row{min-height:36px;padding-block:4px;font-size:15px}.medicine-list{gap:4px;overflow-y:auto;scrollbar-width:none}.medicine-list::-webkit-scrollbar{display:none}.medicine-list .medicine-row{min-height:52px}.medicine-list .list-row{min-height:40px}.reminder-list,.medicine-detail-list{width:100%;display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none}.reminder-list::-webkit-scrollbar,.medicine-detail-list::-webkit-scrollbar{display:none}.list-row--danger{border-color:#dba7a3;background:var(--danger-soft)}.list-row--success{border-color:#9cc8ae;background:var(--success-soft)}.is-selected,.list-row.is-selected,.medicine-row.is-selected,.decision button.is-selected,.quantity-picker.is-selected{border:3px solid var(--focus-stroke);background:var(--focus);font-weight:900;outline:none}.medicine-row{min-height:58px;gap:8px}.checkmark{width:22px;flex:0 0 22px;color:var(--secondary);font-size:20px;font-weight:900;text-align:center}.checkmark.is-checked{color:var(--success)}.medicine-copy{min-width:0;display:flex;flex-direction:column}.medicine-copy strong{overflow:hidden;font-size:15px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.medicine-copy small{color:var(--secondary);font-size:12px;font-weight:500;line-height:16px}.prompt,.helper,.emergency-line{margin:0}.prompt{font-size:16px;font-weight:900;line-height:22px}.helper{color:var(--secondary);font-size:13px;font-weight:500;line-height:18px}.helper.input-error{color:var(--danger);font-weight:700}.centered{text-align:center}.decision{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision button{height:52px;font-size:18px;font-weight:900;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity-picker{width:100%;height:64px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}.quantity-picker button{width:36px;height:36px;border:0;color:var(--ink);background:transparent;font-size:24px;font-weight:900}.quantity-picker strong{font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:900}.feedback-card{width:100%;min-height:118px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:var(--success-soft);text-align:center}.feedback-card--danger{background:var(--danger-soft)}.feedback-mark{color:var(--success);font-size:36px;font-weight:900;line-height:40px}.feedback-card--danger .feedback-mark{color:var(--danger)}.feedback-card strong{font-size:20px;line-height:28px}.processing{display:flex;flex-direction:column;gap:14px}.progress{width:100%;height:16px;overflow:hidden;border-radius:8px;background:#dce5e2}.progress span{width:68%;height:100%;display:block;border-radius:inherit;background:var(--focus-stroke);animation:progress-pulse .8s ease-in-out infinite alternate}@keyframes progress-pulse{to{opacity:.65}}.manual-form{display:flex;flex-direction:column;gap:6px}.focusable-field{padding:3px;display:flex;flex-direction:column;gap:4px;border:2px solid transparent;border-radius:10px}.manual-form label{font-size:16px;font-weight:900}.manual-form input,.manual-form textarea{width:100%;padding:10px 12px;border:1px solid var(--divider);border-radius:8px;color:var(--ink);background:#fff;font-size:16px;outline:none}.focusable-field.is-selected{border-color:var(--focus-stroke);background:var(--focus)}.focusable-field.is-editing input,.focusable-field.is-editing textarea{border-color:var(--focus-stroke);box-shadow:inset 0 0 0 1px var(--focus-stroke)}.focusable-field input[readonly],.focusable-field textarea[readonly]{cursor:default}.manual-form input{height:48px}.manual-form textarea{height:62px;resize:none}.manual-form [aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.manual-description{margin:0;padding:4px 2px;overflow-y:auto;color:var(--secondary);font-size:14px;line-height:20px;scrollbar-width:none}.emergency-line{padding:8px 10px;border-left:4px solid var(--danger);color:#8f241e;background:var(--danger-soft);font-size:15px;line-height:22px}.match-deck{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 16px;gap:4px}.match-deck-stage{min-height:0;position:relative;display:flex;justify-content:center}.match-card{width:calc(100% - 36px);height:100%;position:relative;z-index:2;overflow:hidden;border-radius:10px;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 2px var(--focus-stroke);cursor:pointer}.match-card-peek{width:24px;position:absolute;top:9px;bottom:9px;z-index:1;border-radius:8px;background:#dce9e5}.match-card-peek--left{left:0}.match-card-peek--right{right:0}.match-card-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.match-card-scroll::-webkit-scrollbar{display:none}.match-card-scroll img{width:100%;height:88px;display:block;object-fit:cover}.match-card-copy{padding:7px 10px 22px}.match-card-position{color:var(--secondary);font-family:Roboto,Arial,sans-serif;font-size:10px;font-weight:900}.match-card-copy h2{margin:1px 0 6px;font-size:17px;line-height:22px}.match-card-copy dl{margin:0}.match-card-copy dt{margin-top:7px;color:var(--focus-stroke);font-size:12px;font-weight:900;line-height:16px}.match-card-copy dd{margin:1px 0 0;font-size:13px;line-height:18px}.match-scroll-hint{height:24px;position:absolute;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to bottom,transparent,rgb(255 255 255 / 95%));pointer-events:none}.match-card--manual{display:grid;place-items:center;background:var(--header)}.match-manual-content{padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.match-plus{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:var(--focus-stroke);background:var(--focus);font-family:Roboto,Arial,sans-serif;font-size:42px;font-weight:500;line-height:1}.match-manual-content strong{font-size:18px;line-height:22px}.match-manual-content small{color:var(--secondary);font-size:12px;line-height:16px}.match-deck-footer{height:16px;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;color:var(--secondary);font-size:16px;line-height:16px;text-align:center;overflow:hidden}.match-dots{display:flex;align-items:center;justify-content:center;gap:5px}.match-dots button{width:6px;height:6px;padding:0;display:block;border:0;border-radius:3px;background:var(--divider)}.match-dots button.is-active{width:16px;background:var(--focus-stroke)}.softkey-bar{height:40px;display:grid;grid-template-columns:1fr 44px 1fr;color:#fff;background:var(--ink)}.softkey-bar button{min-width:0;padding:0 10px;display:flex;align-items:center;gap:4px;border:0;color:#fff;background:transparent;font-size:16px;font-weight:900;-webkit-appearance:none;-moz-appearance:none;appearance:none}.softkey-bar button:first-child{justify-content:flex-start}.softkey-bar button:nth-child(2){justify-content:center;padding:0}.softkey-bar button:last-child{justify-content:flex-end}.softkey-bar svg{width:16px;height:16px;flex:0 0 16px;fill:currentColor}.softkey-bar button:disabled{opacity:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion: reduce){.progress span{animation:none}}@media (max-width: 128px),(max-height: 160px){.device-shell{width:128px;height:160px;grid-template-rows:26px 106px 28px}.app-header{height:26px;padding:0 4px;grid-template-columns:22px minmax(0,1fr) 22px}.app-header h1{width:100%;max-width:none;font-size:14px;line-height:18px}.header-meta{overflow:hidden;font-size:7px;text-overflow:clip;white-space:nowrap}.screen-content{height:106px;padding:4px;gap:3px}.list-row,.medicine-row,.decision button,.quantity-picker{border-radius:4px}.list-row,.medicine-row{min-height:25px;padding:2px 4px}.list-row{font-size:11px;line-height:13px}.dense-list,.medicine-list,.reminder-list,.medicine-detail-list{gap:2px}.dense-list .list-row{min-height:17px;padding:1px 3px;font-size:10px;line-height:11px}.medicine-list .medicine-row,.medicine-list .list-row,.medicine-row{min-height:23px}.medicine-list .medicine-row,.medicine-list .list-row{height:19px;min-height:19px;padding:1px 3px}.medicine-list .medicine-copy small{display:none}.medicine-list .list-row{font-size:10px;line-height:11px}.reminder-list .list-row,.medicine-detail-list .list-row,.medicine-detail-list .medicine-row{height:19px;min-height:19px;padding:1px 3px;font-size:10px;line-height:11px}.is-selected,.list-row.is-selected,.medicine-row.is-selected,.decision button.is-selected,.quantity-picker.is-selected{border-width:2px}.medicine-row{gap:3px;padding:1px 3px}.checkmark{width:12px;flex-basis:12px;font-size:11px}.medicine-copy strong{font-size:10px;line-height:12px}.medicine-copy small{font-size:8px;line-height:9px}.prompt{font-size:12px;line-height:14px}.helper{display:none}.helper.input-error{display:block;font-size:8px;line-height:9px}.decision{gap:4px}.decision button{height:32px;font-size:13px}.quantity-picker{height:40px;padding:3px 5px}.quantity-picker button{width:24px;height:24px;font-size:18px}.quantity-picker strong{font-size:14px}.feedback-card{min-height:70px;padding:4px;gap:2px;border-radius:6px}.feedback-card--danger{min-height:60px}.feedback-mark{font-size:20px;line-height:20px}.feedback-card strong{font-size:12px;line-height:14px}.feedback-card span:not(.feedback-mark){font-size:9px;line-height:11px}.processing{gap:6px}.progress{height:8px;border-radius:4px}.manual-form{gap:2px}.focusable-field{padding:1px;gap:1px;border-width:1px;border-radius:5px}.manual-form label{font-size:9px;line-height:10px;white-space:nowrap}.manual-form input,.manual-form textarea{padding:4px 6px;border-width:2px;border-radius:4px;font-size:11px}.manual-form input{height:24px}.manual-form textarea{height:30px}.manual-description{padding:2px 0;font-size:9px;line-height:11px}.emergency-line{padding:3px 4px;border-left-width:3px;font-size:10px;line-height:13px}.match-deck{grid-template-rows:minmax(0,1fr) 8px;gap:2px}.match-card{width:calc(100% - 16px);border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--focus-stroke)}.match-card-peek{width:10px;top:4px;bottom:4px;border-radius:4px}.match-card-scroll img{height:42px}.match-card-copy{padding:3px 5px 12px}.match-card-position{font-size:7px;line-height:8px}.match-card-copy h2{margin:0 0 3px;font-size:10px;line-height:12px}.match-card-copy dt{margin-top:3px;font-size:8px;line-height:9px}.match-card-copy dd{margin-top:0;font-size:8px;line-height:10px}.match-scroll-hint{height:14px}.match-manual-content{padding:4px;gap:3px}.match-plus{width:32px;height:32px;font-size:24px}.match-manual-content strong{font-size:11px;line-height:13px}.match-manual-content small{font-size:8px;line-height:9px}.match-deck-footer{height:8px;grid-template-columns:12px 1fr 12px;font-size:10px;line-height:8px}.match-dots{gap:3px}.match-dots button{width:4px;height:4px;border-radius:2px}.match-dots button.is-active{width:10px}.softkey-bar{height:28px;grid-template-columns:1fr 28px 1fr}.softkey-bar button{padding:0 4px;gap:2px;overflow:hidden;font-size:10px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.softkey-bar button span{overflow:hidden;text-overflow:ellipsis}.softkey-bar svg{width:11px;height:11px;flex-basis:11px}}:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#132a2f;background:#0d1719;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}#root{display:grid;place-items:center}button{cursor:pointer}