:root{--color-primary:#3498db;--color-primary-dark:#2980b9;--color-danger:#e74c3c;--color-success:#27ae60;--color-bg:#fff;--color-surface:#fff;--color-text:#222;--color-text-muted:#666;--color-border:#e1e4e8;--color-card-bg:#f8f9fa;--radius:8px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001f}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1a1a;--color-surface:#242424;--color-text:#e8e8e8;--color-text-muted:#a0a0a0;--color-border:#333;--color-card-bg:#2a2a2a}}*{box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}#app{max-width:640px;margin:0 auto;padding:16px 16px 80px}h1{margin:16px 0;font-size:1.5rem}h2{margin:12px 0;font-size:1.15rem}p{margin:8px 0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.loading,.empty{color:var(--color-text-muted);text-align:center;padding:24px 16px}.error{color:var(--color-danger)}.btn{border-radius:var(--radius);cursor:pointer;text-align:center;border:1px solid #0000;padding:12px 20px;font-family:inherit;font-size:1rem;text-decoration:none;transition:background-color .15s,opacity .15s;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);text-decoration:none}.btn-secondary{background-color:var(--color-card-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border);text-decoration:none}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-link{color:var(--color-primary);background:0 0;border:none;padding:8px}.btn-link:hover{text-decoration:underline}.btn-small{padding:6px 12px;font-size:.9rem}.actions{flex-direction:column;gap:8px;margin:16px 0;display:flex}.actions .btn{width:100%}.landing{text-align:center;padding:24px 0}.landing .lead{color:var(--color-text-muted);font-size:1.1rem}.landing .bullets{text-align:left;margin:24px 0;padding:0;list-style:none;display:inline-block}.landing .bullets li{padding:6px 0}.landing .bullets li:before{content:"✓ ";color:var(--color-primary);font-weight:700}.landing .btn-primary{margin:16px 0;padding:14px 32px;font-size:1.1rem;display:inline-block}.landing .footer-note{color:var(--color-text-muted);margin-top:24px;font-size:.85rem}.toast{border:1px solid var(--color-danger);border-radius:var(--radius);background-color:#e74c3c1a;margin-bottom:16px;padding:12px}.onboarding .step-indicator{color:var(--color-primary);margin-top:8px;font-size:.9rem;font-weight:700}.onboarding .note{color:var(--color-text-muted);font-size:.88rem}.onboarding .steps{padding-left:24px}.onboarding .steps li{padding:4px 0}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:16px 0;padding:16px}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-header h2{margin:0}.mode-cards{flex-direction:column;gap:12px;margin:16px 0;display:flex}.mode-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--color-text);padding:16px;font-family:inherit;transition:border-color .15s,background-color .15s}.mode-card:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-card-bg)}.mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-icon{margin-bottom:4px;font-size:2rem}.mode-title{margin-bottom:4px;font-size:1.1rem;font-weight:700}.mode-desc{color:var(--color-text-muted);font-size:.95rem}.mode-toggle{gap:8px;margin:12px 0;display:flex}.mode-toggle .btn{flex:1}.result{min-height:0;margin-top:12px;padding:8px 0;font-size:.95rem}.result.success{color:var(--color-success)}.result.error{color:var(--color-danger)}.result ul{margin:8px 0;padding-left:24px}.app-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0 16px;display:flex}.app-title{font-size:1.1rem;font-weight:700}.link-subtle{color:var(--color-text-muted);font-size:.95rem}.link-subtle:hover{color:var(--color-primary)}.user-info{color:var(--color-text-muted);font-size:.9rem}.list{margin:0;padding:0;list-style:none}.list-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:none}.list-main{flex:1;min-width:0}.list-title{overflow-wrap:anywhere;font-weight:500}.list-sub{color:var(--color-text-muted);font-size:.9rem}.list-more{text-align:center;color:var(--color-text-muted);padding:8px 0;font-size:.9rem}.notification-item{border-bottom:1px solid var(--color-border);color:var(--color-text);gap:12px;padding:12px 0;display:flex}.notification-item:last-child{border-bottom:none}a.notification-item:hover{opacity:.8;text-decoration:none}.thumb{border-radius:var(--radius);background-color:var(--color-card-bg);flex:0 0 80px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:var(--color-text-muted);font-size:2rem}.notification-body{flex:1;min-width:0}.notification-store{color:var(--color-text-muted);font-size:.85rem}.notification-title{overflow-wrap:anywhere;font-weight:500}.notification-time{color:var(--color-text-muted);margin-top:4px;font-size:.85rem}.fab{background-color:var(--color-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);z-index:10;border:none;border-radius:999px;padding:14px 24px;font-family:inherit;font-size:1rem;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.fab:hover{background-color:var(--color-primary-dark)}.step{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin:16px 0;padding:16px}.step-label{color:var(--color-primary);font-size:.85rem;font-weight:700}.step select{border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);padding:10px 12px;font-size:1rem}.chain-buttons{gap:8px;display:flex}.chain-buttons .chain-btn{flex:1}.chain-buttons .chain-btn.selected{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.store-pick-list .check-row{cursor:pointer;align-items:center;gap:12px;width:100%;display:flex}.store-pick-list input[type=checkbox]{flex:none;width:20px;height:20px}.store-pick-list .badge{background-color:var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:2px 8px;font-size:.8rem}.status-ok{color:var(--color-success)}.status-ng{color:var(--color-danger)}.note{color:var(--color-text-muted);font-size:.88rem}