:root{--bg:#f6f5f3;--chrome:#ebe9e4;--chrome2:#f1efeb;--line:#dedbd4;--ink:#2a2825;--ink2:#6b655c;--ink3:#99938a;--accent:#c83b32;--on-accent:#fff;--radius:12px}[data-color=red]{--accent:#c83b32;--on-accent:#fff}[data-color=orange]{--accent:#de711f;--on-accent:#fff}[data-color=yellow]{--accent:#f3c431;--on-accent:#2a2825}[data-color=green]{--accent:#25834f;--on-accent:#fff}[data-color=blue]{--accent:#2b5fa0;--on-accent:#fff}[data-color=purple]{--accent:#633b8f;--on-accent:#fff}[data-color=pink]{--accent:#cc477f;--on-accent:#fff}[data-color=black],.reg{--accent:#242426;--on-accent:#fff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.8}input,textarea,select,button{font-family:inherit;font-size:16px}a{color:inherit}.page{max-width:560px;margin:0 auto;padding:64px 24px}.eyebrow{letter-spacing:.2em;color:var(--ink3);margin:0;font-size:12px}.note{background:var(--chrome);border-radius:var(--radius);color:var(--ink2);padding:20px 22px;font-size:15px}.note p{margin:0}.field{margin:0 0 16px;display:block}.field>span{color:var(--ink2);margin-bottom:6px;font-size:13px;display:block}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{background:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;padding:14px 16px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--ink2);border:1px solid var(--line);background:0 0}.menu-link{color:var(--accent);white-space:nowrap;padding-top:2px;font-size:14px;font-weight:700;text-decoration:none}.err{color:#9a2f27;background:#fbedec;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:14px}.swatches{flex-wrap:wrap;gap:14px;display:flex}.swatch-item{flex-direction:column;align-items:center;gap:6px;width:44px;display:flex}.swatch-name{color:var(--ink2);text-align:center;font-size:11px}.swatch{cursor:pointer;border:2px solid #0000;border-radius:12px;width:44px;height:44px;padding:0;position:relative}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);border-color:#fff}.device-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:20px;display:flex}.device-tab{color:var(--ink3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 2px 10px;font-weight:700}.device-tab[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.steps{color:var(--ink);margin:0 0 8px;padding-left:22px}.steps li{margin-bottom:10px}.chat-shell{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.chat-header{background:var(--chrome);padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:3px solid var(--accent);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-fill{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.chat-fill-scroll{flex:auto;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:24px 20px;overflow-y:auto}.chat-thread{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:16px 16px 8px;display:flex;overflow-y:auto}.chat-footer{background:var(--chrome);border-top:3px solid var(--accent);padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));flex:none}.chat-menu-bar{gap:8px;margin-bottom:8px;display:flex}.chat-menu-btn{border:1px solid var(--line);color:var(--ink2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;flex:1 1 0;padding:10px 4px;font-size:13px;font-weight:700}.chat-menu-btn.active,.chat-menu-btn.important-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.panel{padding:4px 4px 16px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-title{color:var(--ink);font-size:15px;font-weight:700}.panel-close,.panel-back{color:var(--ink2);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:15px}.panel-close{font-size:20px;line-height:1}.phrase-list,.route-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.phrase-row,.route-row{align-items:stretch;gap:6px;display:flex}.phrase-btn,.route-btn{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;flex:auto;gap:2px;padding:12px 14px;font-size:15px;display:flex}.route-name{font-size:14px;font-weight:700}.route-desc{color:var(--ink2);font-size:12px}.phrase-del{border:1px solid var(--line);width:36px;color:var(--ink3);cursor:pointer;background:0 0;border-radius:10px;flex:none;font-size:16px}.panel-add-row{gap:8px;display:flex}.route-form{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.mover-choice{border:1px solid var(--line);color:var(--ink2);cursor:pointer;background:#fff;border-radius:10px;flex:1 1 0;padding:10px;font-size:14px;font-weight:700}.mover-choice.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pickup-time-entry{flex-direction:column;display:flex}.pickup-time-row{align-items:center;gap:8px;margin-top:6px;display:flex}.time-adjust{border:1px solid var(--line);color:var(--ink2);cursor:pointer;background:#fff;border-radius:10px;flex:none;padding:10px 12px;font-size:13px;font-weight:700}.pickup-bubble{border:1.5px solid var(--accent);max-width:260px;color:var(--ink);background:#fff;border-radius:16px;padding:12px 14px}.pickup-respond-btn{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}