*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-text-size-adjust:100%;line-height:1.7}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}p,h1,h2,h3{overflow-wrap:break-word}:root{--bg: #f6f7f9;--panel: #ffffff;--line: #e2e5ea;--text: #1a1d22;--muted: #6b7280;--primary: #1f6feb;--answer: #16a34a;--hangup: #dc2626;--warn-bg: #fff7e6;--warn-line: #f0b429;--error-bg: #fee2e2;--error-line: #dc2626;--radius: 14px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif}.screen{min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 16px)}.screen.screen--center{display:grid;place-items:center}.screen.screen--app{display:flex;flex-direction:column;padding-inline:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar .topbar__title{font-size:1.05rem;font-weight:700}.topbar .topbar__device{color:var(--muted);font-size:.85rem}.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel)}.tabs .tabs__item{flex:1;min-height:48px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.tabs .tabs__item.is-active{color:var(--primary);border-bottom-color:var(--primary)}.content{flex:1;padding:16px}.card{width:100%;max-width:520px;margin-inline:auto;padding:20px;display:grid;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.card+.card{margin-top:16px}.card .card__title{font-size:1.15rem;font-weight:700}.card.card--dial{text-align:center;justify-items:center}.card.card--dial .banner{width:100%}.card.card--inline{max-width:none}.card.card--link{max-width:none;border-color:var(--primary)}.field{display:grid;gap:6px}.field .field__label{color:var(--muted);font-size:.85rem;font-weight:600}.field .field__input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.field .field__input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.field textarea.field__input{min-height:80px;resize:vertical}.search{display:flex;gap:8px;margin-bottom:14px}.btn{min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:700}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn.btn--primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.btn--answer{border-color:var(--answer);background:var(--answer);color:#fff}.btn.btn--hangup{border-color:var(--hangup);background:var(--hangup);color:#fff}.btn.btn--ghost{background:transparent}.btn.btn--small{min-height:40px;padding:6px 12px;font-size:.85rem}.row{display:flex;flex-wrap:wrap;gap:8px}.dial{width:min(220px,60vw);aspect-ratio:1;display:grid;place-content:center;gap:8px;border-radius:50%;background:var(--answer);color:#fff;font-size:1.1rem;font-weight:700}.dial .dial__icon{font-size:3rem}.dial:disabled{opacity:.6}.call{width:100%;max-width:520px;margin-inline:auto;padding-top:32px;display:grid;gap:20px;text-align:center}.call .call__peer{font-size:1.5rem;font-weight:700}.call .call__phase{color:var(--muted)}.call .call__time{color:var(--muted);font-size:1.25rem;font-variant-numeric:tabular-nums}.call .call__time.is-soon{color:var(--hangup);font-weight:700}.call .call__output{margin-inline:auto;max-width:320px;text-align:left}.call .call__rec{color:var(--hangup);font-weight:700}.call .call__note{color:var(--muted)}.call .call__hint{text-align:left}.call .call__meters{display:grid;gap:10px}.call .call__actions{display:flex;flex-direction:column;gap:10px}@media(min-width:520px){.call .call__actions{flex-direction:row;justify-content:center}}.level{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:10px}.level .level__label{color:var(--muted);font-size:.85rem;text-align:right}.level .level__track{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.level .level__fill{height:100%;background:var(--answer);transition:width .1s linear}.banner{padding:10px 12px;border-left:4px solid;border-radius:8px;font-size:.9rem;text-align:left}.banner.banner--warn{border-color:var(--warn-line);background:var(--warn-bg)}.banner.banner--error{border-color:var(--error-line);background:var(--error-bg)}.notice{padding:12px;border-radius:10px;background:var(--bg)}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:var(--answer);font-weight:700}.calls{display:grid;gap:10px}.calls .calls__item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.calls .calls__item.calls__item--missed,.calls .calls__item.calls__item--voicemail{border-left:4px solid var(--warn-line)}.calls .calls__head{width:100%;padding:14px;display:grid;gap:4px;text-align:left}.calls .calls__name{font-weight:700}.calls .calls__meta{color:var(--muted);font-size:.8rem}.calls .calls__summary{font-size:.9rem;white-space:pre-wrap}.calls .calls__body{padding:0 14px 14px;display:grid;gap:12px;border-top:1px solid var(--line)}.transcript{max-height:50vh;padding:12px;border-radius:10px;background:var(--bg);font-family:inherit;font-size:.9rem;white-space:pre-wrap;overflow:auto}.segments{display:grid;gap:10px;padding-top:8px}.segments .segments__label{display:block;color:var(--muted);font-size:.8rem}.segments audio{width:100%}.clients__list{display:grid;gap:10px;margin-top:16px}.clients__list .clients__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.clients__list .clients__name{font-weight:700}.devices,.checks{display:grid;gap:6px;font-size:.9rem}.help{text-align:left;font-size:.9rem}.help summary{min-height:44px;display:flex;align-items:center;color:var(--primary);cursor:pointer}.help ul{display:grid;gap:6px;padding-left:1.2em;list-style:disc}.settings{display:grid;gap:16px}.google{display:grid;gap:10px}.google .google__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-color:var(--line);background:var(--panel)}.google .google__mark{display:grid;place-content:center;width:24px;aspect-ratio:1;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;box-shadow:inset 0 0 0 1px var(--line)}.google .google__or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem}.google .google__or:before,.google .google__or:after{content:"";flex:1;height:1px;background:var(--line)}.linklike{padding:0;color:var(--primary);font-size:inherit;text-decoration:underline}.client-email{display:grid;gap:8px;margin-top:6px}.pending{display:grid;gap:10px;margin-bottom:16px;padding:14px;border:2px solid var(--warn-line);border-radius:var(--radius);background:var(--warn-bg)}.pending .pending__title{font-size:1rem;font-weight:700}.pending .pending__list{display:grid;gap:8px}.pending .pending__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;background:var(--panel)}.waiting__mark{font-size:3rem}.diag{text-align:left;font-size:.9rem}.diag summary{min-height:44px;display:flex;align-items:center;color:var(--primary);cursor:pointer}.diag .diag__list{margin-bottom:10px;display:grid;gap:8px}.period{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px}.period .period__item{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.85rem;font-weight:700}.period .period__item.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.period .period__item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}