:root{font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;color:#183032;background:#dfe8e3;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,.action-card,.camera-gallery{cursor:pointer}button:focus-visible,.action-card:focus-within{outline:3px solid #b5d957;outline-offset:2px}.hidden{display:none!important}.app-shell{height:100dvh;max-width:560px;margin:auto;background:#f5f8f5;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 60px #10282b1a}.app-header{flex:none;height:64px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f8f5;border-bottom:1px solid #e3ebe5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#183335;color:#cde96b;font-size:22px;font-weight:800}.brand strong,.brand small{display:block;white-space:nowrap}.brand strong{font-size:14px;letter-spacing:.1em}.brand small{font-size:10px;color:#71847b;margin-top:2px}.local-badge{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#537567}.status-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81b572}.app-main{position:relative;flex:1;min-height:0}.view{height:100%;min-height:0}.home-view{display:flex;flex-direction:column;padding:clamp(22px,5vh,42px) 22px 16px;overflow:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#6e9281}.home-heading h1{font-size:clamp(32px,7vw,43px);letter-spacing:-.06em;line-height:1.25;margin:13px 0 11px}.home-heading h1 em{font-style:normal;color:#74946d}.home-heading p{font-size:13px;color:#6a7f73;margin:0;line-height:1.6}.action-list{display:grid;gap:12px;margin-top:clamp(24px,6vh,50px)}.action-card{width:100%;border:0;border-radius:17px;min-height:112px;padding:18px;display:flex;align-items:center;gap:15px;text-align:left;position:relative;box-shadow:0 8px 25px #19342914}.camera-action{background:#153438;color:#fff}.image-action{background:#fff;color:#173436;border:1px solid #dde9df}.action-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:14px;background:#cce66b;color:#163637}.image-action .action-icon{background:#edf4e8;color:#507967}.action-icon svg{width:27px;height:27px}.action-copy{min-width:0;flex:1}.action-copy strong{display:block;font-size:16px;letter-spacing:-.02em}.action-copy small{display:block;font-size:11px;opacity:.72;margin-top:6px;line-height:1.3}.action-arrow{font-size:30px;font-weight:300;opacity:.65}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.home-foot{margin-top:auto;padding:22px 3px 7px;display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;color:#7c9083}.home-foot-icon{font-size:16px;color:#77a681}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding:5px 16px env(safe-area-inset-bottom);display:flex;justify-content:space-around;flex:none;border-top:1px solid #e1e9e2;background:#fff}.bottom-nav button,.bottom-nav label{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:none;color:#93a49a;font-size:10px;font-weight:700;cursor:pointer}.bottom-nav button.active{color:#1c5345}.bottom-nav button span{font-size:27px;line-height:1}.bottom-nav svg{width:25px;height:25px}.results-view{display:flex;flex-direction:column;overflow:hidden}.results-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:23px 22px 14px}.results-head h1{font-size:26px;letter-spacing:-.05em;margin:5px 0 0}.results-head h1 span{font-size:13px;color:#7b9684;font-weight:600}.small-icon-button{border:0;border-radius:13px;width:38px;height:38px;background:#e5efe5;color:#305e4d;font-size:24px}.symbol-tabs{display:flex;gap:8px;padding:0 22px 15px;overflow-x:auto;scrollbar-width:none;flex:none}.symbol-tabs::-webkit-scrollbar{display:none}.symbol-tabs button{flex:none;white-space:nowrap;border:1px solid #d8e4da;border-radius:99px;background:#fff;color:#60766b;padding:7px 12px;font-size:11px;font-weight:700}.symbol-tabs button.active{background:#193a39;border-color:#193a39;color:#fff}.result-summary{display:flex;align-items:center;gap:10px;padding:0 22px 15px;flex:none}.format-pill{background:#e2f1e3;color:#285b48;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700}.byte-count{font-size:11px;color:#84998b}.result-nav{display:flex;padding:0 16px;border-bottom:1px solid #dce8dd;flex:none}.result-nav button{flex:1;border:0;border-bottom:3px solid transparent;background:none;padding:10px 0;font-size:12px;font-weight:700;color:#8a9b8f}.result-nav button.active{border-bottom-color:#648f67;color:#254f42}.result-content{flex:1;min-height:0;overflow:auto;padding:20px 22px 30px;overscroll-behavior:contain}.section-title{font-size:11px;letter-spacing:.08em;color:#84988b;font-weight:700;margin:0 0 9px}.card{background:#fff;border:1px solid #e1eae2;border-radius:13px;padding:16px;margin-bottom:13px;box-shadow:0 4px 18px #18342908}.card strong{font-size:14px}.card p{font-size:12px;line-height:1.7;color:#566c60;margin:7px 0 0}.summary-badge{display:inline-block;border-radius:99px;background:#e6f3e4;color:#416b4d;font-size:10px;font-weight:700;padding:5px 9px;margin-bottom:8px}.summary-badge.unknown{background:#f8eddd;color:#8b6535}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.data-box{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#23453c;background:#f2f6f2;border-radius:8px;padding:12px;font-size:12px;margin:0}.data-box.hex{font-size:11px;letter-spacing:.02em}.data-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.copy-button{border:1px solid #dae8dc;border-radius:6px;background:#fff;color:#467260;padding:5px 9px;font-size:10px;font-weight:700}.command-item{display:grid;grid-template-columns:25px 1fr;gap:2px 10px;background:#fff;border:1px solid #e0e9e0;border-radius:10px;padding:12px;margin-bottom:8px}.command-item.unverified{background:#fcf9f2}.command-index{grid-row:span 2;color:#96a99b;font-size:11px}.command-token{overflow-wrap:anywhere;font-size:11px;color:#2e6350}.command-description{font-size:12px;color:#596f60;line-height:1.55}.command-description strong{display:block;color:#203b33;font-size:12px}.command-description a{display:inline-block;margin-top:4px;color:#477b63}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #e3ebe4;font-size:12px}.detail-row span:first-child{color:#819489}.detail-row span:last-child{text-align:right;overflow-wrap:anywhere}.toast{position:absolute;z-index:10;left:16px;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));background:#1a3737;color:#fff;border-radius:10px;padding:13px 16px;box-shadow:0 8px 28px #10282044;font-size:12px;line-height:1.5}.toast.error{background:#8b3930}@media(max-height:650px){.home-view{padding-top:18px}.home-heading h1{font-size:31px;margin:8px 0}.action-list{margin-top:18px}.action-card{min-height:85px;padding:11px}.action-icon{width:44px;height:44px}.home-foot{padding-top:11px}}@media(min-width:560px){.app-shell{border-left:1px solid #cad9ce;border-right:1px solid #cad9ce}}.command-children{grid-column:2;border-top:1px solid #e5ece5;margin-top:8px;padding-top:7px}.child-command{display:grid;gap:2px;padding:5px 0;font-size:11px;line-height:1.5;color:#607266}.child-command code{color:#2f6952;font-size:10px}.child-command.unverified code{color:#9b6f3d}.text-action{min-height:80px;background:#f2f6ef;color:#23483b;border:1px solid #e0eae0;box-shadow:none}.text-action .action-icon{width:45px;height:45px;background:#e3eee1;color:#537b63}.text-action .action-icon svg{width:23px;height:23px}.text-action .action-copy strong{font-size:14px}.text-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:end;justify-content:center;background:#0b292b77}.dialog-card{width:100%;max-width:560px;background:#fff;border-radius:22px 22px 0 0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #09262733}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{border:0;background:#edf3ed;border-radius:50%;width:34px;height:34px;font-size:24px;color:#34584d}.dialog-card p{font-size:12px;color:#71877a;margin:8px 0 16px}.dialog-card textarea{width:100%;resize:vertical;min-height:130px;max-height:35vh;border:1px solid #d7e4d8;border-radius:10px;padding:12px;font-size:13px;line-height:1.5;color:#23453c;background:#f8faf8}.dialog-submit{width:100%;background:#1b4644;color:#fff;border:0;border-radius:10px;padding:13px;margin-top:14px;font-size:13px;font-weight:700}.capture-input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);left:0;top:0}.encoding-pill{background:#e8edf8;color:#355277;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}