*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,Hiragino Sans,Yu Gothic,sans-serif;background:#faf3e3;color:#6b4f3a;line-height:1.5;-webkit-text-size-adjust:100%}.app{max-width:600px;margin:0 auto;padding:16px 16px 96px}.loading{text-align:center;padding:24px;color:#6b4f3a}.fatal{text-align:center;padding:24px;margin:24px 16px;background:#fff;border:1px solid #E5D9C2;border-radius:8px;color:#b23a48;font-size:.95rem}.page-title{text-align:center;font-size:1.25rem;margin:8px 0 4px;color:#6b4f3a}.page-subtitle{text-align:center;font-size:.85rem;margin:0 0 16px;color:#8a7560}.ref-section{margin-bottom:16px;background:#fff;border:1px solid #E5D9C2;border-radius:12px;padding:14px}.ref-section h2{font-size:.95rem;margin:0 0 8px;color:#6b4f3a}.ref-section__desc{font-size:.8rem;color:#8a7560;margin:0 0 8px}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ref-grid.ref-grid--2col{grid-template-columns:repeat(2,1fr)}.ref-grid.ref-grid--7col{grid-template-columns:repeat(7,1fr);gap:4px}.ref-grid.ref-grid--auto{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.ref-item{appearance:none;background:#faf3e3;border:2px solid #E5D9C2;border-radius:10px;padding:6px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;color:inherit;transition:border-color .12s ease,background .12s ease,transform 80ms ease;-webkit-tap-highlight-color:transparent}.ref-item--text{min-height:56px;justify-content:center}.ref-grid--7col .ref-item--text{min-height:44px;padding:6px 2px}.ref-item:active{transform:scale(.97)}.ref-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;background:#f0e6d2;display:block}.ref-item__icon{font-size:1.6rem;line-height:1}.ref-item__label{font-size:.7rem;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;min-height:1.7em}.ref-grid--7col .ref-item__label{font-size:.8rem;min-height:0}.ref-item--selected{border-color:#4caf50;background:#e8f5e9;box-shadow:0 0 0 2px #4caf5040}.ref-item--selected .ref-item__label{color:#2e7d32;font-weight:600}.decide-footer{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#faf3e3f5;backdrop-filter:blur(6px);border-top:1px solid #E5D9C2;z-index:100}.decide-btn{appearance:none;display:block;width:100%;max-width:568px;margin:0 auto;padding:14px 16px;font-size:1rem;font-weight:700;color:#fff;background:#4caf50;border:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform 80ms ease}.decide-btn:active:not(:disabled){transform:scale(.98)}.decide-btn:disabled{background:#bdbdbd;cursor:not-allowed}