:root{--ink: #1a1613;--ink-2: #4a423b;--ink-3: #8a8078;--paper: #f6f1e7;--paper-2: #ffffff;--paper-3: #ece4d3;--line: #dcd1bb;--line-soft: #ebe2cf;--gold: #b08a44;--gold-strong: #8f6d2e;--gold-soft: #efe1c2;--danger: #a3372c;--success: #4a6b3b;--warn: #8a5e1e;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 10px rgba(30, 20, 10, .06);--font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:15px}a{color:var(--gold-strong);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;background:var(--ink);color:var(--paper);padding:12px 16px calc(12px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid #000}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);letter-spacing:.08em}.brand-mark{color:var(--gold);font-size:14px}.brand-name{font-size:17px;font-weight:500}.app-main{flex:1;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:30}.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px 12px;color:var(--ink-3);text-decoration:none;gap:3px;font-size:11px;transition:color .15s}.bn-item.active,.bn-item[aria-current=page]{color:var(--ink)}.bn-item.active .bn-icon,.bn-item[aria-current=page] .bn-icon{color:var(--gold-strong)}.bn-icon{font-size:20px;line-height:1}.bn-label{letter-spacing:.05em}.page{max-width:720px;margin:0 auto;padding:18px 16px 24px}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.page-header-detail{align-items:flex-start}.page-header h1{font-family:var(--font-serif);font-size:22px;font-weight:500;margin:0;letter-spacing:.03em}.muted{color:var(--ink-3);margin:0}.small{font-size:12px}.warn{color:var(--warn)}.error{color:var(--danger);margin:8px 0 0;font-size:13px}.prewrap{white-space:pre-wrap}.owner-banner{margin:-6px 0 14px}.owner-view{display:inline-flex;align-items:baseline;gap:6px;background:transparent;border:none;padding:4px 0;color:var(--ink-2);cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.03em}.owner-view:hover .owner-name,.owner-view:hover .owner-pencil{color:var(--gold-strong)}.owner-name{font-family:var(--font-serif);font-size:16px;color:var(--ink);font-weight:500;letter-spacing:.02em}.owner-suffix{color:var(--ink-3)}.owner-view-empty .owner-suffix{color:var(--gold-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.owner-pencil{color:var(--ink-3);font-size:12px;margin-left:2px;transition:color .15s}.owner-edit{display:flex;gap:6px;align-items:center}.owner-input{padding:8px 10px;font-size:14px;flex:1;min-width:0}.toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.toolbar-row{display:flex;gap:8px}.toolbar-row-dates{align-items:flex-end;flex-wrap:wrap}.toolbar-row-dates .input[type=date]{padding:10px 8px;font-size:14px;min-width:0;width:100%}.search-lead{margin:4px 0 12px}.search-lead .input{font-size:16px;padding:12px 14px}.date-clear{align-self:flex-end;padding:8px 10px;flex:0 0 auto}.select-wrap{display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-width:0}.select-label{font-size:11px;color:var(--ink-3);padding-left:2px}.select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 30px 10px 12px;font-size:14px;color:var(--ink);background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.card{display:block;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 12px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s,transform .05s}.card:hover{border-color:var(--gold);text-decoration:none}.card:active{transform:scale(.997)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.card-title{font-family:var(--font-serif);font-size:17px;font-weight:500;margin:0;letter-spacing:.02em}.card-title-link{color:inherit;text-decoration:none}.card-meta{display:flex;gap:12px;flex-wrap:wrap;margin:0;color:var(--ink-2);font-size:13px}.card-meta>div{display:flex;gap:6px;align-items:baseline}.card-meta dt{color:var(--ink-3);font-size:11px;margin:0}.card-meta dd{margin:0}.card-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.empty{text-align:center;padding:60px 20px;color:var(--ink-2)}.empty p{margin:4px 0}.section{margin:24px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title{font-family:var(--font-serif);font-size:14px;font-weight:500;margin:0 0 10px;color:var(--ink);letter-spacing:.1em;padding-bottom:6px;border-bottom:1px solid var(--line)}.section-head .section-title{border:none;padding:0;margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}.info-grid .wide{grid-column:1 / -1}.info-grid dt{font-size:11px;color:var(--ink-3);margin-bottom:2px}.info-grid dd{margin:0;font-size:14px;color:var(--ink);word-break:break-word}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;letter-spacing:.05em;border:1px solid transparent;white-space:nowrap}.chip-considering{background:#f4ecd8;color:var(--gold-strong);border-color:var(--gold-soft)}.chip-won{background:#e6edd8;color:var(--success);border-color:#cbd8b5}.chip-lost{background:#ede1de;color:var(--danger);border-color:#dfc5c0}.chip-reminder{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-due-over{background:#f3ddd9;color:var(--danger);border-color:#e2b8b2}.chip-due-today{background:var(--ink);color:var(--gold);border-color:var(--ink)}.chip-due-soon{background:var(--gold-soft);color:var(--gold-strong);border-color:var(--gold)}.chip-due{font-weight:500}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.timeline-item{position:relative}.timeline-card{display:block;background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:12px 14px;color:var(--ink);text-decoration:none}.timeline-card:hover{text-decoration:none;border-left-color:var(--gold-strong)}.timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.timeline-date{font-family:var(--font-serif);font-size:14px;color:var(--ink);letter-spacing:.03em}.timeline-body{margin:0 0 8px;font-size:14px;white-space:pre-wrap}.mini-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:4px 0 0;padding:8px 0 0;border-top:1px dashed var(--line-soft)}.mini-grid dt{font-size:10px;color:var(--ink-3);margin:0 0 1px;letter-spacing:.08em}.mini-grid dd{margin:0;font-size:13px;color:var(--ink-2);white-space:pre-wrap}.timeline-next{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-soft);display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--ink-2)}.next-date{color:var(--ink);font-weight:500}.reminder-action{margin:6px 0 0;font-size:13px;color:var(--ink-2);white-space:pre-wrap}.tag-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--paper-3);color:var(--ink);border-radius:6px;padding:5px 10px;font-size:12px;border:1px solid var(--line-soft)}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;color:var(--ink-2);letter-spacing:.05em}.field-label em{color:var(--danger);font-style:normal;margin-left:3px}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;font-size:15px;background:var(--paper-2);color:var(--ink);font-family:inherit;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b08a4426}.textarea{resize:vertical;min-height:80px;line-height:1.55}.switch{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.switch input{width:20px;height:20px;accent-color:var(--gold-strong)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;letter-spacing:.05em;transition:background .15s,border-color .15s,color .15s}.btn:hover{text-decoration:none}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%;margin-top:20px}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:#000}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-danger{color:var(--danger);border-color:#e2b8b2;background:transparent}.btn-danger:hover{background:#fbf1ef}.fab{position:fixed;right:20px;bottom:calc(84px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 6px 20px #00000040;z-index:25;border:1px solid #000}.fab:hover{text-decoration:none;background:#000}.upload{display:block;margin:14px 0 8px;cursor:pointer}.upload input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.upload-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border:2px dashed var(--line);border-radius:var(--radius);background:var(--paper-2);color:var(--ink-2);text-align:center;transition:border-color .15s,background .15s}.upload:hover .upload-box{border-color:var(--gold);background:#fffbf3}.upload.disabled{opacity:.5;pointer-events:none}.upload-icon{font-size:28px;color:var(--gold-strong)}.upload-text{font-size:14px;color:var(--ink)}.notice{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.notice-ok{background:#eef2e0;color:var(--success);border:1px solid #cbd8b5}.unmatched-list{list-style:none;padding:0;margin:10px 0 14px;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--ink-2)}.unmatched-list li{padding:5px 8px;background:var(--paper-2);border:1px solid var(--line-soft);border-radius:6px}.task-section{border-top:1px dashed var(--line);padding-top:14px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.task-section-head{display:flex;align-items:center;justify-content:space-between}.task-editor-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.task-editor-row{display:flex;flex-direction:column;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px}.task-detail{min-height:52px;font-size:13px}.task-editor-controls{display:flex;gap:6px;align-items:flex-end}.task-field{display:flex;flex-direction:column;gap:2px}.task-field-due{flex:1;min-width:0}.task-field-label{font-size:10px;color:var(--ink-3);padding-left:2px;letter-spacing:.05em}.task-title{flex:1}.task-status-select{flex:0 0 auto;padding:8px 10px;width:auto;min-width:88px}.task-status-select-sm{padding:5px 8px;font-size:12px;width:auto;min-width:88px;max-width:110px;border-radius:6px}.task-due{flex:1;padding:8px 10px;min-width:0}.task-remove{padding:6px 10px;color:var(--ink-3)}.task-remove:hover{color:var(--danger);border-color:var(--danger)}.task-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px}.task-row{display:flex;flex-direction:column;gap:4px;padding:6px 8px 6px 10px;background:var(--paper-2);border:1px solid var(--line-soft);border-radius:6px;font-size:13px;color:var(--ink)}.task-row-head{display:flex;align-items:center;gap:8px}.task-row-done .task-title-view{text-decoration:line-through;color:var(--ink-3)}.task-detail-view{margin:0;font-size:13px;color:var(--ink-2);white-space:pre-wrap;line-height:1.5}.task-row .task-detail-view{padding:2px 0 2px 62px;font-size:12px}.task-card .task-detail-view{border-left:2px solid var(--line);padding:2px 0 4px 10px}.task-status-btn{border:1px solid transparent;border-radius:999px;padding:2px 8px;font-size:11px;letter-spacing:.05em;cursor:pointer;min-width:56px;text-align:center}.task-status-pending{background:var(--paper-3);color:var(--ink-2);border-color:var(--line)}.task-status-doing{background:var(--gold-soft);color:var(--gold-strong);border-color:var(--gold)}.task-status-done{background:#e6edd8;color:var(--success);border-color:#cbd8b5}.task-title-view{flex:1;word-break:break-word}.task-due-view{color:var(--ink-3);font-size:11px;white-space:nowrap}.tab-row{display:flex;gap:4px;margin-bottom:12px;background:var(--paper-3);padding:4px;border-radius:var(--radius-sm)}.tab{flex:1;border:none;background:transparent;padding:8px 4px;border-radius:6px;font-size:13px;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit}.tab-active{background:var(--paper-2);color:var(--ink);box-shadow:0 1px 3px #0000000d}.tab-count{font-size:10px;color:var(--ink-3)}.tab-active .tab-count{color:var(--gold-strong)}.task-card{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.task-card-row{display:flex;align-items:center;gap:10px}.task-card-row-1{justify-content:space-between}.task-card .task-title-view{font-size:15px;font-weight:500;line-height:1.4}.task-card-done .task-title-view{text-decoration:line-through;color:var(--ink-3)}.task-card-row-2{flex-wrap:wrap;gap:6px 12px;color:var(--ink-2);font-size:13px}.task-salon-link{color:var(--ink);font-weight:500}.task-contact{color:var(--ink-3)}.task-contact:before{content:"担当: ";color:var(--ink-3);font-size:11px}.task-card-due{display:flex;align-items:baseline;gap:8px;padding:6px 10px;background:var(--paper-3);border-radius:var(--radius-sm);border-left:3px solid var(--gold);align-self:flex-start}.task-due-label{font-size:11px;color:var(--ink-3);letter-spacing:.08em}.task-due-date{font-family:var(--font-serif);font-size:18px;font-weight:500;color:var(--ink);letter-spacing:.04em}.task-card-done .task-due-date{color:var(--ink-3)}.task-card-visit-link{font-size:12px}.task-visit-link{color:var(--ink-3)}@media (min-width: 640px){.info-grid{grid-template-columns:1fr 1fr 1fr}.mini-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:row;align-items:flex-end}.toolbar>.input{flex:2}.toolbar-row{flex:3}}