:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#253d52;background:#f7fbfd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #158ab7;outline-offset:3px}button:not(.text-button,.nav-item){min-height:46px;border:1px solid #8ed4e9;border-radius:10px;padding:10px 19px;background:#c9effa;color:#17435b;font-weight:700;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:not(.text-button,.nav-item):hover:not(:disabled){background:#b2e7f6;border-color:#63bddb}button:not(.text-button,.nav-item):active:not(:disabled){transform:translateY(1px)}button.secondary{background:#fff;border-color:#cbdce5;color:#34546b}button.secondary:hover:not(:disabled){background:#eff8fb;border-color:#9dcddd}button.danger-outline{background:#fff;border-color:#dba8a7;color:#a32f35}button.danger-outline:hover:not(:disabled){background:#fff3f2;border-color:#c97175}button.danger{background:#b6373e;border-color:#b6373e;color:#fff}button.danger:hover:not(:disabled){background:#9e2d35;border-color:#9e2d35}.shell{width:min(1180px,calc(100% - 56px));height:100dvh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column}.topbar{min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce9ef}.brand{display:flex;align-items:center;gap:20px;min-width:0}.brand img{width:154px;height:auto;display:block}.brand-divider{width:1px;height:28px;background:#cbdde6}.brand-label{font-size:15px;font-weight:700;white-space:nowrap}.text-button{min-height:44px;border:0;border-radius:8px;background:transparent;color:#286785;padding:8px 10px;font-weight:700;transition:background-color .15s ease,color .15s ease}.text-button:hover:not(:disabled){background:#e8f5fa;color:#13516f}.workspace{display:grid;grid-template-columns:minmax(270px,332px) minmax(0,1fr);gap:clamp(24px,5vw,72px);flex:1;min-height:0;overflow:hidden;padding:clamp(30px,5vh,54px) 0 44px}.overview{padding-top:12px;overflow-y:auto}.kicker{margin:0 0 9px;color:#4189a5;font-size:12px;font-weight:800;letter-spacing:.08em}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(28px,3.4vw,37px);line-height:1.28;letter-spacing:-.035em}h2{margin:0;font-size:clamp(24px,2.8vw,32px);line-height:1.35;letter-spacing:-.025em}.overview-description,.panel-description{color:#587081;line-height:1.8}.overview-description{margin:15px 0 22px;font-size:14px}.provider-pill{display:inline-flex;align-items:center;min-height:34px;padding:5px 13px;border:1px solid #b9dce9;border-radius:999px;background:#edf9fd;color:#235b76;font-size:13px;font-weight:700}.summary-list{margin:30px 0 0;border-top:1px solid #dce9ef}.summary-list>div{padding:17px 0 19px;border-bottom:1px solid #dce9ef}.summary-list dt{margin-bottom:7px;color:#617b8d;font-size:12px;font-weight:700}.summary-list dd{margin:0;font-size:14px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}.state-label{display:inline-flex;align-items:center;gap:8px}.state-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#64b8d0;flex:none}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px!important;font-variant-numeric:tabular-nums;font-weight:500!important}.settings{min-width:0;min-height:0;display:flex;flex-direction:column}.panel-nav{display:flex;align-items:stretch;gap:5px;padding:0 0 15px;overflow-x:auto}.nav-item{min-height:44px;padding:10px 14px;white-space:nowrap;color:#5b7485;font-size:14px;font-weight:700;background:transparent;border:0;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.nav-item:hover{color:#1e617f;background:#eef8fb}.nav-item.active{color:#175f7d;border-bottom-color:#32a8cc}.settings-panel{flex:1;min-height:0;overflow-y:auto;padding:clamp(28px,4vw,47px);border:1px solid #d7e7ef;border-radius:18px;background:#fff;box-shadow:0 14px 42px #3a769612}.panel-heading{padding-bottom:25px;border-bottom:1px solid #e2ecf1}.panel-content{padding-top:22px;max-width:560px}.panel-description{margin:0 0 28px;font-size:14px}.field-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px}.field-stack label,.delete-confirm label{color:#34556a;font-size:13px;font-weight:750}input{width:100%;min-height:48px;border:1px solid #afcbd9;border-radius:10px;padding:10px 14px;background:#fff;color:#253d52;transition:border-color .15s ease,box-shadow .15s ease}input:hover{border-color:#78b6ce}input:focus{border-color:#1689b5;box-shadow:0 0 0 3px #dff3fa;outline:0}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px}.follow-up{margin-top:30px;padding-top:25px;border-top:1px solid #e2ecf1}.hint{color:#5d7585;line-height:1.75;font-size:14px}.alert{margin:22px 0 0;padding:13px 16px;border-radius:10px;font-size:14px;line-height:1.65}.alert.error{border:1px solid #edc0c0;background:#fff5f5;color:#9f3038}.alert.success{border:1px solid #b6d9e4;background:#f0f9fb;color:#285d73}.qr-setup{display:flex;align-items:center;gap:22px;margin-top:24px}.qr-setup p{max-width:190px;color:#34556a;font-size:14px;font-weight:700;line-height:1.7}.qr-frame{width:252px;max-width:100%;padding:15px;border:1px solid #d7e7ef;border-radius:12px;background:#fff;flex:none}.qr-frame svg{display:block;width:100%;height:auto}.manual-key{margin-top:22px;color:#34556a;font-size:14px}.manual-key summary{width:fit-content;min-height:44px;padding:10px 0;color:#166d91;cursor:pointer;font-weight:700}.manual-key summary:focus-visible{outline:3px solid #158ab7;outline-offset:3px}.manual-key p{margin:7px 0 13px;color:#5d7585;line-height:1.7}.secret{display:block;max-width:100%;padding:14px;border:1px dashed #8bbfd0;border-radius:10px;background:#f4fbfd;color:#23475c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:.09em;overflow-wrap:anywhere}.delete-content .panel-description{color:#694b4d}.delete-confirm{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #efd6d7}.delete-confirm input{max-width:320px}.status-shell{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}.status-panel{width:min(100%,480px);padding:40px;border:1px solid #d7e7ef;border-radius:18px;background:#fff;box-shadow:0 14px 42px #3a769612}.status-logo{display:block;width:172px;height:auto;margin-bottom:33px}.status-panel h1{font-size:28px}.status-panel p,.status-shell>p{color:#587081;line-height:1.8}.status-panel button{margin-top:13px}.status-panel a{color:#166d91}.loading-indicator{width:26px;height:26px;border:3px solid #c9e8f3;border-top-color:#278eb5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.shell{width:min(100% - 32px,680px);height:auto}.topbar{min-height:82px}.workspace{display:block;overflow:visible;padding-top:30px}.overview{padding-top:0;overflow:visible}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:22px 0 30px}.settings-panel{min-height:360px;overflow:visible}}@media(max-width:540px){.shell{width:calc(100% - 28px)}.brand{gap:11px}.brand img{width:108px}.brand-divider{height:23px}.brand-label{font-size:13px}.text-button{font-size:13px;padding:8px 4px}.summary-list{column-gap:16px}.summary-list>div:first-child,.summary-list>div:last-child{grid-column:1 / -1}.panel-nav{gap:0}.nav-item{padding-inline:12px;font-size:13px}.settings-panel{padding:26px 20px;border-radius:15px}.qr-setup{align-items:flex-start;flex-direction:column;gap:8px}.qr-setup p{max-width:none;margin:3px 0 0}.status-panel{padding:28px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}