*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{overscroll-behavior-y:none;background:#9c4221}body{color:#3a2418;-webkit-text-size-adjust:100%;background:#f7ede6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-shell{overscroll-behavior-y:contain;background:#f7ede6;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.top-bar{padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 14px;color:#f7ede6;z-index:10;background:#9c4221;align-items:center;gap:10px;display:flex;position:sticky;top:0}.logo-dot{background:#e8b89a;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #e8b89a40}.brand{letter-spacing:.3px;font-size:1.1rem;font-weight:700}.page-area{padding:24px 20px calc(96px + env(safe-area-inset-bottom,0px));flex:1;width:100%}.bottom-nav{width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;background:#fff;border-top:1px solid #e8b89a;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #9c422114}.nav-item{text-align:center;color:#9c7563;touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:10px 0 12px;font-size:.72rem;text-decoration:none;display:flex}.nav-ic{font-size:1.25rem}.nav-item.active{color:#9c4221;font-weight:700}.card{background:#fff;border:1px solid #e8b89a99;border-radius:18px;padding:20px;box-shadow:0 6px 20px #9c422114}.btn-primary{color:#fff;cursor:pointer;touch-action:manipulation;background:#9c4221;border:none;border-radius:14px;width:100%;min-height:48px;padding:14px 20px;font-size:1rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:#7f351a}.btn-primary:active{background:#6e2f16}.btn-primary:disabled{cursor:not-allowed;background:#d7b6a7}.btn-secondary{color:#9c4221;cursor:pointer;touch-action:manipulation;background:#fff;border:1.5px solid #c46b3a;border-radius:14px;width:100%;min-height:48px;padding:13px 20px;font-size:.95rem;font-weight:600}.btn-secondary:active{background:#f7ede6}.input-field{color:#3a2418;background:#fffaf6;border:1.5px solid #e8b89a;border-radius:12px;width:100%;min-height:48px;padding:13px 14px;font-size:16px}.input-field:focus{border-color:#9c4221;outline:none}textarea.input-field{min-height:80px}.tag{color:#7a3317;letter-spacing:.3px;text-transform:uppercase;background:#e8b89a;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.notice{color:#7a3317;background:#c46b3a1f;border:1px solid #c46b3a;border-radius:12px;padding:12px 14px;font-size:.85rem;line-height:1.4}h1{margin:0 0 8px;font-size:1.7rem;line-height:1.2}h2{margin:0 0 6px;font-size:1.2rem}p{line-height:1.5}.muted{color:#9c7563;font-size:.88rem}.stack{flex-direction:column;gap:14px;display:flex}.row{gap:10px;display:flex}.center-icon{color:#fff;background:linear-gradient(135deg,#c46b3a,#9c4221);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:1.8rem;display:flex}.search-wrap{align-items:center;display:flex;position:relative}.search-ic{color:#c46b3a;pointer-events:none;font-size:1.1rem;position:absolute;left:14px}.search-input{padding-left:38px}.section-heading{text-transform:uppercase;letter-spacing:.6px;color:#9c4221;margin:4px 0 0;font-size:.78rem}.guide-entry summary{cursor:pointer;color:#3a2418;touch-action:manipulation;min-height:24px;font-weight:700;list-style:none}.guide-entry summary::-webkit-details-marker{display:none}.guide-entry summary:before{content:"+";color:#9c4221;width:18px;font-weight:800;display:inline-block}.guide-entry[open] summary:before{content:"–"}.guide-body{margin:10px 0 0}.textarea-field{resize:vertical;min-height:80px;font-family:inherit}.note-entry{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.note-time{color:#9c7563;margin:0;font-size:.72rem}.note-text{margin:0;font-weight:600}.note-tip{margin:0}.segmented{background:#f7ede6;border-radius:12px;gap:4px;padding:4px;display:flex}.segment{color:#9c4221;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:9px;flex:1;min-height:44px;padding:9px 10px;font-size:.82rem;font-weight:600}.segment.active{color:#fff;background:#9c4221}.qr-box{background:#f7ede6;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.qr-box img{background:#fff;border-radius:10px;padding:8px}.code-pill{color:#7a3317;letter-spacing:.4px;background:#fff;border:1.5px dashed #c46b3a;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-block}.code-pill.small{align-self:center;padding:4px 10px;font-size:.72rem}.history-row{align-items:center}.field-label{color:#7a3317;margin-bottom:-6px;font-size:.78rem;font-weight:700}.toggle-row{border-bottom:1px solid #e8b89a99;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:.92rem;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row input[type=checkbox]{accent-color:#9c4221;touch-action:manipulation;flex-shrink:0;width:22px;height:22px}.topic-row{flex-direction:column;gap:6px;display:flex}.topic-row-head{justify-content:space-between;font-size:.88rem;font-weight:600;display:flex}.topic-bar-track{background:#f7ede6;border-radius:999px;width:100%;height:8px;overflow:hidden}.topic-bar-fill{background:linear-gradient(90deg,#c46b3a,#9c4221);border-radius:999px;height:100%}